*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8cc4f2;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}#game{display:block;width:100vw;height:100vh;outline:none}.glass{background:#191b1d99;border-radius:10px}#topbar{position:fixed;top:12px;left:12px;display:flex;gap:8px}.tb{width:44px;height:44px;border:0;border-radius:10px;background:#191b1d99;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}.tb:hover{background:#191b1dcc}.logo{width:20px;height:20px;background:#fff;border-radius:3px;transform:rotate(15deg);position:relative}.logo:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#3a3c3e}#board{position:fixed;top:12px;right:12px;min-width:220px;background:#191b1d99;border-radius:10px;padding:6px 0;font-size:14px}#board .row{display:grid;grid-template-columns:1fr 48px;padding:4px 12px;gap:6px}#board .row span:not(:first-child){text-align:right}#board .head{font-weight:700;font-size:12px;opacity:.7;text-transform:uppercase}#board .me{background:#ffffff1f}#chat{position:fixed;left:12px;top:66px;width:min(380px,calc(100vw - 24px))}#chatLog{max-height:180px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:14px;text-shadow:0 1px 3px #000;line-height:1.35}#chatLog b{margin-right:4px}#chatInput{display:none;width:100%;margin-top:6px;padding:8px 10px;border:0;border-radius:8px;background:#191b1dbf;color:#fff;font:inherit;font-size:15px;outline:none}#chat.open #chatInput{display:block}#toast{position:fixed;top:18%;left:50%;transform:translate(-50%);font-size:34px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}#help{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-size:13px;padding:6px 12px;background:#191b1d80;border-radius:8px;pointer-events:none;transition:opacity 1s;white-space:nowrap}#stick,#jumpBtn{display:none}body.touch #stick{display:block;position:fixed;left:28px;bottom:28px;width:130px;height:130px;border-radius:50%;background:#191b1d59;border:2px solid rgba(255,255,255,.35)}#knob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#ffffffb3}body.touch #jumpBtn{display:block;position:fixed;right:32px;bottom:40px;width:84px;height:84px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#191b1d66;color:#fff;font-size:36px}body.touch #help{display:none}#menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center}#menu[hidden]{display:none}#menu .panel{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 24px);overflow-y:auto;background:#191b1deb;border-radius:14px;padding:20px}#menu h2{margin:0 0 16px;font-size:22px}#menu label{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:600}#nameInput{flex:1;padding:8px 10px;border-radius:8px;border:0;background:#3a3c3e;color:#fff;font:inherit}.swatchRow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.swatchRow>span{width:48px;font-weight:600;font-size:14px}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatches button{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer}.swatches button.on{border-color:#fff}.buttons{display:flex;gap:10px;margin-top:18px}.buttons button{flex:1;padding:12px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;background:#fff;color:#222}.buttons .danger{background:#e2231a;color:#fff}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}#flash.go{animation:flash .6s ease-out}@keyframes flash{0%{opacity:.85}to{opacity:0}}.swatches button{font-size:16px;font-weight:800}#quest{position:fixed;top:12px;right:244px;max-width:220px;background:#191b1d99;border-radius:10px;padding:8px 12px;font-size:13px}#quest b{display:block;color:#ffd21f;font-size:14px}#quest[hidden],#talk[hidden],#dialog[hidden]{display:none}#talk{position:fixed;left:50%;bottom:56px;transform:translate(-50%);padding:10px 18px;border:0;border-radius:10px;background:#fff;color:#222;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0000004d}#talk kbd{margin-left:6px;padding:1px 6px;border-radius:4px;background:#e5e5e5;font:inherit;font-size:12px}#dialog{position:fixed;left:50%;bottom:40px;transform:translate(-50%);width:min(520px,calc(100vw - 32px));background:#191b1deb;border-radius:14px;padding:16px 18px}#dialog .who{font-weight:800;color:#ffd21f;margin-bottom:6px}#dialogText{font-size:16px;line-height:1.4}#dialogButtons{display:flex;gap:10px;margin-top:14px}#dialogButtons button{flex:1;padding:10px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;background:#fff;color:#222}#dialogButtons button+button{background:#3a3c3e;color:#fff}@media (max-width: 720px){#quest{top:auto;bottom:180px;right:12px}}.chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.chips button{padding:5px 9px;border-radius:999px;border:2px solid transparent;background:#3a3c3e;color:#fff;font:inherit;font-size:13px;cursor:pointer}.chips button.on{border-color:#fff;background:#55585b}.chips button:disabled{opacity:.4;cursor:default}.swatchRow[hidden]{display:none}.swatchRow>span{flex:none;width:56px}#saveBox{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}#saveBox[hidden],#saveHave[hidden]{display:none}#saveBox h3{margin:0 0 10px;font-size:15px}#saveCode{font:700 22px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;margin-bottom:8px;-webkit-user-select:all;user-select:all}.saveBtns{display:flex;gap:8px;margin-top:8px}#saveBox button,#emailLink{padding:8px 12px;border:0;border-radius:8px;background:#3a3c3e;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}#saveBox .wide{width:100%;margin-top:4px}#loadInput{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:0;background:#3a3c3e;color:#fff;font:inherit;text-transform:none}#saveMsg{margin-top:8px;font-size:13px;opacity:.8;min-height:1em}