:root{color-scheme:dark;--bg:#0b0f1a;--panel:rgba(17,22,38,.85);--panel-border:rgba(140,160,255,.2);--text:#e8ecff;--muted:#a3adcf;--accent:#7aa2ff;--accent-strong:#9cc0ff;--glow:rgba(122,162,255,.35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;height:100dvh}body,html{overflow:hidden;touch-action:pan-x pan-y}body{overscroll-behavior:none;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,select,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:auto}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,#182141 0,#0b0f1a 55%,#070b14 100%);color:var(--text)}.app-shell,body{min-height:100vh}.app-shell{min-height:100svh;display:flex;flex-direction:column}.container{width:min(1100px,92vw);margin:0 auto;padding:48px 0 64px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:32px;gap:32px;align-items:center}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:28px;box-shadow:0 20px 40px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h1{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.02em}.card p{color:var(--muted);line-height:1.6}.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(122,162,255,.16);border:1px solid rgba(122,162,255,.45);padding:6px 14px;border-radius:999px;font-size:.85rem}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#081027;padding:12px 20px;border-radius:999px;border:none;font-weight:600;cursor:pointer;box-shadow:0 12px 24px var(--glow);transition:transform .15s ease}.button:hover{transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text);border:1px solid rgba(122,162,255,.4);box-shadow:none}.input{width:100%;padding:12px 16px;border-radius:14px;border:1px solid rgba(122,162,255,.35);background:rgba(7,12,26,.7);color:var(--text);font-size:1rem}.input::placeholder{color:rgba(163,173,207,.7)}.video-shell{position:relative;height:min(70vh,720px);border-radius:28px;overflow:hidden;border:1px solid rgba(122,162,255,.2);background:rgba(7,12,26,.9)}.video-remote{width:100%;height:100%;object-fit:cover;background:#04070f}.video-local{position:absolute;bottom:20px;right:20px;width:min(32vw,220px);aspect-ratio:16/9;border-radius:18px;border:2px solid rgba(122,162,255,.45);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.5);background:#0a0f1f}.video-local video{width:100%;height:100%;object-fit:cover}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.share-card{margin-top:18px;display:grid;grid-gap:12px;gap:12px}.share-row{gap:10px;align-items:center}.share-actions,.share-row{display:flex;flex-wrap:wrap}.share-actions{gap:12px}.share-card a{color:#c6d4ff;text-decoration:none}.share-card a:hover{text-decoration:underline}.status{margin-top:16px;color:var(--muted);font-size:.95rem}.badge{display:inline-flex;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(122,162,255,.3);background:rgba(122,162,255,.12);font-size:.85rem}.badge,.shell{align-items:center}.shell{min-height:100vh;min-height:100svh;display:flex;justify-content:center;padding:24px 16px}.game-shell{width:100%;height:100vh;height:100svh;overflow:hidden}.game-layout{display:grid;grid-template-columns:220px 1fr 200px;grid-gap:0;gap:0;height:100vh;height:100dvh;background:rgba(5,10,22,.95)}.game-layout.shake{animation:shake .15s ease-in-out}.sidebar{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;border-right:1px solid rgba(122,162,255,.12)}.sidebar-right{border-right:none;border-left:1px solid rgba(122,162,255,.12);min-height:0}.sb-section{background:rgba(10,16,30,.6);border:1px solid rgba(122,162,255,.1);border-radius:12px;padding:12px}.sb-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}.sb-hero-name{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:8px}.sb-bar-group{display:grid;grid-gap:6px;gap:6px}.sb-bar-wrap{position:relative;height:20px;background:rgba(8,12,26,.8);border-radius:10px;border:1px solid rgba(122,162,255,.15);overflow:hidden}.sb-bar-wrap.xp{height:14px}.sb-bar{height:100%;border-radius:10px;transition:width .3s ease}.sb-bar.xp{background:linear-gradient(90deg,#57c,#7aa2ff)}.sb-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.sb-stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:8px}.sb-stat{text-align:center;background:rgba(8,12,26,.5);border-radius:8px;padding:6px 2px}.sb-stat-val{display:block;font-size:1rem;font-weight:700;color:var(--text)}.sb-stat-lbl{display:block;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}.sb-equip{font-size:.8rem;color:var(--accent);padding:4px 0}.sb-item-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;margin-top:4px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid;transition:background .15s}.sb-item-btn.potion{background:rgba(60,160,80,.1);border-color:rgba(80,200,100,.3);color:#8f9}.sb-item-btn.potion:hover{background:rgba(60,160,80,.25)}.sb-item-btn.scroll{background:rgba(80,60,140,.15);border-color:rgba(140,120,200,.3);color:#cbf}.sb-item-btn.scroll:hover{background:rgba(100,80,180,.3)}.sb-item-btn.gear{background:rgba(122,162,255,.08);border-color:rgba(122,162,255,.25);color:#9bf}.sb-item-btn.gear:hover{background:rgba(122,162,255,.2)}.sb-item-val{font-size:.65rem;color:var(--muted)}.sb-meta{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--muted);background:transparent;border:none;padding:4px 0}.sb-sound-btn{margin-top:auto;padding:8px;border-radius:10px;background:rgba(122,162,255,.08);border:1px solid rgba(122,162,255,.2);color:var(--muted);font-size:.8rem;cursor:pointer;transition:background .15s}.sb-sound-btn:hover{background:rgba(122,162,255,.18)}.sb-save-btn{padding:8px;border-radius:10px;background:rgba(80,200,100,.08);border:1px solid rgba(80,200,100,.2);color:var(--muted);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .3s}.sb-save-btn:hover{background:rgba(80,200,100,.18);color:#8f9}.sb-save-btn.flash{background:rgba(80,200,100,.25);color:#8f9;box-shadow:0 0 12px rgba(80,200,100,.3)}.sb-log{display:flex;flex-direction:column;gap:4px;font-size:.75rem;line-height:1.4;color:var(--muted);flex:1 1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(122,162,255,.2) transparent}.sb-log::-webkit-scrollbar{width:4px}.sb-log::-webkit-scrollbar-track{background:transparent}.sb-log::-webkit-scrollbar-thumb{background:rgba(122,162,255,.2);border-radius:2px}.sb-log-line{padding:3px 0;border-bottom:1px solid rgba(122,162,255,.06)}.sb-log-line.latest{color:var(--text);font-weight:600;border-bottom:none}.grid-container{flex:1 1;justify-content:center;padding:8px;min-width:0;min-height:0;position:relative}.float-layer,.grid-container{display:flex;align-items:center}.float-layer{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:20;flex-direction:column}.float-text{position:absolute;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:800;font-size:clamp(.85rem,2vw,1.2rem);text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.5);animation:float-up 2.5s ease-out forwards;opacity:0}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.7)}10%{opacity:1;transform:translateY(-6px) scale(1.1)}20%{transform:translateY(-12px) scale(1)}70%{opacity:.9;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-55px) scale(.9)}}.float-damage-dealt{color:#fa4}.float-damage-taken{color:#f56;font-size:clamp(1rem,2.5vw,1.4rem)}.float-heal{color:#5f8}.float-gold{color:gold}.float-xp{color:#8bf}.float-equip,.float-xp{font-size:clamp(.7rem,1.5vw,.9rem)}.float-equip{color:#9bf}.float-levelup{color:gold;text-shadow:0 0 20px rgba(255,200,50,.5),0 2px 8px rgba(0,0,0,.8)}.float-death,.float-levelup{font-size:clamp(1.2rem,3vw,1.8rem)}.float-death{color:#f34;text-shadow:0 0 20px rgba(255,50,60,.5),0 2px 8px rgba(0,0,0,.8)}.grid{grid-gap:1px;gap:1px;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.65rem,1.4vw,1rem);font-weight:600;line-height:1;width:100%;height:100%}.cell,.grid{display:grid}.cell{place-items:center;min-width:0;min-height:0;color:rgba(227,233,255,.5);background:rgba(8,12,26,.5);border-radius:2px;transition:background .12s ease,color .12s ease;overflow:hidden}.cell.void{background:transparent;color:transparent}.cell.wall{color:#8898cc;background:rgba(48,65,122,.65)}.cell.corridor{color:rgba(180,190,220,.3);background:rgba(12,18,35,.5)}.cell.door{color:#c4a55a;background:rgba(120,90,40,.45)}.cell.stairs{color:#8df;background:rgba(40,100,140,.5);box-shadow:0 0 8px rgba(100,180,255,.3);animation:pulse-stairs 2s ease-in-out infinite}@keyframes pulse-stairs{0%,to{box-shadow:0 0 4px rgba(100,180,255,.15)}50%{box-shadow:0 0 12px rgba(100,180,255,.45)}}.cell.hero{color:#fff;background:linear-gradient(135deg,#47d,#58e);box-shadow:0 0 14px rgba(122,162,255,.6);border-radius:3px;z-index:1;font-weight:900;text-shadow:0 0 4px hsla(0,0%,100%,.6)}.cell.monster{color:#ffccd5;background:rgba(147,52,79,.85);font-weight:700}.cell.monster.boss{color:#f68;background:rgba(180,40,60,.9);box-shadow:0 0 10px rgba(255,60,80,.4);animation:pulse-boss 1.5s ease-in-out infinite}@keyframes pulse-boss{0%,to{box-shadow:0 0 6px rgba(255,60,80,.25)}50%{box-shadow:0 0 16px rgba(255,60,80,.55)}}.cell.monster.flash{background:#fff!important;color:#000!important}.cell.item{color:#ffe29f;background:rgba(139,105,43,.65)}.cell.rare-item{color:#fd5;box-shadow:0 0 8px rgba(255,200,60,.35);animation:pulse-rare 2s ease-in-out infinite}@keyframes pulse-rare{0%,to{box-shadow:0 0 4px rgba(255,200,60,.15)}50%{box-shadow:0 0 12px rgba(255,200,60,.45)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px) translateY(2px)}40%{transform:translateX(4px) translateY(-2px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.restart-btn{font-size:1rem;padding:12px 28px}.gameover-screen,.levelup-screen,.title-screen{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:48px 24px}.title-logo{font-size:clamp(3.5rem,10vw,6rem);font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,#7aa2ff,#c4a5ff 50%,#f8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 40px rgba(122,162,255,.3))}.title-art{display:none}.title-body{display:contents}.title-subtitle{color:var(--muted);font-size:1.2rem;margin:16px 0 0}.title-info{display:flex;gap:14px;color:var(--muted);font-size:.9rem;flex-wrap:wrap;justify-content:center;margin-top:8px}.title-start{font-size:1.3rem;padding:16px 48px;margin-top:12px}.title-actions{display:flex;flex-direction:row;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}.title-actions .title-start{margin-top:0}.title-continue{background:linear-gradient(135deg,#4c6,#6e8);box-shadow:0 12px 24px rgba(60,200,100,.25);margin-top:20px}.title-continue:hover{transform:translateY(-2px)}.title-hint{color:rgba(163,173,207,.4);font-size:.85rem;margin:8px 0 0}.high-scores{margin-top:32px;width:min(420px,90vw)}.high-scores h3{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.score-list{display:grid;grid-gap:6px;gap:6px}.score-row{display:flex;justify-content:space-between;padding:10px 16px;background:rgba(10,16,30,.6);border:1px solid rgba(122,162,255,.1);border-radius:10px;font-size:.9rem;color:var(--muted)}.score-rank{color:var(--accent);font-weight:700}.levelup-title{font-size:2.8rem;color:var(--accent);margin:0;text-shadow:0 0 40px rgba(122,162,255,.4)}.levelup-subtitle{color:var(--muted);margin:12px 0 0;font-size:1.1rem}.levelup-choices{display:grid;grid-gap:14px;gap:14px;width:min(480px,90vw);margin-top:20px}.levelup-btn,.levelup-choices{max-width:100%;box-sizing:border-box}.levelup-btn{display:flex;flex-direction:column;gap:6px;padding:20px 24px;text-align:left;font-size:1.1rem;border-radius:16px;width:100%;word-break:break-word}.levelup-btn span{font-size:.9rem;font-weight:400;opacity:.8}.gameover-title{font-size:clamp(2.5rem,6vw,4rem);color:#f56;margin:0;text-shadow:0 0 40px rgba(255,60,80,.3)}.gameover-floor{color:var(--muted);font-size:1.2rem;margin:12px 0 0}.run-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;width:min(520px,90vw);margin-top:24px}.run-stat{background:rgba(10,16,30,.6);border:1px solid rgba(122,162,255,.1);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.run-stat span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.run-stat strong{font-size:1.6rem;color:var(--text)}.shop-shell{display:flex;flex-direction:column;height:100vh;height:100svh;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background:radial-gradient(circle at top,#182141 0,#0b0f1a 55%,#070b14 100%)}.shop-header{flex-shrink:0;text-align:center;padding:16px 20px 12px}.shop-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,gold,#fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,200,50,.3))}.shop-hero-stats{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.shop-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.shop-stat-val{font-size:1.2rem;font-weight:700;color:var(--text)}.shop-stat-lbl{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.shop-tabs{flex-shrink:0;display:flex;gap:2px;padding:0 20px;max-width:560px;margin:0 auto;width:100%}.shop-tab{flex:1 1;padding:10px 8px;border:none;border-bottom:2px solid transparent;background:rgba(10,16,30,.4);color:var(--muted);font-size:.85rem;font-weight:700;cursor:pointer;border-radius:10px 10px 0 0;transition:background .15s,color .15s,border-color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shop-tab.active{background:rgba(10,16,30,.8);color:gold;border-bottom-color:gold}.shop-tab:hover:not(.active){background:rgba(10,16,30,.6);color:var(--text)}.shop-content{flex:1 1;overflow-y:auto;padding:16px 20px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,200,50,.15) transparent}.shop-content::-webkit-scrollbar{width:4px}.shop-content::-webkit-scrollbar-track{background:transparent}.shop-content::-webkit-scrollbar-thumb{background:rgba(255,200,50,.15);border-radius:2px}.shop-tab-panel{max-width:520px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.shop-empty-tab{text-align:center;color:rgba(163,173,207,.4);padding:40px 0;font-size:.95rem}.shop-footer{flex-shrink:0;text-align:center;padding:12px 20px 20px}.shop-items{display:grid;grid-gap:8px;gap:8px}.shop-item{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:rgba(10,16,30,.7);border:1px solid rgba(122,162,255,.15);border-radius:14px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shop-item:hover:not(.sold):not(:disabled){background:rgba(20,30,50,.8);border-color:rgba(255,200,50,.3);transform:translateY(-1px)}.shop-item:active:not(.sold){transform:scale(.98)}.shop-item.sold{opacity:.35;cursor:default}.shop-item.expensive{border-color:rgba(255,80,80,.2)}.shop-item.armed{border-color:rgba(255,200,50,.85);background:rgba(40,30,8,.92);box-shadow:0 0 0 2px rgba(255,200,50,.35),0 0 18px rgba(255,200,50,.28)}.shop-item.armed .shop-item-price{color:#ffe48a}.shop-item-top{display:flex;align-items:center;gap:10px}.shop-item-glyph{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:gold;width:32px;height:32px;display:grid;place-items:center;background:rgba(255,200,50,.1);border-radius:8px}.shop-item-name{font-size:1.05rem;font-weight:600;color:var(--text);flex:1 1}.shop-rarity{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:6px}.shop-rarity.rare{background:rgba(100,140,255,.15);color:#8af}.shop-rarity.legendary{background:rgba(255,200,50,.15);color:gold}.shop-item-bottom{display:flex;justify-content:space-between;align-items:center;padding-left:42px}.shop-item-effect{font-size:.85rem;color:var(--muted)}.shop-item-price{font-size:1rem;font-weight:700;color:gold}.shop-item.sold .shop-item-price{color:var(--muted)}.shop-item.expensive .shop-item-price{color:#f66}.shop-equipped{font-size:.85rem;color:var(--accent);padding:6px 16px;background:rgba(122,162,255,.06);border-radius:10px}.shop-section{width:min(520px,95vw);background:rgba(10,16,30,.5);border:1px solid rgba(122,162,255,.1);border-radius:14px;padding:14px}.shop-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}.shop-equip-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem;color:var(--text);border-bottom:1px solid rgba(122,162,255,.06)}.shop-equip-row:last-child{border-bottom:none}.shop-equip-stat{color:var(--muted);font-size:.8rem;margin-left:4px}.shop-equip-empty{color:rgba(163,173,207,.4);font-size:.85rem;padding:6px 0}.shop-action-btn{padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;border:1px solid;transition:background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shop-action-btn.equip{background:rgba(122,162,255,.12);border-color:rgba(122,162,255,.3);color:#9bf}.shop-action-btn.equip:hover{background:rgba(122,162,255,.25)}.shop-action-btn.use{background:rgba(60,160,80,.12);border-color:rgba(80,200,100,.3);color:#8f9}.shop-action-btn.use:hover{background:rgba(60,160,80,.25)}.shop-action-btn.unequip{background:rgba(200,160,60,.1);border-color:rgba(200,160,60,.3);color:#dc7}.shop-action-btn.unequip:hover{background:rgba(200,160,60,.2)}.shop-action-btn.sell{background:rgba(255,200,50,.08);border-color:rgba(255,200,50,.25);color:gold}.shop-action-btn.sell:hover{background:rgba(255,200,50,.18)}.shop-inv-list{display:grid;grid-gap:6px;gap:6px}.shop-inv-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(122,162,255,.06);gap:10px}.shop-inv-item:last-child{border-bottom:none}.shop-inv-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-inv-name{font-size:.9rem;font-weight:600;color:var(--text)}.shop-inv-detail{font-size:.75rem;color:var(--muted)}.shop-inv-actions{display:flex;gap:6px;flex-shrink:0}.shop-descend{font-size:1.2rem;padding:16px 44px;margin-top:8px}.controls-toggle,.mobile-bottom,.mobile-layout,.mobile-log,.mobile-stats{display:none}.log-line{font-size:.95rem;color:var(--muted);line-height:1.4;padding:2px 0;border-bottom:1px solid rgba(122,162,255,.06)}.log-line:last-child{border-bottom:none;color:var(--text);font-weight:600}.mobile-stat-bars{display:grid;grid-gap:5px;gap:5px;flex:1 1;min-width:0}.hp-bar-wrap{position:relative;flex:1 1;height:30px;background:rgba(8,12,26,.8);border-radius:16px;border:1px solid rgba(122,162,255,.2);overflow:hidden;min-width:0}.hp-bar{height:100%;border-radius:16px;transition:width .3s ease,background .3s ease}.hp-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.8)}.xp-bar-wrap{position:relative;height:12px;border-radius:999px;background:rgba(8,12,26,.72);border:1px solid rgba(122,162,255,.14);overflow:hidden}.xp-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5478d4,#98b9ff);transition:width .3s ease}.xp-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:800;color:rgba(232,236,255,.78);text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.04em}.mobile-stat-group{display:grid;grid-template-columns:repeat(3,minmax(34px,auto));grid-gap:4px;gap:4px;flex-shrink:0}.mobile-stat{min-height:30px;min-width:34px;display:inline-grid;place-items:center;padding:0 7px;border-radius:10px;background:rgba(8,12,26,.62);border:1px solid rgba(122,162,255,.16);font-size:.88rem;font-weight:800;color:var(--text);white-space:nowrap}.mobile-stat.danger{color:#ff9aa8;border-color:rgba(255,85,102,.28);background:rgba(42,12,24,.62)}.sound-toggle{border:1px solid rgba(122,162,255,.3);background:rgba(8,12,26,.7);color:var(--text);border-radius:999px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;flex:0 0 auto;touch-action:manipulation}.sound-toggle.on{background:rgba(122,162,255,.2);box-shadow:0 0 8px rgba(122,162,255,.4)}.mobile-controls{display:none}.mobile-action-stack,.mobile-quick-actions,.movement-pad,.zoom-actions{min-width:0}.movement-pad{position:relative;width:132px;height:132px;flex:0 0 132px;border-radius:50%;border:1px solid rgba(122,162,255,.28);background:radial-gradient(circle at 50% 50%,rgba(232,236,255,.18) 0 18%,transparent 19%),linear-gradient(90deg,transparent 47%,rgba(122,162,255,.16) 47% 53%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(122,162,255,.16) 47% 53%,transparent 53%),rgba(8,12,26,.84);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 10px 24px rgba(0,0,0,.28);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.movement-pad.active{border-color:rgba(122,162,255,.55);background:radial-gradient(circle at 50% 50%,rgba(232,236,255,.24) 0 18%,transparent 19%),linear-gradient(90deg,transparent 47%,rgba(122,162,255,.2) 47% 53%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(122,162,255,.2) 47% 53%,transparent 53%),rgba(12,18,34,.94)}.pad-direction{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;color:rgba(232,236,255,.52);font-size:.85rem;font-weight:900;pointer-events:none}.pad-up{top:8px;left:50%;transform:translateX(-50%)}.pad-right{right:8px;top:50%;transform:translateY(-50%)}.pad-down{bottom:8px;left:50%;transform:translateX(-50%)}.pad-left{left:8px;top:50%;transform:translateY(-50%)}.movement-pad.dir-down .pad-down,.movement-pad.dir-left .pad-left,.movement-pad.dir-right .pad-right,.movement-pad.dir-up .pad-up{color:#fff;background:rgba(122,162,255,.22);box-shadow:0 0 16px rgba(122,162,255,.35)}.pad-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(232,236,255,.28);border:1px solid rgba(232,236,255,.32);box-shadow:0 8px 18px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.18);pointer-events:none;transition:transform .18s cubic-bezier(.22,1.4,.4,1),background .12s ease;will-change:transform}.movement-pad.active .pad-knob{background:rgba(232,236,255,.42);border-color:rgba(232,236,255,.48);box-shadow:0 0 18px rgba(122,162,255,.5),inset 0 1px 0 hsla(0,0%,100%,.24)}.quick-action,.zoom-btn{border:1px solid rgba(122,162,255,.28);background:rgba(8,12,26,.84);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.quick-action:active,.zoom-btn:active{transform:scale(.96);border-color:rgba(122,162,255,.55);background:rgba(122,162,255,.18)}.mobile-action-stack{display:grid;grid-gap:8px;gap:8px;flex:1 1 auto}.mobile-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.quick-action{min-height:44px;border-radius:12px;padding:7px 8px;font-size:.78rem;font-weight:850;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action span{color:#ffe29f;margin-left:3px}.quick-action.has-items{border-color:rgba(255,200,80,.45);color:#ffe29f;background:rgba(36,27,12,.82)}.quick-action.potion{border-color:rgba(80,200,100,.32);color:#9dffad;background:rgba(10,34,18,.78)}.quick-action.potion.open{border-color:rgba(120,255,154,.62);background:rgba(14,48,24,.92);box-shadow:0 0 14px rgba(80,220,120,.2)}.quick-action.exit-ready{border-color:rgba(80,220,120,.58);color:#8dff9e;background:rgba(8,30,14,.9);box-shadow:0 0 14px rgba(80,220,120,.28)}.quick-action:disabled{opacity:.38;cursor:default;transform:none}.zoom-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.zoom-btn{min-height:36px;border-radius:12px;font-size:1rem;font-weight:900}.potion-picker{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:95;display:grid;grid-gap:9px;gap:9px;padding:10px;border-radius:16px;border:1px solid rgba(80,220,120,.32);background:rgba(5,12,18,.96);box-shadow:0 16px 36px rgba(0,0,0,.56),0 0 18px rgba(80,220,120,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.potion-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d9ffe0;font-size:.86rem;font-weight:800}.potion-picker-close{min-width:36px;min-height:34px;border-radius:10px;border:1px solid rgba(255,100,116,.38);background:rgba(80,18,28,.72);color:#ff9aa8;font-size:.82rem;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.potion-picker-list{display:grid;grid-gap:7px;gap:7px;max-height:min(34svh,240px);overflow-y:auto;-webkit-overflow-scrolling:touch}.potion-choice-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid rgba(80,220,120,.34);background:rgba(10,34,18,.78);color:#eaffee;font-size:.92rem;font-weight:750;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.potion-choice-btn:active{transform:scale(.98);background:rgba(18,54,28,.94)}.potion-choice-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potion-choice-heal{flex:0 0 auto;color:#9dffad;font-size:.84rem;font-weight:850;white-space:nowrap}.inv-drawer{position:fixed;left:12px;right:12px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom, 0px));max-height:min(68svh,520px);background:rgba(8,14,30,.96);border:1px solid rgba(122,162,255,.25);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;z-index:80;box-shadow:0 14px 40px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inv-drawer .inv-items{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;padding-right:4px;align-content:start;grid-auto-rows:max-content}.inv-header{display:flex;justify-content:space-between;align-items:center}.inv-title{font-size:1.1rem;font-weight:700;color:var(--text)}.inv-close{background:rgba(255,80,100,.2);border:1px solid rgba(255,80,100,.4);border-radius:8px;color:#f89;font-size:.9rem;font-weight:700;min-width:44px;min-height:40px;padding:6px 12px;cursor:pointer;touch-action:manipulation}.inv-equipped{font-size:.92rem;color:var(--accent);font-weight:600;padding:8px 10px;background:rgba(122,162,255,.08);border-radius:10px}.inv-stat{color:var(--muted);font-weight:500;font-size:.86rem;margin-left:auto;white-space:nowrap}.inv-empty{color:var(--muted);font-size:.95rem;text-align:center;padding:12px}.inv-items{display:grid;grid-gap:8px;gap:8px}.inv-use-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:12px 14px;border-radius:12px;font-size:.98rem;font-weight:650;cursor:pointer;border:2px solid;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left;overflow-wrap:anywhere}.inv-use-btn:active{transform:scale(.96)}.potion-btn{background:rgba(60,160,80,.15);border-color:rgba(80,200,100,.4);color:#8f9}.scroll-use-btn{background:rgba(80,60,140,.2);border-color:rgba(140,120,200,.4);color:#cbf}.gear-btn{background:rgba(122,162,255,.1);border-color:rgba(122,162,255,.35);color:#9bf}.gear-btn:active{background:rgba(122,162,255,.25)}.inv-toggle{padding:12px 20px;border-radius:14px;background:rgba(122,162,255,.1);border:2px solid rgba(122,162,255,.25);color:var(--muted);font-size:1rem;font-weight:700;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.inv-toggle.has-items{border-color:rgba(255,200,80,.5);color:#ffe29f;background:rgba(139,105,43,.15)}.name-input{width:min(300px,80vw);padding:14px 20px;border-radius:14px;border:2px solid rgba(122,162,255,.3);background:rgba(7,12,26,.7);color:var(--text);font-size:1.1rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s;margin-top:8px}.name-input:focus{border-color:rgba(122,162,255,.6);box-shadow:0 0 16px rgba(122,162,255,.15)}.name-input::placeholder{color:rgba(163,173,207,.5);font-weight:400}.button:disabled{opacity:.3;cursor:default;transform:none}.settings-panel{margin-top:4px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8rem;color:var(--muted);border-bottom:1px solid rgba(122,162,255,.06)}.setting-row:last-child{border-bottom:none}.setting-toggle{padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:700;cursor:pointer;border:1px solid rgba(122,162,255,.2);background:rgba(255,80,80,.1);color:#f88;transition:background .15s}.setting-toggle.on{background:rgba(80,200,100,.15);border-color:rgba(80,200,100,.3);color:#8f9}.setting-slider{flex:1 1;max-width:140px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.setting-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(122,162,255,.25)}.setting-slider::-moz-range-track{height:4px;border-radius:2px;background:rgba(122,162,255,.25);border:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#7aa2ff;border:2px solid rgba(10,16,30,.95);margin-top:-6px;box-shadow:0 0 6px rgba(122,162,255,.6)}.setting-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#7aa2ff;border:2px solid rgba(10,16,30,.95);box-shadow:0 0 6px rgba(122,162,255,.6)}.settings-card .setting-slider{max-width:180px;height:32px}.settings-card .setting-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.settings-card .setting-slider::-moz-range-thumb{width:22px;height:22px}.settings-overlay{position:fixed;inset:0;background:rgba(5,10,20,.85);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.settings-card{background:rgba(10,16,30,.95);border:1px solid rgba(122,162,255,.25);border-radius:18px;padding:20px;width:min(360px,90vw);max-height:min(80vh,620px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.settings-card .setting-row{font-size:1.05rem;padding:10px 0}.settings-card .setting-toggle{padding:8px 18px;font-size:.9rem;border-radius:10px}.title-help-btn{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;border:1px solid rgba(122,162,255,.45);background:rgba(10,16,30,.75);color:var(--accent,#7aa2ff);font-size:1.3rem;font-weight:800;cursor:pointer;z-index:50;box-shadow:0 0 12px rgba(122,162,255,.35);transition:transform .12s,background .15s}.title-help-btn:focus,.title-help-btn:hover{background:rgba(122,162,255,.18);transform:scale(1.05);outline:none}.howto-overlay{position:fixed;inset:0;background:rgba(3,6,14,.88);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200;animation:howto-fade .25s ease-out}@keyframes howto-fade{0%{opacity:0}to{opacity:1}}.howto-card{position:relative;width:min(420px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.howto-image{display:block;max-width:100%;max-height:calc(100svh - 140px);max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain;border-radius:14px;border:1px solid rgba(122,162,255,.25);box-shadow:0 12px 40px rgba(0,0,0,.6)}.howto-close-btn{padding:14px 36px;font-size:1rem;font-weight:700;letter-spacing:.05em;border-radius:999px;border:1px solid rgba(122,162,255,.45);background:rgba(10,16,30,.95);color:var(--accent,#7aa2ff);cursor:pointer;min-height:48px;box-shadow:0 0 16px rgba(122,162,255,.35);transition:transform .12s,background .15s}.howto-close-btn:active,.howto-close-btn:hover{background:rgba(122,162,255,.22);transform:scale(1.03)}.desktop-only{display:grid}.mobile-only{display:none}@media (max-width:800px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.game-shell,.shop-shell{position:fixed;inset:0;height:auto;width:auto}.shop-shell{padding-top:max(8px,env(safe-area-inset-top,0px))}.shop-header{display:block}.shell{position:fixed;inset:0;min-height:0;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:max(12px,env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom, 0px))}.mobile-layout{display:flex!important;flex-direction:column;height:100%;padding:max(8px,env(safe-area-inset-top,0px)) 8px calc(8px + env(safe-area-inset-bottom, 0px));gap:8px}.mobile-stats{display:flex;align-items:center;gap:6px;padding:7px 6px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:30;border-radius:14px;background:rgba(5,10,22,.88);border:1px solid rgba(122,162,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-log{display:block;background:rgba(10,16,30,.78);border-radius:12px;padding:8px 10px;flex-shrink:0;border:1px solid rgba(122,162,255,.12)}.controls-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:36px;padding:5px 12px;flex-shrink:0;border-radius:999px;border:1px solid rgba(122,162,255,.16);background:rgba(5,10,22,.62);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.controls-toggle:active{transform:scale(.985);border-color:rgba(122,162,255,.42);background:rgba(12,18,34,.84)}.controls-toggle-rail{width:min(28vw,140px);height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(232,236,255,.58),transparent);box-shadow:0 0 12px rgba(122,162,255,.18)}.controls-toggle-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(232,236,255,.78)}.controls-toggle-caret{width:9px;height:9px;border-right:2px solid rgba(232,236,255,.72);border-bottom:2px solid rgba(232,236,255,.72);transform:rotate(45deg);margin-top:-4px;transition:transform .16s ease,margin .16s ease}.controls-toggle.collapsed .controls-toggle-caret{transform:rotate(-135deg);margin-top:4px}.mobile-layout .grid-container{flex:1 1;min-height:0;padding:0;border-radius:14px;border:1px solid rgba(122,162,255,.16);background:radial-gradient(circle at 50% 28%,rgba(30,46,90,.4),rgba(4,8,18,.96) 65%);touch-action:none;overflow:hidden;position:relative}.mobile-layout .mobile-grid-world{position:absolute;top:0;left:0;will-change:transform}.mobile-layout .grid.mobile-grid{font-size:16px;line-height:1;font-weight:700;display:grid}.mobile-layout .cell{aspect-ratio:auto;border-radius:1px;display:flex;align-items:center;justify-content:center}.mobile-controls{display:flex;position:relative;align-items:center;gap:10px;padding:8px;border-radius:16px;border:1px solid rgba(122,162,255,.16);background:rgba(5,10,22,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.mobile-controls.collapsed{display:none}.mobile-layout.shake{animation:shake .15s ease-in-out}.gameover-screen,.levelup-screen,.title-screen{min-height:0;height:100%;justify-content:flex-start;padding:0;gap:0;width:100%}.gameover-screen,.levelup-screen{padding:24px 20px}.title-art{display:block;position:relative;flex:0 0 auto;width:100%;height:26vh;max-height:230px;min-height:170px;overflow:hidden}.title-art-image{position:absolute;inset:0;background:url(/rogue-splash.jpg) center 52%/auto 260% no-repeat,#080c1e;filter:saturate(1.05)}.title-art-image:after{content:"";background:radial-gradient(ellipse 80% 70% at 50% 55%,transparent 45%,rgba(8,12,26,.55) 100%),repeating-linear-gradient(0deg,rgba(122,162,255,.07),rgba(122,162,255,.07) 1px,transparent 0,transparent 26px),repeating-linear-gradient(90deg,rgba(122,162,255,.07),rgba(122,162,255,.07) 1px,transparent 0,transparent 26px)}.title-art-fade,.title-art-image:after{position:absolute;inset:0;pointer-events:none}.title-art-fade{background:linear-gradient(180deg,transparent 0,transparent 62%,rgba(11,15,26,.75) 85%,#0b0f1a);z-index:1}.title-art-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.title-art-embers span{position:absolute;bottom:-6px;width:3px;height:3px;border-radius:50%;background:#ffc08a;box-shadow:0 0 6px #f84,0 0 14px rgba(255,136,68,.6);opacity:0;animation:ember-rise 6s linear infinite;will-change:transform,opacity}.title-art-embers{z-index:3}.title-art-embers span:first-child{left:8%;animation-delay:0s;animation-duration:5.4s}.title-art-embers span:nth-child(2){left:18%;animation-delay:1.1s;animation-duration:6.2s}.title-art-embers span:nth-child(3){left:27%;animation-delay:2.4s;animation-duration:5.8s}.title-art-embers span:nth-child(4){left:36%;animation-delay:.6s;animation-duration:6.6s}.title-art-embers span:nth-child(5){left:45%;animation-delay:3s;animation-duration:5.2s}.title-art-embers span:nth-child(6){left:54%;animation-delay:1.8s;animation-duration:6.4s}.title-art-embers span:nth-child(7){left:63%;animation-delay:4s;animation-duration:5.6s}.title-art-embers span:nth-child(8){left:72%;animation-delay:2.1s;animation-duration:6.8s}.title-art-embers span:nth-child(9){left:80%;animation-delay:3.5s;animation-duration:5.4s;width:2px;height:2px}.title-art-embers span:nth-child(10){left:88%;animation-delay:.9s;animation-duration:6s;width:2px;height:2px}.title-art-embers span:nth-child(11){left:14%;animation-delay:4.6s;animation-duration:5.8s;width:2px;height:2px}.title-art-embers span:nth-child(12){left:68%;animation-delay:5.2s;animation-duration:6.4s;width:2px;height:2px}@keyframes ember-rise{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:.8}70%{opacity:.55}to{transform:translateY(-22vh) translateX(12px);opacity:0}}.title-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;padding:10px 18px calc(14px + env(safe-area-inset-bottom, 0px));gap:2px;align-items:center;text-align:center}.title-body>:not(.high-scores){flex:0 0 auto}.title-body>.title-logo{margin:0;line-height:1;font-size:clamp(1.8rem,8vw,2.6rem)}.title-body>.title-subtitle{margin:2px 0 0;font-size:.82rem}.title-body>.title-info{margin-top:4px;font-size:.68rem;letter-spacing:.04em;opacity:.65;gap:8px}.title-body>.name-input{margin-top:8px;padding:9px 14px;font-size:.95rem;width:min(280px,90%)}.title-body>.title-actions{display:flex;flex-direction:row;gap:10px;width:min(320px,95%);margin-top:10px}.title-body>.title-actions .title-start{font-size:.95rem;padding:10px 12px;margin:0;min-height:44px;flex:1 1;width:auto;letter-spacing:.01em;white-space:nowrap}.title-body>.title-hint{margin:4px 0 0;font-size:.72rem}.title-body>.title-auth{margin-top:2px;font-size:.75rem}.title-body>.title-auth a,.title-body>.title-auth span{font-size:.72rem!important}.title-body>.high-scores{flex:1 1 auto;min-height:0;margin-top:10px;width:100%;max-width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 10px 10px;border:1px solid rgba(122,162,255,.2);border-radius:12px;background:rgba(8,12,26,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;box-shadow:0 -4px 14px rgba(0,0,0,.3)}.title-body>.high-scores h3{margin:0 0 4px;position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(180deg,rgba(8,12,26,.98) 80%,rgba(8,12,26,0));padding:4px 0;z-index:1;font-size:.72rem;letter-spacing:.14em}.title-body>.high-scores .score-row{padding:6px 10px;font-size:.78rem}.levelup-screen{width:100%;max-width:100%;box-sizing:border-box}.levelup-choices{width:100%;max-width:calc(100vw - 40px);padding:0 4px}.levelup-btn{padding:18px 20px;font-size:1.05rem;width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere}.run-stats{grid-template-columns:repeat(2,1fr);width:95vw}.restart-btn{font-size:1.1rem;padding:14px 32px}.video-shell{height:56vh}.video-local{width:40vw}.shop-shell{height:100svh;padding-top:env(safe-area-inset-top,0)}.shop-header{padding:12px 12px 8px}.shop-title{font-size:clamp(1.35rem,7vw,1.85rem);margin-bottom:8px}.shop-hero-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%}.shop-stat{min-width:0;padding:5px 3px;border-radius:10px;background:rgba(8,12,26,.58);border:1px solid rgba(122,162,255,.12)}.shop-stat-val{max-width:100%;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.shop-stat-lbl{font-size:.48rem;letter-spacing:.06em}.shop-tabs{padding:0 12px}.shop-tab{min-height:44px;padding:9px 4px;border-radius:9px 9px 0 0;font-size:.82rem}.shop-content{padding:10px 12px}.shop-section,.shop-tab-panel{width:100%;max-width:100%}.shop-item{min-height:68px;padding:12px;border-radius:12px}.shop-item-top{gap:8px}.shop-item-name{min-width:0;font-size:.95rem;overflow-wrap:anywhere}.shop-item-bottom{padding-left:0;gap:8px}.shop-item-effect{min-width:0;overflow-wrap:anywhere}.shop-equip-row,.shop-inv-item{align-items:stretch;flex-direction:column;gap:8px}.shop-inv-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.shop-action-btn{min-height:44px;padding:8px 10px}.shop-footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom, 0px))}.shop-descend{width:100%;max-width:520px;min-height:52px;margin-top:0;padding:14px 16px;font-size:1rem}}@media (max-height:680px),(max-width:370px){.mobile-layout{gap:6px}.mobile-stats{padding:6px}.hp-bar-wrap{height:26px}.hp-label{font-size:.82rem}.xp-bar-wrap{height:10px}.mobile-stat-group{grid-template-columns:repeat(3,minmax(30px,auto))}.mobile-stat{min-width:30px;min-height:28px;padding:0 5px;font-size:.76rem}.sound-toggle{width:34px;height:34px}.mobile-log{padding:6px 8px}.controls-toggle{min-height:30px;padding:3px 10px}.controls-toggle-rail{height:3px}.controls-toggle-caret{width:8px;height:8px}.log-line{font-size:.82rem;line-height:1.3}.mobile-controls{gap:8px;padding:7px}.movement-pad{width:112px;height:112px;flex-basis:112px}.pad-direction{width:32px;height:32px;font-size:.72rem}.pad-up{top:6px}.pad-right{right:6px}.pad-down{bottom:6px}.pad-left{left:6px}.pad-knob{width:48px;height:48px}.quick-action{min-height:40px;font-size:.72rem}.zoom-btn{min-height:32px}}.splash-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060918;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:1rem}.splash-screen.is-hidden{opacity:0;pointer-events:none;transition:opacity .5s ease-out}.splash-image-container{position:relative;border-radius:1.25rem;padding:3px;background:linear-gradient(135deg,rgba(20,30,50,.8),rgba(10,15,30,.9));overflow:hidden}.splash-image-container:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 340deg,#00d4ff 350deg,#4df0ff 355deg,#fff 358deg,#4df0ff 1turn);animation:splash-border-rotate 4.5s linear infinite;filter:drop-shadow(0 0 8px rgba(77,240,255,.8)) drop-shadow(0 0 16px rgba(0,212,255,.5))}.splash-image-container:after{content:"";position:absolute;inset:3px;border-radius:calc(1.25rem - 3px);background:#060918}.splash-image-container .splash-image{position:relative;z-index:1}@keyframes splash-border-rotate{0%{transform:rotate(0deg);opacity:1}33%{transform:rotate(270deg);opacity:1}to{transform:rotate(1turn);opacity:1}}.splash-image{display:block;width:100%;max-width:90vw;max-height:70vh;object-fit:contain;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.6)}.splash-prompt{margin-top:1.5rem;font-size:clamp(1rem,4vw,1.5rem);color:rgba(200,220,255,.9);text-transform:uppercase;letter-spacing:.2em;animation:splash-pulse 2s ease-in-out infinite}@keyframes splash-pulse{0%,to{opacity:.6}50%{opacity:1}}.vibe-splash{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:rgba(3,7,18,.95);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .5s ease-out;pointer-events:none}.vibe-splash.is-visible{opacity:1;pointer-events:auto}.vibe-splash.is-fading{opacity:0;pointer-events:none}.vibe-splash__content{max-width:22rem;padding:0 1.5rem;text-align:center}.vibe-splash__title{font-size:clamp(1.05rem,3.5vw,1.3rem);font-weight:600;color:#fff;margin:0;line-height:1.45}.vibe-splash__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.5rem 1.25rem;border-radius:999px;border:1px solid rgba(96,165,250,.6);background:transparent;font-size:.875rem;font-weight:500;color:#bfdbfe;text-decoration:none;transition:border-color .2s ease,color .2s ease}.vibe-splash__cta:hover{border-color:#93c5fd;color:#fff}.vibe-splash__attribution{margin-top:1.25rem;font-size:.875rem;color:#d1d5db;line-height:1.6}.vibe-splash__attribution a{font-weight:600;color:#bfdbfe;text-decoration:none;transition:color .2s ease}.vibe-splash__attribution a:hover{color:#fff}.vibe-splash__hint{position:absolute;bottom:2rem;left:0;right:0;text-align:center;font-size:.875rem;color:rgba(156,163,175,.7);transition:opacity .3s ease}.vibe-splash.is-fading .vibe-splash__hint{opacity:0}