#screens{box-sizing:border-box;pointer-events:auto;z-index:4;width:min(880px,100vw - 32px);margin:0 auto;padding:6px 10px 8px;position:fixed;top:90px;left:0;right:0}#screens .title{margin:4px 0 6px;font-size:26px;line-height:1}#screens .stone-rule{margin:0 0 8px}#screens .pane{max-height:calc(100vh - 290px);padding:0 4px 2px 0;overflow:auto}#screens .buttons{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}#screens .stone-btn.class{white-space:normal;width:100%;margin:6px 0;font-size:15px;font-weight:500;display:block}#screens .line{color:#dfe8b0;white-space:pre-wrap;text-shadow:var(--stone-shadow);margin:4px 0 8px}#screens .note{margin-top:8px;font-size:13px}#screens pre{white-space:pre;color:var(--stone-text);text-shadow:1px 1px #000;border:6px solid #0000;border-image:var(--stone-groove) 3 / 6px repeat;image-rendering:pixelated;background:#00000073 padding-box padding-box;margin:0;padding:4px 6px;font:13px/1.45 ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto}#screens .teams{gap:10px;margin:6px 0;display:flex}#screens .team{border:6px solid #0000;border-image:var(--stone-groove) 3 / 6px repeat;background:linear-gradient(var(--team), var(--team)) 0 0 / 100% 2px no-repeat padding-box, #0000006b padding-box;min-width:0;image-rendering:pixelated;flex:1 1 0;padding:0 6px 4px}#screens .team.mine{background:linear-gradient(var(--team), var(--team)) 0 0 / 100% 2px no-repeat padding-box, linear-gradient(#e9e4c81a, #e9e4c81a) padding-box, #0000004d padding-box}#screens .team .head{color:var(--team);text-shadow:var(--stone-shadow);margin:6px 0 4px;font-weight:700}#screens .member{text-shadow:var(--stone-shadow);justify-content:space-between;gap:6px;font-size:14px;line-height:1.5;display:flex}#screens .member .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#screens .member .class{color:var(--stone-muted)}#screens .member .dead{color:#ff8a76}#screens .member.dead .name{opacity:.55}#screens .member.empty{color:#8c8f7c}#inventory{pointer-events:none;z-index:4;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#inventory[hidden]{display:none}#inventory .panel{pointer-events:auto;box-sizing:border-box;max-width:calc(100vw - 72px);padding:6px 10px 8px}#inventory .title{margin:4px 0 6px;font-size:26px;line-height:1}#inventory .stone-rule{margin:0 0 10px}#inventory .columns{flex-wrap:wrap;align-items:flex-start;gap:18px;max-height:calc(100vh - 230px);display:flex;overflow:auto}#inventory .grid{grid-template-columns:repeat(9,48px);gap:4px;display:grid}#inventory .grid.hotbar{margin-top:12px}#inventory .slot{box-sizing:border-box;cursor:pointer;touch-action:none;background:var(--stone-socket) 0 0 / 100% 100%;width:48px;height:48px;image-rendering:pixelated;justify-content:center;align-items:center;display:flex;position:relative}#inventory .grid.main .slot:nth-child(7):not(.held),#inventory .grid.main .slot:nth-child(23):not(.held),#inventory .grid.hotbar .slot:nth-child(6):not(.held){background-image:var(--stone-socket-chip)}#inventory .grid.main .slot:nth-child(13):not(.held),#inventory .grid.main .slot:nth-child(26):not(.held),#inventory .grid.hotbar .slot:nth-child(8):not(.held){background-image:var(--stone-socket-moss)}#inventory .slot:hover{outline-offset:-2px;outline:2px solid #e9e4c880}#inventory .slot.kit{cursor:default;background-image:var(--stone-socket-kit)}#inventory .slot.held{background-image:var(--stone-socket-sel)}#inventory .slot .icon{pointer-events:none;width:32px;height:32px}#inventory .slot .key{font:400 10px/1 var(--stone-font);color:#b3b5a0;pointer-events:none;position:absolute;top:5px;left:6px}#inventory .slot .count{font:700 13px/1 var(--stone-font);color:#fff;text-shadow:2px 2px #000;pointer-events:none;white-space:nowrap;position:absolute;bottom:4px;right:5px}#inventory .carry{pointer-events:none;z-index:5;width:40px;height:40px;margin:-20px 0 0 -20px;position:fixed;top:0;left:0}#inventory .carry .icon{filter:drop-shadow(0 2px 3px #000c);width:40px;height:40px}#inventory .carry .count{font:700 14px/1 var(--stone-font);color:#fff;text-shadow:2px 2px #000;position:absolute;bottom:-2px;right:-2px}#inventory .craft{width:300px;max-height:min(60vh,560px);padding:8px 4px 2px 0;overflow-y:auto}#inventory .craft .head{text-shadow:var(--stone-shadow);margin-bottom:6px;font-weight:700}#inventory .recipe{align-items:center;gap:8px;width:100%;margin:0 0 6px;padding:3px 6px 1px 8px;display:flex}#inventory .recipe .icon{flex:none;width:24px;height:24px}#inventory .recipe .what{flex-direction:column;min-width:0;display:flex}#inventory .recipe .name{font-weight:700}#inventory .recipe .needs{color:#34322a;white-space:normal;font-size:12px;font-weight:500}#inventory .recipe:disabled .needs{color:#3b3a31}#inventory .note{max-width:800px;margin-top:8px;font-size:12px}#inventory .creative{max-height:min(60vh,560px);padding:0 4px 2px 0;overflow-y:auto}#inventory .creative .head{text-shadow:var(--stone-shadow);margin-bottom:6px;font-weight:700}#inventory .creative .sub{color:#e9e4c8;text-shadow:var(--stone-shadow);margin:8px 0 4px;font-size:13px;font-weight:700}#inventory .creative .section:first-of-type .sub{margin-top:0}#inventory .slot img.icon{image-rendering:pixelated}#inventory .slot .swatch,#inventory .carry .swatch{background:#e9e4c859;width:24px;height:24px;display:block}#pause{pointer-events:none;z-index:4;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause[hidden]{display:none}#pause .box{pointer-events:auto;width:264px;padding:6px 10px 8px}#pause .title{margin:4px 0 6px;font-size:26px;line-height:1}#pause .stone-rule{margin:0 0 10px}#pause .buttons{flex-direction:column;gap:6px;display:flex}#pause .buttons .stone-btn{width:100%}#pause .note{margin-top:10px;font-size:13px}#menu{color:#e6e8d8;z-index:8;-webkit-user-select:none;user-select:none;background:#06080c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu[hidden]{display:none}#menu .box{box-sizing:border-box;width:min(420px,100vw - 32px);padding:10px 16px 14px}#menu .title{margin:6px 0 8px;font-size:40px;line-height:1}#menu .tagline{margin:0 0 10px;font-size:14px}#menu .stone-rule{margin:0 0 10px}#menu .buttons{flex-direction:column;gap:6px;display:flex}#menu .buttons .stone-btn{width:100%}#menu .practice{font:500 14px/1.2 var(--stone-font);color:#cfd3b8;text-underline-offset:3px;text-shadow:2px 2px #0009;cursor:pointer;background:0 0;border:none;margin-top:14px;padding:0;text-decoration:underline;display:block}#menu .practice:hover:not(:disabled),#menu .practice:focus-visible{color:#fff;outline:none}#menu .practice:disabled{opacity:.5;cursor:default}#menu .note{color:#dfe8b0;margin-top:12px;font-size:14px}#menu .caps{color:#a9b79a;white-space:pre-wrap;text-shadow:2px 2px #0000008c;margin-top:12px;font-size:12px}#menu .caps.bad{color:#ff9a86}#menu .form{flex-direction:column;gap:10px;display:flex}#menu .form p{color:#dcdfcb;text-shadow:2px 2px #0000008c;margin:0;font-size:14px}#menu .form label{color:var(--stone-muted);text-shadow:2px 2px #0000008c;flex-direction:column;gap:4px;font-size:14px;display:flex}#menu .form .warn{color:#f4d58a;font-size:13px}#menu .form .devcode{color:#dfe8b0}#menu .form .devcode b{letter-spacing:.1em;font-weight:700}#menu .form .row{flex-wrap:wrap;gap:8px;display:flex}#menu .devices{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#menu .devices li{color:#dcdfcb;text-shadow:2px 2px #0000008c;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}