*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1220;height:100%;margin:0;font-family:system-ui,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:hidden}#app{aspect-ratio:390/844;color:#fff;max-width:100vw;height:100dvh;margin:0 auto;position:relative;overflow:hidden}#gl,#fx{width:100%;height:100%;display:block;position:absolute;inset:0}#gl{touch-action:none}#fx{pointer-events:none}button{font-family:inherit}[hidden]{display:none!important}#hud{padding:calc(8px + env(safe-area-inset-top)) 12px 0;pointer-events:none;text-shadow:0 1px 2px #00000073;position:absolute;top:0;left:0;right:0}.hud-stages{align-items:center;gap:6px;display:flex}.stage-box{text-align:center;background:#111827bf;border-radius:8px;min-width:38px;padding:2px 8px;font-size:15px;font-weight:800;position:relative}.stage-box.current{border:2px solid #f59e0b}.stage-box.checkpoint:before{content:"▲";color:#fbbf24;font-size:10px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.stage-box.lock{opacity:.8;font-size:13px}.stage-box.lock:before{content:"🔒";margin-right:2px;font-size:10px}.dots{flex:1;justify-content:space-between;align-items:center;display:flex}.dots i{background:#1118278c;border-radius:3px;width:8%;height:7px}.dots i.done{background:#f59e0b}.dots i.now{background:#fde047}.hud-barrow{justify-content:space-between;margin-top:6px;font-size:13px;font-weight:800;display:flex}#hud-hpbar{background:#0006;border:2px solid #ffffffd9;border-radius:6px;height:12px;margin-top:2px;overflow:hidden}#hud-hpfill{transform-origin:0;background:linear-gradient(#ff7a7a,#e5393f);width:100%;height:100%}#hud-timebar{background:#0006;border-radius:3px;height:5px;margin-top:3px;overflow:hidden}#hud-timefill{transform-origin:0;background:#fff;width:100%;height:100%}.hud-gold{text-align:center;color:#fde047;margin-top:8px;font-size:26px;font-weight:900}.hud-gold .coin{color:#f59e0b;margin-right:4px;font-size:18px}#bottom-bar{padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:3;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}#bottom-bar button{white-space:nowrap;color:#fff;background:#2f7fe0;border:0;border-radius:14px;flex:1;min-width:0;height:48px;font-size:14px;font-weight:800;box-shadow:0 3px #1b4f91}#bottom-bar button.active{background:#f59e0b;box-shadow:0 3px #a16207}#bottom-bar button:disabled,#bottom-bar button.locked{color:#d1d5db;background:#6b7280;box-shadow:0 3px #374151}#bottom-bar button.locked:before{content:"🔒 ";font-size:11px}#sheet{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));color:#1f2937;z-index:2;background:#fffffff7;border-radius:18px 18px 0 0;max-height:48%;padding:12px 14px;position:absolute;overflow-y:auto;box-shadow:0 -4px 16px #00000040}#sheet h2{justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin:0 0 8px;font-size:17px;display:flex;position:relative}#sheet h2 .title{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}#sheet h2 .chips{gap:6px;margin-right:auto;display:flex}#sheet h2 .chip{color:#fff;background:#1f2937;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:13px;display:inline-flex}#sheet h2 .chip i{font-size:11px;font-style:normal}#sheet h2 .chip.gold i{color:#fbbf24}#sheet h2 .chip.core i{color:#a78bfa}#sheet h2 .chip.gem i{color:#22d3ee}#sheet h3{color:#6b7280;margin:14px 0 6px;font-size:14px}#sheet p{color:#4b5563;margin:4px 0;font-size:13px}.close{background:#e5e7eb;border:0;border-radius:10px;width:32px;height:32px;font-size:16px;font-weight:800}.row{border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:8px 0;display:flex}.row .info{flex:1;min-width:0}.row .info .name{color:#1f2937;text-align:left;background:0 0;border:0;padding:0;font-size:15px;font-weight:800}.row .info .name.link{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.row .info .skill{color:#0369a1;margin:2px 0;font-size:12px}.row .info .skill.locked{color:#9ca3af}.gunlines{text-align:left;margin-top:2px}.gunlines p{margin:1px 0;font-size:12px}.gunlines .line{color:#374151}.gunlines .line.locked{color:#9ca3af}.row .info small{color:#6b7280;justify-content:space-between;font-size:12px;display:flex}.bar{background:#e5e7eb;border-radius:4px;height:8px;margin:3px 0;overflow:hidden}.bar>i{background:#84cc16;height:100%;display:block}.bar.orange>i{background:#f59e0b}.bar.teal>i{background:#14b8a6}.buy{color:#fff;touch-action:none;background:#22c55e;border:0;border-radius:12px;min-width:92px;min-height:44px;font-size:13px;font-weight:800;line-height:1.25;box-shadow:0 3px #15803d}.buy.levelup{background:#f59e0b;box-shadow:0 3px #a16207}.buy:disabled{background:#9ca3af;box-shadow:0 3px #6b7280}.wide{color:#fff;background:#2f7fe0;border:0;border-radius:12px;width:100%;min-height:46px;margin:8px 0;font-size:15px;font-weight:800;box-shadow:0 3px #1b4f91}.wide.purple{background:#8b5cf6;box-shadow:0 3px #5b21b6}.wide:disabled{background:#9ca3af;box-shadow:0 3px #6b7280}#bottom-bar button{position:relative}#bottom-bar button.badge:after{content:"";background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:8px;box-shadow:0 0 0 2px #fff}#hud-boosts{color:#fde047;margin:0 auto 0 6px;font-size:11px;font-weight:800}.researchhead{justify-content:space-between;align-items:center;margin:4px 0;font-size:16px;display:flex}.researchhead span{color:#0369a1;font-size:13px;font-weight:700}.row.studying{background:#f0f9ff}.researchnext{color:#9ca3af;border-top:1px dashed #d1d5db;margin-top:12px;padding-top:8px}.researchnext h3{color:#6b7280;margin:0 0 4px;font-size:13px}.researchnext p{margin:2px 0;font-size:12px}.seg{gap:4px;margin:8px 0;display:flex}.seg button{color:#374151;background:#e5e7eb;border:0;border-radius:10px;flex:1;height:34px;font-weight:800}.seg button.on{color:#fff;background:#1f2937}.seg button:disabled{opacity:.5}.tier{color:#fff;background:#1f2937;border-radius:12px;justify-content:space-between;align-items:center;padding:6px 8px;font-weight:800;display:flex}.tier button{color:#fbbf24;background:0 0;border:0;width:36px;height:32px;font-size:18px;font-weight:900}.tier button:disabled{color:#4b5563}.cards{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.card{text-align:center;border:1px solid #e5e7eb;border-radius:12px;padding:8px 4px;font-size:13px}.card b{font-size:15px;display:block}.card .buy{width:100%;min-width:0;margin-top:6px}#modal{z-index:7;background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.modal-card{color:#1f2937;background:#fffbea;border-radius:16px;width:100%;max-height:82%;padding:12px 14px;overflow-y:auto}.confirm-row{gap:8px;margin-top:12px;display:flex}.confirm-row button.cancel{background:#9ca3af;box-shadow:0 3px #6b7280}.modal-card h2{justify-content:space-between;align-items:center;margin:0 0 10px;font-size:17px;display:flex}.kinds{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kinds button{color:#1f2937;background:#ecfccb;border:2px solid #84cc16;border-radius:12px;height:56px;font-size:14px;font-weight:800}.kinds button.picked{background:#ede9fe;border-color:#7c3aed}.kinds button:disabled{color:#9ca3af;background:#e5e7eb;border-color:#d1d5db}.pickinfo{color:#4b5563;min-height:64px;margin-top:10px;font-size:13px}.list .row:first-child{border-top:0}.done{color:#16a34a;font-weight:800}#toast{z-index:8;text-align:center;pointer-events:none;background:#111827e6;border-radius:12px;max-width:86%;padding:10px 16px;font-size:14px;font-weight:700;position:absolute;top:24%;left:50%;transform:translate(-50%)}#debug{right:6px;top:calc(150px + env(safe-area-inset-top));z-index:6;font-size:12px;position:absolute}#debug .toggle{color:#fff;background:#111827b3;border:0;border-radius:8px;margin-left:auto;padding:4px 8px;font-weight:700;display:block}#debug .panel{background:#111827e6;border-radius:10px;flex-wrap:wrap;gap:4px;width:214px;margin-top:4px;padding:8px;display:flex}#debug .panel button,#debug .panel select,#debug .panel input{border:0;border-radius:6px;height:28px;padding:0 6px;font-size:12px}#debug .panel input{width:48px}#debug .panel .label{color:#9ca3af;width:100%;margin-top:4px}#fatal{text-align:center;z-index:10;background:#0b1220;justify-content:center;align-items:center;padding:24px;font-size:16px;display:flex;position:absolute;inset:0}.note{color:#6b7280;margin:4px 0 8px;font-size:12px}.buy.small{touch-action:manipulation;min-width:58px;min-height:40px}.row.armory{gap:6px}.row.armory.using{background:#f0fdf4}.grade-common{color:#4b5563!important}.grade-uncommon{color:#15803d!important}.grade-rare{color:#1d4ed8!important}.grade-epic{color:#7e22ce!important}.grade-legendary{color:#c2410c!important}.case{background:#f8fafc;border:2px solid #cbd5e1;border-radius:14px;margin:10px 0;padding:12px}.case-gold{background:#fffbeb;border-color:#f59e0b}.case b{font-size:16px}.case .odds{color:#4b5563;margin:4px 0;font-size:12px}.case .pity{color:#0369a1;margin:2px 0;font-size:12px}.drawn{text-align:center;margin:4px 0 8px;font-size:18px;font-weight:800}.wide.skip{background:#0ea5e9;min-height:40px;margin:4px 0 8px;box-shadow:0 3px #0369a1}.wide.skip:disabled{background:#9ca3af;box-shadow:0 3px #6b7280}.wide[hidden]{display:none}.hud-gold .coin,.peek-icon{display:inline-block}.bump{animation:.18s ease-out bump}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}#wallet-peek{right:0;top:calc(190px + env(safe-area-inset-top));flex-direction:column;align-items:flex-end;font-size:15px;font-weight:800;display:flex;position:absolute}.peek-row{background:#111827d1;border-radius:12px 0 0 12px;align-items:center;gap:6px;max-height:0;margin-bottom:0;padding:0 12px 0 10px;line-height:1.5;transition:transform .22s ease-in,max-height .15s ease-out .22s,padding .15s ease-out .22s,margin .15s ease-out .22s;display:flex;overflow:hidden;transform:translate(105%)}.peek-row.open{max-height:40px;margin-bottom:4px;padding:5px 12px 5px 10px;transition:transform .22s ease-out,max-height,padding,margin;overflow:visible;transform:translate(0)}.peek-row.silverKey .peek-icon{filter:grayscale()brightness(1.35)}.peek-row .peek-icon{font-size:14px}.peek-row.core .peek-icon{color:#a78bfa}.peek-row.gem .peek-icon{color:#22d3ee}.toggle{color:#fff;background:#9ca3af;border:0;border-radius:999px;min-width:72px;min-height:40px;font-size:13px;font-weight:800;box-shadow:0 3px #6b7280}.toggle.on{background:#22c55e;box-shadow:0 3px #15803d}.icon-gem{vertical-align:-.12em;width:1.05em;height:1em;display:inline-block}