:root{--bg:#0f1724;--bg2:#071026;--panel:#0b1220;--panel2:rgba(255,255,255,.02);--text:#e6eef6;--muted:#9aa4b2;--accent:#9ad3bc;--button:rgba(255,255,255,.04);--buttonBorder:rgba(255,255,255,.08);--divider:rgba(255,255,255,.06)}@media (prefers-color-scheme: light){:root{--bg:#eef2ff;--bg2:#ffffff;--panel:#ffffff;--panel2:rgba(2,6,23,.03);--text:#0f172a;--muted:#475569;--accent:#0f766e;--button:rgba(2,6,23,.04);--buttonBorder:rgba(2,6,23,.1);--divider:rgba(2,6,23,.08)}}*{box-sizing:border-box;font-family:Inter,system-ui,Arial}body,html,#root{height:100%;margin:0}body{background:linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text)}.app{max-width:420px;margin:18px auto;padding:12px}.header{font-weight:700;text-align:center;padding:8px 0}.main{background:var(--panel);border-radius:10px;padding:12px}.display{height:220px;overflow:auto;background:var(--panel2);padding:10px;border-radius:8px}.display-snake{overflow:hidden}.display-game{height:auto;overflow:visible;background:transparent;padding:0}.transcript .line{padding:6px 0;border-bottom:1px dashed var(--divider)}.input-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.dial{font-size:16px;line-height:1.2;background:var(--panel2);padding:10px 12px;border-radius:8px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);border:1px solid var(--divider)}.dial-placeholder{color:var(--muted)}.status{color:var(--muted);font-size:12px}.responses{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.resp{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);padding:10px;border-radius:8px;text-align:left}a.resp{display:block;text-decoration:none}.hint{color:var(--muted);font-size:13px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{padding:14px;border-radius:10px;background:var(--button);border:1px solid var(--buttonBorder);color:var(--text);font-size:16px}.key:active{transform:translateY(1px)}.keypad-controls{grid-column:span 3;display:flex;gap:8px;margin-top:6px}.control{flex:1;padding:10px;border-radius:10px;background:var(--button);border:1px solid var(--buttonBorder);color:var(--text)}.primary{background:var(--accent);color:#072022;border:none}.control-small{margin-top:10px;padding:6px 10px;background:transparent;border:1px solid var(--divider);border-radius:8px;color:var(--muted)}.snake{display:flex;flex-direction:column;gap:6px}.snake-top{display:flex;justify-content:space-between;align-items:center}.snake-title{font-weight:700}.snake-score,.snake-hint{color:var(--muted);font-size:12px}.snake-grid{display:grid;gap:2px;background:var(--panel2);padding:6px;border-radius:8px;border:1px solid var(--divider);width:min(168px,100%);aspect-ratio:1/1;margin:0 auto}.snake-cell{aspect-ratio:1/1;border-radius:4px;border:1px solid var(--divider);background:transparent}.snake-cell.body{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,var(--divider))}.snake-cell.head{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--divider))}.snake-cell.food{background:transparent;border-color:var(--accent)}.snake-intro{display:flex;flex-direction:column;gap:8px}.snake-intro-body{background:var(--panel2);border:1px solid var(--divider);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.snake-intro-wait{color:var(--muted);font-size:12px;margin-top:4px}.display-sofa{height:auto}.sofa-ascii{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.25;white-space:pre;overflow:auto;background:var(--panel2);border:1px solid var(--divider);border-radius:8px;padding:10px}.sofa-controls{display:flex;flex-direction:column;gap:10px}.sofa-block{background:var(--panel2);border:1px solid var(--divider);border-radius:8px;padding:10px}.sofa-block-title{font-weight:700;margin-bottom:8px}.sofa-current{display:flex;flex-direction:column;gap:6px}.sofa-current-name{font-weight:700}.sofa-current-meta{color:var(--muted);font-size:12px}.sofa-cushions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sofa-cushion{font-size:16px;padding:14px}.sofa-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.cave-display{height:280px}.cave-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.cave-stat{background:var(--panel2);border:1px solid var(--divider);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.cave-stat-label{color:var(--muted);font-size:12px}.cave-grid{display:flex;flex-direction:column;gap:10px;margin-top:10px}.cave-panel{background:var(--panel2);border:1px solid var(--divider);border-radius:8px;padding:10px}.cave-panel-title{font-weight:700;margin-bottom:8px}.cave-actions{margin-bottom:0}.cave-inventory{display:flex;flex-direction:column;gap:8px}.cave-item{padding:8px;border-radius:8px;background:#ffffff05;border:1px solid var(--divider)}.cave-item-name{font-weight:700;margin-bottom:4px}.cave-item-meta{color:var(--muted);font-size:12px;line-height:1.35}.cave-enemy-health{padding:8px 10px;border-radius:8px;background:#9ad3bc14;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text);font-size:13px}@media (max-width:420px){.cave-status{grid-template-columns:1fr}}.inventory-toggle{padding:6px 8px;float:right;background:transparent;border:1px solid var(--divider);border-radius:6px;color:var(--muted)}.cave-item .control-small{padding:6px 8px;border-radius:6px;background:transparent;border:1px solid var(--divider);color:var(--muted)}.cave-item .control-small:active{transform:translateY(1px)}@media (max-width:420px){.cave-grid{display:flex;flex-direction:column-reverse;gap:10px}.cave-display{height:340px}}@media (min-width:421px){.cave-grid{display:grid;grid-template-columns:1fr;gap:12px}.cave-display{height:280px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:60}.inventory-modal{background:var(--panel);border:1px solid var(--divider);padding:16px;border-radius:10px;max-width:640px;width:92%;max-height:70vh;overflow:auto}.inventory-modal .cave-item{background:transparent;border:none;padding:8px}.inventory-modal .control-small{background:transparent;border:1px solid var(--divider);color:var(--text);padding:6px 10px;border-radius:6px}.inventory-modal .control-small:active{transform:translateY(1px)}.cave-grid{display:block}@media (max-width:420px){.cave-grid{display:block}}.header-inventory{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.inventory-chip-header{background:var(--panel2);border:1px solid var(--divider);padding:6px 8px;border-radius:8px;color:var(--text);font-size:13px}.header-inv-btn{margin-left:6px}.choice-group{margin-bottom:10px;padding:8px;border-radius:8px;background:transparent}.choice-group-title{font-weight:700;color:var(--muted);font-size:12px;margin-bottom:8px}.choice-group-actions{display:flex;flex-direction:column;gap:8px}.resp{padding:14px 12px;border-radius:10px;font-size:15px}.resp:active{transform:translateY(1px)}.mini-modal{background:var(--panel);border:1px solid var(--divider);padding:12px;border-radius:8px;position:fixed;left:2vw;right:2vw;top:4vh;width:96vw;max-width:96vw;height:88vh;z-index:80;overflow:auto}.snakes-board{display:flex;flex-direction:column;gap:10px;background:var(--panel2);padding:10px;border-radius:8px;border:1px solid var(--divider);max-height:84vh;position:relative;width:100%}.snakes-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:calc((min(72vh,90vw) - 120px)*.1);gap:6px;aspect-ratio:1 / 1;width:100%;max-width:none;margin:0 auto}.snakes-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.snakes-row{display:contents}.snakes-cell{min-width:0;min-height:0;border-radius:6px;border:1px solid var(--divider);display:block;padding:3px;background:transparent;position:relative;overflow:hidden}.cell-num{font-size:8px;color:var(--muted);line-height:1}.cell-pieces{position:absolute;right:6px;bottom:6px;display:flex;gap:6px;align-items:center}.piece-btn{width:18px;height:18px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border:1px solid rgba(8,33,38,.12);background:#ffffff0f;color:#fff}.piece-player{background:#2b90d9}.piece-steve{background:#d94b4b}.piece-player,.piece-steve{pointer-events:none}.piece-btn:active{transform:translateY(1px)}.mini-log{background:transparent;border-top:1px dashed var(--divider);padding-top:6px;color:var(--muted);font-size:12px;max-height:100px;overflow:auto}.mini-modal .resp,.mini-modal .control-small,.mini-modal .mini-log{position:relative;z-index:120}.cell-mark{position:absolute;left:6px;top:6px;font-size:10px;display:flex;gap:4px;align-items:center}.mark-snake{color:#ffc6c6;font-weight:700;display:inline-flex;align-items:center}.cell-snake{background:linear-gradient(180deg,rgba(255,198,198,.02),transparent)}.snakes-overlay path{stroke-width:2}.snakes-overlay line{stroke-width:2}@media (max-width:520px){.mini-modal{width:96vw;height:80vh;padding:8px}.snakes-row{gap:2px}.snakes-cell{min-width:18px;padding:3px}.cell-num{font-size:8px}}.steves-toe{display:flex;flex-direction:column;gap:10px;padding:8px}.toe-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:2px;padding:4px 0;border-bottom:1px solid var(--divider)}.toe-title{font-weight:700;font-size:18px;color:var(--text)}.toe-score{color:var(--accent);font-weight:600;font-size:14px}.toe-round{color:var(--muted);font-size:13px}.toe-hint{color:var(--muted);font-size:12px;margin:2px 0}.toe-intro{display:flex;flex-direction:column;gap:8px;padding:8px 0}.toe-intro-body{background:color-mix(in srgb,var(--panel2) 80%,var(--accent) 5%);border:1px solid var(--accent);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}.toe-intro-body>div{color:var(--text)}.toe-intro-wait{color:var(--accent);font-size:14px;font-weight:600}.toe-canvas{border:2px solid var(--accent);border-radius:8px;background:#0a0f1a;display:block;margin:6px auto;width:100%;max-width:100%;height:auto;image-rendering:pixelated}.toe-controls{display:flex;flex-direction:column;gap:6px;margin-top:8px;align-items:center}.toe-directional{display:flex;justify-content:center;margin:2px 0}.toe-directional-row{display:flex;gap:4px;justify-content:center}.toe-d-button{width:48px;height:48px;border-radius:8px;border:2px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;font-size:16px;cursor:pointer;transition:all .1s ease;user-select:none;-webkit-user-select:none}.toe-d-button:active{background:color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(2px)}.toe-button{padding:14px 16px;border-radius:8px;font-weight:700;font-size:14px;border:2px solid;cursor:pointer;transition:all .1s ease;user-select:none;-webkit-user-select:none}.toe-button:active{transform:translateY(2px)}.toe-button-hold{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent);min-width:120px}.toe-button-hold:active{background:color-mix(in srgb,var(--accent) 35%,transparent)}.toe-button-retry{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent);width:100%;max-width:180px;margin-top:8px;align-self:center}.toe-button-retry:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.toe-button-exit{background:transparent;border-color:var(--divider);color:var(--muted);width:100%;max-width:180px}.toe-button-exit:hover{border-color:var(--muted)}