:root{--ink: #e8e0d4;--dim: #9a917f;--amber: #ffc46b;--teal: #7de8e8;--danger: #ff5e6e;--panel: rgba(10, 10, 16, .92);--hairline: rgba(232, 224, 212, .14);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}.scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.fade-in{animation:fadeIn .45s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button.saja{font-family:inherit;color:var(--ink);background:#14141ed9;border:1px solid var(--hairline);border-radius:10px;padding:14px 26px;font-size:17px;letter-spacing:.06em;cursor:pointer;transition:transform .08s ease,border-color .2s}button.saja:active{transform:scale(.96);border-color:var(--amber)}button.saja.primary{background:linear-gradient(180deg,#ffc46b29,#ffc46b0d);border-color:#ffc46b8c;color:var(--amber);font-size:19px;padding:16px 38px}button.saja:disabled{opacity:.35;pointer-events:none}.title-art{position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% 108%,rgba(255,170,60,.16),transparent 60%),radial-gradient(ellipse 70% 45% at 50% -8%,rgba(40,120,160,.22),transparent 65%),linear-gradient(180deg,#04050a,#070a14 55%,#0a0810)}.title-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.title-stack{position:relative;z-index:2;margin-top:22vh;text-align:center;padding:0 24px}.title-name{font-size:clamp(64px,22vw,120px);letter-spacing:.34em;margin-left:.34em;color:var(--ink);text-shadow:0 0 38px rgba(255,196,107,.35),0 2px 0 #000;font-weight:700}.title-sub{margin-top:10px;color:var(--dim);font-size:15px;letter-spacing:.2em}.title-cta{position:absolute;bottom:calc(13vh + var(--sab));z-index:2;display:flex;flex-direction:column;gap:12px;align-items:center}.title-foot{position:absolute;bottom:calc(14px + var(--sab));color:#9a917f80;font-size:11px;letter-spacing:.12em;z-index:2}.cine{justify-content:flex-end;background:#000}.cine-art{position:absolute;inset:0}.cine-art img{width:100%;height:100%;object-fit:cover}.cine-fallback{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(50,130,170,.2),transparent 60%),radial-gradient(ellipse 60% 40% at 30% 85%,rgba(255,170,60,.12),transparent 60%),#04050a}.cine-text{position:relative;z-index:2;margin:0 18px calc(46px + var(--sab));background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:20px 22px;font-size:16.5px;line-height:1.65;color:var(--ink);max-width:560px}.cine-tap{text-align:center;color:var(--dim);font-size:12px;margin-top:12px;letter-spacing:.18em}.hub-bg{position:absolute;inset:0}.hub-bg img{width:100%;height:100%;object-fit:cover;opacity:.92}.hub-fallback{position:absolute;inset:0;background:radial-gradient(ellipse 50% 30% at 50% 36%,rgba(255,180,80,.18),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 110%,rgba(30,18,8,.9),transparent 70%),linear-gradient(180deg,#05060c,#0b0a12 60%,#120d0c)}.hub-head{position:relative;z-index:2;margin-top:calc(20px + var(--sat));text-align:center}.hub-title{font-size:22px;letter-spacing:.3em;margin-left:.3em;color:var(--ink)}.hub-souls{margin-top:6px;color:var(--amber);font-size:15px;letter-spacing:.08em}.hub-npcs{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:0 14px;max-width:600px}.npc-card{flex:1;background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:12px 10px 14px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,transform .08s;min-width:0}.npc-card:active{transform:scale(.97)}.npc-card.news{border-color:#ffc46b99}.npc-dot{position:absolute;top:-7px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px #ffc46be6;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.78)}}.npc-face{width:100%;aspect-ratio:3/4;border-radius:9px;overflow:hidden;margin-bottom:9px;position:relative}.npc-face img{width:100%;height:100%;object-fit:cover}.npc-face .glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--teal)}.npc-face.f-gumiho .glyph{color:#ffb37a;background:radial-gradient(ellipse at 50% 30%,#ff965038,#100a08)}.npc-face.f-ferryman .glyph{color:#8fb7d8;background:radial-gradient(ellipse at 50% 30%,#5a8cbe38,#070a10)}.npc-face.f-firstsoul .glyph{color:#ffe9bd;background:radial-gradient(ellipse at 50% 30%,#ffe2a038,#0d0b08)}.npc-name{font-size:15px;color:var(--ink);letter-spacing:.05em}.npc-title{font-size:10.5px;color:var(--dim);margin-top:3px;line-height:1.3}.hub-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:calc(26px + var(--sab));width:100%}.hub-row{display:flex;gap:10px}.dlg{position:absolute;inset:0;z-index:5;background:#0000008c;display:flex;flex-direction:column;justify-content:flex-end}.dlg-box{margin:0 14px calc(24px + var(--sab));background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:18px 20px;max-width:560px;align-self:center;width:calc(100% - 28px)}.dlg-who{color:var(--amber);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.dlg-who.you{color:var(--teal)}.dlg-text{font-size:16.5px;line-height:1.6;min-height:78px}.dlg-tap{text-align:right;color:var(--dim);font-size:11px;letter-spacing:.16em;margin-top:10px}.hud{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-top{position:absolute;top:calc(10px + var(--sat));left:12px;right:12px;display:flex;flex-direction:column;gap:6px}.hud-xp{height:5px;border-radius:3px;background:#7de8e81f;overflow:hidden}.hud-xp>div{height:100%;width:0%;background:linear-gradient(90deg,#3ec9c9,var(--teal));border-radius:3px;transition:width .15s linear}.hud-row2{display:flex;align-items:center;justify-content:space-between}.hud-hp{width:42%;height:9px;border-radius:5px;background:#ff5e6e21;overflow:hidden}.hud-hp>div{height:100%;width:100%;background:linear-gradient(90deg,#c33a4e,var(--danger));border-radius:5px;transition:width .12s linear}.hud-clock{font-size:21px;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 4px #000}.hud-level{font-size:13px;color:var(--teal);letter-spacing:.1em;text-shadow:0 1px 3px #000}.hud-kills{font-size:13px;color:var(--dim);letter-spacing:.08em;text-shadow:0 1px 3px #000}.hud-pause{position:absolute;top:calc(44px + var(--sat));right:10px;pointer-events:auto;width:40px;height:40px;border-radius:50%;background:#0f0f18b3;border:1px solid var(--hairline);color:var(--dim);font-size:15px;display:flex;align-items:center;justify-content:center}.hud-boss{position:absolute;top:calc(78px + var(--sat));left:10%;right:10%;display:none}.hud-boss .name{text-align:center;color:var(--danger);font-size:12px;letter-spacing:.3em;margin-bottom:4px;text-shadow:0 1px 3px #000}.hud-boss .bar{height:7px;border-radius:4px;background:#d83a5e26;overflow:hidden}.hud-boss .bar>div{height:100%;width:100%;background:linear-gradient(90deg,#8e2040,var(--danger))}.stick{position:absolute;width:110px;height:110px;border-radius:50%;border:1.5px solid rgba(232,224,212,.22);display:none;z-index:4;pointer-events:none}.stick .nub{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#ffc46b38;border:1.5px solid rgba(255,196,107,.5);transform:translate(-50%,-50%)}.draft{position:absolute;inset:0;z-index:6;background:#020206b8;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.draft-title{color:var(--amber);letter-spacing:.34em;font-size:15px;margin-bottom:22px;text-transform:uppercase}.draft-cards{display:flex;flex-direction:column;gap:12px;width:min(86vw,420px)}.draft-card{background:var(--panel);border:1px solid var(--hairline);border-radius:13px;padding:16px 18px;cursor:pointer;transition:transform .08s,border-color .15s;animation:cardIn .3s ease both}.draft-card:nth-child(2){animation-delay:.07s}.draft-card:nth-child(3){animation-delay:.14s}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.draft-card:active{transform:scale(.97);border-color:var(--amber)}.draft-card .nm{font-size:17px;color:var(--ink)}.draft-card .nm .tag{font-size:11px;color:var(--amber);letter-spacing:.14em;margin-left:8px;text-transform:uppercase}.draft-card .ds{font-size:13.5px;color:var(--dim);margin-top:6px;line-height:1.45}.modal{position:absolute;inset:0;z-index:7;background:#020206cc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 26px}.modal h2{font-size:30px;letter-spacing:.24em;margin-bottom:6px}.modal h2.win{color:var(--amber);text-shadow:0 0 24px rgba(255,196,107,.4)}.modal h2.lose{color:var(--danger)}.modal .sub{color:var(--dim);font-size:14px;margin-bottom:24px;line-height:1.6;max-width:420px}.modal .stats{display:flex;gap:26px;margin-bottom:30px}.modal .stat{display:flex;flex-direction:column;gap:4px}.modal .stat .v{font-size:24px;color:var(--ink)}.modal .stat .k{font-size:11px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase}.modal .souls-earn{color:var(--amber);font-size:17px;margin-bottom:26px;letter-spacing:.06em}.modal .btns{display:flex;flex-direction:column;gap:12px}.altar-list{display:flex;flex-direction:column;gap:12px;width:min(86vw,420px);margin-bottom:26px}.altar-item{background:var(--panel);border:1px solid var(--hairline);border-radius:13px;padding:16px 18px;text-align:left;cursor:pointer}.altar-item.owned{opacity:.55;cursor:default}.altar-item .nm{font-size:16px;color:var(--ink);display:flex;justify-content:space-between}.altar-item .cost{color:var(--amber)}.altar-item .ds{font-size:13px;color:var(--dim);margin-top:5px}.weapon-pick{display:flex;gap:10px;margin-bottom:8px}.weapon-pick button{flex:1;font-size:14px;padding:12px 8px}.weapon-pick button.sel{border-color:var(--amber);color:var(--amber)}