:root{--bg:#140d07;--panel:#24180ceb;--panel-solid:#24180c;--line:#8a6a3a;--gold:#f2c25b;--gold-2:#d9a441;--sand:#e9d6ac;--text:#f3e6c8;--muted:#b9a37a;--danger:#e0674a;--ok:#8fd17a;--ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Cinzel", "Trajan Pro", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#app{position:fixed;inset:0}#stage{touch-action:none;place-items:center;display:grid;position:absolute;inset:0}#stage canvas.view3d{width:100%;height:100%;display:block;position:absolute;inset:0}#stage canvas.view2d{image-rendering:auto;display:block;position:relative;box-shadow:0 20px 80px #000a}.top{padding:max(10px, env(safe-area-inset-top)) 16px 10px;pointer-events:none;background:linear-gradient(#0c0704e6,#0c070400);align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{font-family:var(--display);letter-spacing:2px;color:var(--sand);white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:20px;font-weight:900}.brand b{color:var(--gold)}.info{flex-direction:column;min-width:0;line-height:1.25;display:flex}#lvl-name{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}#lvl-moves{color:var(--muted);font-size:13px}.tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.tools button,.actions button,.row button,.col button,.pick button,.sheet-head button{border:1px solid var(--line);background:linear-gradient(#3a2814,#2a1c0d);border-radius:8px;padding:7px 12px;transition:transform 80ms,border-color .15s,background .15s;box-shadow:inset 0 1px #ffffff14,0 2px 6px #0007}button:hover{border-color:var(--gold)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{color:#2a1606;background:linear-gradient(#e3b04e,#b47f26);border-color:#f7d98a;font-weight:700}.view-2d .only3d{display:none}.actions{left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0704b0;border:1px solid #5a4424;border-radius:12px;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.actions button{align-items:center;gap:6px;padding:9px 14px;font-weight:600;display:flex}kbd{font-family:var(--ui);color:var(--muted);border:1px solid #6b5230;border-radius:4px;padding:0 5px;font-size:11px}.dpad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px);gap:4px;display:none;position:absolute;bottom:86px;right:16px}.dpad button{border:1px solid var(--line);background:#2a1c0dcc;border-radius:12px;font-size:18px}.dpad [data-d=N]{grid-area:1/2}.dpad [data-d=W]{grid-area:2/1}.dpad [data-d=X]{grid-area:2/2;font-size:12px}.dpad [data-d=E]{grid-area:2/3}.dpad [data-d=S]{grid-area:3/2}@media (pointer:coarse){.dpad{display:grid}.actions kbd{display:none}}#toast{background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;border-radius:10px;max-width:calc(100% - 32px);padding:8px 16px;transition:opacity .25s;position:absolute;top:74px;left:50%;transform:translate(-50%)}#toast.on{opacity:1}.panel.result{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(440px,100% - 32px);padding:16px 18px;animation:.25s ease-out pop;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #000c}.panel.result h2{font-family:var(--display);letter-spacing:1px;margin:0 0 4px}.panel.result.win h2{color:var(--gold)}.panel.result.dead h2{color:var(--danger)}.panel.result p{color:var(--muted);margin:0 0 12px}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@keyframes pop{0%{opacity:0;transform:translate(-50%,14px)}}.overlay{background:radial-gradient(#0c070466,#0c0704e0);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.overlay[hidden],.panel[hidden]{display:none}.title-card{text-align:center;max-width:560px}.title-card h1{font-family:var(--display);letter-spacing:4px;color:var(--gold);text-shadow:0 3px #6b4210,0 10px 40px #000;margin:0;font-size:clamp(40px,9vw,78px);font-weight:900;line-height:1}.title-card h1 span{letter-spacing:18px;color:var(--sand);margin-top:8px;font-size:.42em;display:block}.sub{color:var(--sand);margin:14px 0 22px}.col{flex-direction:column;align-items:center;gap:10px;display:flex}.col button{width:min(320px,100%);padding:12px;font-size:16px}.rules{text-align:left;background:#0c0704b0;border:1px solid #5a4424;border-radius:10px;margin-top:22px;padding:10px 14px}.rules summary{cursor:pointer;color:var(--gold);font-weight:600}.rules ul{color:var(--sand);margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.55}.sheet{background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;width:min(980px,100%);max-height:calc(100vh - 32px);padding:18px;overflow:auto;box-shadow:0 20px 80px #000}.sheet.small{width:min(440px,100%)}.sheet-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sheet-head h2{font-family:var(--display);color:var(--gold);margin:0;font-size:22px}.sheet-head button{margin-left:auto;padding:4px 10px}.chk{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.chk+button{margin-left:8px}.muted{color:var(--muted);font-size:14px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.pyr{background:#1a1209;border:1px solid #5a4424;border-radius:12px;padding:10px 12px}.pyr.locked{opacity:.45}.pyr-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pyr-icon{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(100deg,#e0b05a 50%,#a8742a 50%);flex:none;width:34px;height:28px}.pyr-text{flex-direction:column;flex:1;min-width:0;display:flex}.pyr-text b{color:var(--sand)}.pyr-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pyr-count{color:var(--muted);white-space:nowrap;flex:none;font-size:13px}.chambers{flex-direction:column;align-items:center;gap:4px;display:flex}.floor{gap:4px;display:flex}.chambers button{background:#2a1c0d;border:1px solid #5a4424;border-radius:6px;width:38px;padding:5px 0;font-size:12px}.chambers button.solved{background:#5b4320;border-color:#a88345}.chambers button.perfect{color:#2a1606;background:linear-gradient(#e3b04e,#b47f26);border-color:#f7d98a;font-weight:700}.chambers button.current{outline:2px solid var(--ok)}.chambers button:disabled{opacity:.35;cursor:not-allowed}.pick{align-items:center;gap:6px;margin:10px 0;display:flex}.pick span{width:64px;color:var(--muted)}.pick button.on{border-color:var(--gold);background:#5b4320}#rand-go{width:100%;margin-top:8px;padding:12px}#btn-dark[aria-pressed=true]{border-color:var(--gold);color:#ffd9a0;background:linear-gradient(#6b3d12,#3a2010);box-shadow:0 0 14px #ff9a3c66,inset 0 1px #ffffff1a}.mapbar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0704c8;border:1px solid #5a4424;border-radius:12px;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:8px 10px;display:none;position:absolute;transform:translate(-50%)}.mapbar button{border:1px solid var(--line);white-space:nowrap;background:linear-gradient(#3a2814,#2a1c0d);border-radius:8px;min-height:40px;padding:8px 12px}.mapbar button:disabled{opacity:.35;cursor:default}.mapbar button.primary{color:#2a1606;background:linear-gradient(#e3b04e,#b47f26);border-color:#f7d98a;font-weight:700}.map-text{text-align:center;flex-direction:column;min-width:190px;line-height:1.3;display:flex}.map-text b{color:var(--gold);font-family:var(--display);letter-spacing:1px}.map-text span{color:var(--muted);font-size:13px}body.map-on .mapbar{display:flex}body.map-on .actions,body.map-on .dpad,body.map-on .info,body.map-on .only3d,body.map-on #btn-view,#map-skip,.mapbar[data-mode=travel] button{display:none}.mapbar[data-mode=travel] #map-skip{display:block}#fade{opacity:0;pointer-events:none;z-index:5;background:#000;transition:opacity .3s;position:absolute;inset:0}#fade.on{opacity:1}#toast{z-index:6}.who{color:var(--muted);margin:0 0 8px;font-size:14px}.players{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.players .player{border:1px solid var(--line);background:linear-gradient(#3a2814,#2a1c0d);border-radius:12px;flex-direction:column;align-items:center;min-width:84px;min-height:52px;padding:7px 12px;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 6px #0007}.players .player b{color:var(--sand);font-size:16px}.players .player span{color:var(--muted);font-size:12px}.players .player.on{border-color:var(--gold);background:linear-gradient(#5b4320,#3a2814);box-shadow:0 0 0 2px #f2c25b55,0 2px 8px #000a}.players .player.on b{color:var(--gold)}.players .player.add{color:var(--sand);border-style:dashed;justify-content:center;font-size:14px}.player-form{flex-wrap:wrap;justify-content:center;gap:6px;margin:-6px 0 18px;display:flex}.player-form[hidden]{display:none}.player-form input{font:inherit;color:var(--text);border:1px solid var(--line);background:#120b05;border-radius:10px;outline:none;width:min(240px,100%);padding:10px 12px;font-size:16px}.player-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2c25b33}.player-form button{border:1px solid var(--line);background:linear-gradient(#3a2814,#2a1c0d);border-radius:10px;min-height:44px;padding:8px 14px}.player-form button.primary{color:#2a1606;background:linear-gradient(#e3b04e,#b47f26);border-color:#f7d98a;font-weight:700}.player-form button[hidden]{display:none}.col button:disabled{opacity:.4;cursor:not-allowed}.assist-row{margin:-6px 0 16px}.assist-row[hidden]{display:none}.assist-row .pick{justify-content:center;margin:0}.assist-row .pick span{width:auto;margin-right:4px}.assist-row .pick button{min-width:64px}.assist-note{color:var(--muted);margin:6px 0 0;font-size:13px}.ico{vertical-align:-.22em;width:1.15em;height:1.15em}#btn-hint:disabled{opacity:.4;cursor:not-allowed}.dpad button{position:relative}.dpad button.off{opacity:.35}.dpad button[data-warn=death]{background:#6a1d10dd;border-color:#ff6a3a}.dpad button[data-warn=doom]{background:#3a2266dd;border-color:#a77bff}.dpad button[data-warn]:not([data-warn=""]):after{content:"";width:15px;height:13px;position:absolute;top:4px;right:4px}.dpad button[data-warn=death]:after{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ff5a2a}.dpad button[data-warn=doom]:after{background:#a77bff;border-radius:50%;width:13px}@media (width<=640px){.top{flex-wrap:wrap;gap:6px 10px;padding:8px 10px}.brand{font-size:16px}.tools{justify-content:flex-start;width:100%}.tools button{padding:5px 9px;font-size:13px}.actions{gap:4px;width:calc(100% - 20px);padding:6px}.actions button{white-space:nowrap;flex:1;justify-content:center;padding:9px 4px;font-size:14px}.actions kbd{display:none}.dpad{opacity:.88;grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);bottom:76px;right:10px}#toast{top:96px}.mapbar{justify-content:space-between;gap:4px;width:calc(100% - 20px);padding:6px}.mapbar button{padding:6px 9px;font-size:13px}.map-text{flex:1;min-width:0}.map-text span{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.panel.result{animation:none}#fade{transition:none}}