@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-vietnamese-700-normal-CaKJSIny.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-700-normal-Cr1rw0mr.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/playfair-display-vietnamese-900-normal-wtaM1xIw.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-900-normal-dpsjWZtQ.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/playfair-display-latin-900-normal-oSb7_CWx.woff2) format("woff2"),url(/assets/playfair-display-latin-900-normal-DypQvTWf.woff) format("woff")}:root{--bg: #170f0a;--bg2: #22160e;--panel: #2b1c12;--panel2: #3b2718;--line: rgba(230, 184, 76, .28);--gold: #e6b84c;--gold2: #ffd77a;--red: #b3352c;--red2: #d9503f;--cream: #f6ead2;--paper: #efe0c0;--ink: #2a1b12;--muted: #bda78a;--green: #6aa84f;--blue: #4fa3d1;--purple: #9c5bd1;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Playfair Display", Georgia, "Times New Roman", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input,select{font-family:inherit}a{color:var(--gold2)}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:.01em}.app-bg{min-height:100%;background:radial-gradient(circle at 15% 0%,rgba(179,53,44,.22),transparent 45%),radial-gradient(circle at 90% 100%,rgba(230,184,76,.14),transparent 50%),repeating-radial-gradient(circle at 50% 120%,rgba(230,184,76,.035) 0 2px,transparent 2px 38px),var(--bg)}.screen{max-width:1180px;margin:0 auto;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(16px + var(--safe-left));animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.topbar h1{font-size:clamp(22px,4vw,34px);flex:1;min-width:200px}.panel{background:linear-gradient(180deg,#3b2718eb,#2b1c12f2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffd77a14;padding:18px}.paper{background:linear-gradient(180deg,#f5e8cc,#e8d6b0);color:var(--ink);border:1px solid #c9a86b;border-radius:var(--radius);box-shadow:var(--shadow)}.btn{appearance:none;border:1px solid rgba(255,215,122,.35);background:linear-gradient(180deg,#4a3220,#34231a);color:var(--cream);padding:12px 18px;min-height:46px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,filter .12s,box-shadow .12s;text-decoration:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ffd77a,#d59a2c);color:#2a1608;border-color:#fff0c2;box-shadow:0 4px 14px #e6b84c59}.btn.red{background:linear-gradient(180deg,#d9503f,#8f241d);border-color:#ff9a85}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:7px 12px;font-size:13px}.btn.block{width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e6b84c29;color:var(--gold2);border:1px solid rgba(230,184,76,.35)}.badge.red{background:#d9503f33;color:#ffb3a6;border-color:#d9503f73}.badge.blue{background:#4fa3d12e;color:#a6dbf7;border-color:#4fa3d166}.badge.green{background:#6aa84f33;color:#c6eab2;border-color:#6aa84f73}.badge.purple{background:#9c5bd133;color:#e1c4ff;border-color:#9c5bd173}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang-toggle button{background:transparent;color:var(--muted);border:0;padding:8px 12px;font-weight:800;cursor:pointer;min-width:44px;min-height:36px}.lang-toggle button.on{background:var(--gold);color:#2a1608}.coins{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--gold2)}.coin-ico{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff59d,#c49000);border:2px solid var(--ink);position:relative}.coin-ico:after{content:"";position:absolute;inset:4px;background:var(--ink);border-radius:2px}.menu-hero{position:relative;overflow:hidden;border-radius:20px;min-height:250px;display:flex;align-items:flex-end;padding:26px;margin-bottom:18px;border:1px solid var(--line)}.menu-hero canvas,.menu-hero .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-hero .title{position:relative;text-shadow:0 3px 16px rgba(0,0,0,.75)}.menu-hero h1{font-size:clamp(36px,7vw,68px);font-weight:900;color:var(--gold2);line-height:1;text-wrap:balance}.menu-hero p{margin:8px 0 0;font-size:clamp(14px,2.4vw,18px);color:var(--cream)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{text-align:left;border-radius:16px;padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,#4a2f1d,#2b1c12);color:var(--cream);cursor:pointer;min-height:140px;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .15s,box-shadow .15s}.mode-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 26px #00000073}.mode-card h3{font-size:22px;color:var(--gold2)}.mode-card.featured{background:linear-gradient(160deg,#8f241d,#3b1a12);border-color:#ff9a8580}.mode-card:disabled{cursor:not-allowed;filter:saturate(.6);opacity:.85}.menu-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin-top:14px}.menu-links .btn{justify-content:flex-start;min-height:54px}img{object-fit:contain}.nano-credit{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#00000038;color:var(--cream);text-align:left}.nano-credit img{flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.nano-credit strong{color:var(--gold2)}.nano-credit a{color:var(--gold2);font-weight:700}.nano-credit.compact{margin-top:8px;padding:8px 12px}.menu-links .btn img{width:28px;height:28px;border-radius:6px}.hero-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}.hero-list{display:flex;flex-direction:column;gap:8px}.hero-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:#0000002e;cursor:pointer;color:var(--cream);text-align:left;min-height:64px}.hero-item.on{border-color:var(--gold);background:#e6b84c1f}.hero-item img{width:56px;height:56px}.hero-item.locked img{filter:brightness(0) opacity(.55)}.hero-detail{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px}.hero-portrait{width:100%;aspect-ratio:1;border-radius:16px;background:radial-gradient(circle at 50% 60%,rgba(255,215,122,.25),transparent 60%),linear-gradient(180deg,#4a3220,#22160e);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.hero-portrait img{width:92%;height:92%;object-fit:contain;image-rendering:auto}.stage-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.stage-chip{border-radius:10px;border:1px solid var(--line);background:#00000040;padding:4px;cursor:pointer;color:var(--cream);display:flex;flex-direction:column;align-items:center;gap:2px}.stage-chip img{width:100%;aspect-ratio:1;object-fit:contain}.stage-chip.silhouette img{filter:brightness(0) opacity(.5)}.stage-chip.on{border-color:var(--gold);background:#e6b84c26}.skill-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed rgba(230,184,76,.15)}.skill-row img{width:44px;height:44px;flex:none}.note{border-left:3px solid var(--gold);padding:8px 12px;background:#0003;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.5}.note.fiction{border-color:var(--purple)}.quiz-card{max-width:720px;margin:0 auto}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quiz-answers .btn{min-height:64px;justify-content:flex-start;text-align:left}.progress{height:8px;background:#00000059;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .25s}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rec-card{text-align:center}.rec-card img{width:150px;height:150px}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs button{background:#00000040;border:1px solid var(--line);color:var(--muted);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700;min-height:42px}.tabs button.on{background:var(--gold);color:#2a1608;border-color:var(--gold2)}.lore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.lore-card{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;color:var(--cream);padding:0;display:flex;flex-direction:column;position:relative}.lore-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.lore-card .body{padding:12px;display:flex;flex-direction:column;gap:6px}.lore-card.locked{cursor:default}.lore-card.locked img{filter:grayscale(1) brightness(.35)}.lore-card .new{position:absolute;top:10px;right:10px}.reader{max-width:920px;margin:0 auto}.reader-panel{position:relative;border-radius:16px;overflow:hidden;border:1px solid #c9a86b}.reader-panel img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.reader-caption{padding:18px 20px;font-size:16px;line-height:1.65}.reader-caption h3{font-size:22px;margin-bottom:8px;color:#7a2a16}.dots{display:flex;gap:6px;justify-content:center}.dots span{width:9px;height:9px;border-radius:50%;background:#ffffff40}.dots span.on{background:var(--gold2)}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.beast{display:flex;gap:12px;align-items:flex-start}.beast img{width:84px;height:84px;flex:none;background:radial-gradient(circle,rgba(255,215,122,.18),transparent 70%);border-radius:12px}.beast.unseen img{filter:brightness(0) opacity(.5)}.ach-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ach{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#0003;border:1px solid rgba(230,184,76,.12)}.ach.done{border-color:#e6b84c80;background:#e6b84c14}.ach .medal{width:38px;height:38px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 35%,#fff3b0,#8d6e2a);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.ach:not(.done) .medal{background:#3a2a1e}table.board{width:100%;border-collapse:collapse}table.board th,table.board td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(230,184,76,.12);font-size:14px}table.board th{color:var(--muted);font-weight:600;font-size:12.5px}table.board img{width:30px;height:30px;vertical-align:middle;margin-right:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#0003;border:1px solid rgba(230,184,76,.12);min-height:58px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-wrap:wrap}.seg button{background:transparent;color:var(--muted);border:0;padding:8px 10px;cursor:pointer;font-weight:700;min-height:38px}.seg button.on{background:var(--gold);color:#2a1608}input[type=range]{accent-color:var(--gold);width:140px}.text-input{background:#0000004d;border:1px solid var(--line);color:var(--cream);border-radius:10px;padding:10px 12px;font-size:15px;min-height:44px}.dojo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.pips{display:flex;gap:4px}.pips span{width:14px;height:6px;border-radius:3px;background:#ffffff26}.pips span.on{background:var(--gold2)}.donate-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.donate-wrap img.qr{width:100%;max-width:320px;border-radius:14px;border:1px solid var(--line);display:block;margin:0 auto}.game-root{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:none;user-select:none}.game-canvas{position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font)}.hud *{pointer-events:none}.hud .interactive,.hud .interactive *,.hud .modal-backdrop,.hud .modal-backdrop *{pointer-events:auto}.hud-tl{position:absolute;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));display:flex;gap:10px;align-items:center}.hud-portrait{width:62px;height:62px;border-radius:14px;background:radial-gradient(circle at 50% 60%,#ffd77a4d,#140c08d9);border:2px solid var(--gold);position:relative}.hud-portrait img{width:100%;height:100%}.hud-portrait .lvl{position:absolute;bottom:-8px;right:-8px;background:var(--red);border:2px solid var(--gold2);color:#fff;font-weight:800;font-size:13px;border-radius:999px;min-width:30px;height:26px;display:flex;align-items:center;justify-content:center;padding:0 6px}.bars{display:flex;flex-direction:column;gap:5px;width:min(250px,38vw)}.bar{position:relative;height:16px;border-radius:999px;background:#140c08cc;border:2px solid rgba(42,27,18,.95);overflow:hidden}.bar>i{position:absolute;inset:0;transform-origin:left;border-radius:999px;transition:transform .15s}.bar.hp>i{background:linear-gradient(180deg,#ff8a80,#c62828)}.bar.shield>i{background:linear-gradient(180deg,#fff59d,#f9a825);opacity:.8}.bar.xp{height:10px}.bar.xp>i{background:linear-gradient(90deg,#4fc3f7,#81d4fa)}.bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.stage-label{font-size:12px;font-weight:700;color:var(--gold2);text-shadow:0 1px 3px #000}.hud-tc{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.clock{font-family:var(--display);font-size:30px;font-weight:900;color:#fff;text-shadow:0 2px 6px #000,0 0 2px #000;line-height:1}.phase-pill{display:inline-flex;gap:6px;align-items:center;background:#140c08b8;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700}.phase-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff59d,#ff9800)}.phase-dot.night{background:radial-gradient(circle at 35% 35%,#eceff1,#90a4ae);box-shadow:inset -3px -1px #455a64}.phase-dot.moon{background:radial-gradient(circle at 40% 40%,#fffde7,#fff176);box-shadow:0 0 10px #fff59d}.boss-bar{width:min(460px,70vw);text-align:center}.boss-bar .bar{height:14px}.boss-bar .bar>i{background:linear-gradient(180deg,#ff5252,#8e0000)}.boss-name{font-family:var(--display);font-weight:900;color:#ffcdd2;text-shadow:0 2px 4px #000;font-size:15px}.hud-tr{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stat-chip{display:inline-flex;gap:6px;align-items:center;background:#140c08b8;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.leader{background:#140c08b8;border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:200px;font-size:12.5px}.leader .r{display:flex;gap:6px;align-items:center;padding:2px 0}.leader .r.you{color:var(--gold2);font-weight:800}.leader img{width:20px;height:20px}.hud-bottom{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:flex-end}.skill-slot{width:46px;height:46px;position:relative;border-radius:10px}.skill-slot img{width:100%;height:100%;border-radius:10px}.skill-slot .cd{position:absolute;left:0;right:0;bottom:0;background:#0009;border-radius:0 0 10px 10px}.skill-slot .lv{position:absolute;top:-6px;right:-6px;background:var(--ink);border:1px solid var(--gold);color:var(--gold2);font-size:10.5px;font-weight:800;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.passive-slot{width:30px;height:30px;position:relative}.passive-slot img{width:100%;height:100%;border-radius:7px}.ult-btn{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));width:92px;height:92px;border-radius:50%;border:3px solid rgba(42,27,18,.95);background:conic-gradient(var(--gold2) calc(var(--p) * 1%),rgba(20,12,8,.8) 0);display:flex;align-items:center;justify-content:center;cursor:pointer}.ult-btn .inner{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5a3a22,#22160e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:800;color:var(--cream);line-height:1.15;padding:4px}.ult-btn.ready{animation:pulse 1s infinite}.ult-btn.ready .inner{background:radial-gradient(circle at 40% 35%,#ffd77a,#c0392b);color:#fff;text-shadow:0 1px 2px #000}@keyframes pulse{0%,to{box-shadow:0 0 #ffd77a99}50%{box-shadow:0 0 0 12px #ffd77a00}}.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 10px;border-radius:999px;background:#140c08c7;border:1px solid var(--gold);color:var(--cream);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.menu-btn:hover{background:#3b2718e6}.menu-btn .burger{display:inline-flex;flex-direction:column;gap:3px}.menu-btn .burger i{display:block;width:16px;height:2px;background:var(--gold2);border-radius:2px}.modal-backdrop.see-through{background:#0a060459}.banners{position:absolute;top:26%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,720px)}.banner{text-align:center;animation:bannerIn .35s ease-out}.banner .t{font-family:var(--display);font-weight:900;font-size:clamp(20px,4.2vw,34px);text-shadow:0 3px 10px #000,0 0 2px #000}.banner .s{font-size:14px;font-weight:600;color:var(--cream);text-shadow:0 2px 6px #000;margin-top:2px}.banner.gold .t{color:var(--gold2)}.banner.red .t{color:#ff8a80}.banner.blue .t{color:#b3e5fc}.banner.green .t{color:#c5e1a5}.banner.purple .t{color:#e1bee7}@keyframes bannerIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.toasts{position:absolute;right:calc(12px + var(--safe-right));bottom:calc(126px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:min(340px,80vw)}.toast{background:linear-gradient(180deg,#4a3220f5,#22160ef5);border:1px solid var(--gold);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);animation:toastIn .3s ease-out;display:flex;gap:10px;align-items:center}.toast .k{font-size:11px;color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.toast .ti{font-weight:800;font-size:14px}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.modal-backdrop{position:absolute;inset:0;background:#08050399;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;z-index:10}.modal-backdrop.light{background:#08050340;align-items:flex-end;padding-bottom:calc(80px + var(--safe-bottom))}.level-modal{width:min(880px,100%);pointer-events:auto}.level-modal h2{text-align:center;font-size:clamp(24px,4vw,36px);color:var(--gold2);text-shadow:0 3px 10px #000}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.choice{text-align:left;background:linear-gradient(180deg,#4a3220,#2b1c12);border:2px solid rgba(230,184,76,.45);border-radius:16px;padding:14px;color:var(--cream);cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .12s,border-color .12s;min-height:170px;animation:fadeIn .25s ease-out both}.choice:hover{transform:translateY(-3px);border-color:var(--gold2)}.choice.synergy{border-color:#ffd54f;background:linear-gradient(180deg,#6b4510,#2b1c12);box-shadow:0 0 22px #ffd54f59}.choice.unique{border-color:#e1bee7;background:linear-gradient(180deg,#4a2550,#2b1c12)}.choice .head{display:flex;gap:10px;align-items:center}.choice img{width:52px;height:52px;flex:none}.choice h4{margin:0;font-size:16px;font-weight:800}.choice p{margin:0;font-size:13.5px;line-height:1.45;color:#f1dfc0}.choice .key{margin-top:auto;font-size:11px;color:var(--muted)}.mp-choices .choices{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-choices .choice{min-height:0;padding:10px}.mp-choices .choice p{display:none}.joystick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0000002e}.joystick i{position:absolute;width:54px;height:54px;left:33px;top:33px;border-radius:50%;background:#ffd77a8c;border:2px solid rgba(255,255,255,.6)}.touch-zone{position:absolute;left:0;top:0;bottom:0;width:60%}.result{max-width:820px;margin:0 auto}.result-head{display:flex;gap:18px;align-items:center}.result-head img{width:150px;height:150px;flex:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stat{background:#00000038;border-radius:12px;padding:12px;border:1px solid rgba(230,184,76,.14)}.stat b{display:block;font-size:22px;color:var(--gold2);font-family:var(--display)}.loading{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;text-align:center}.drum-logo{width:120px;height:120px;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fps{position:absolute;bottom:calc(6px + var(--safe-bottom));left:calc(8px + var(--safe-left));font-size:11px;color:#fff;opacity:.8;text-shadow:0 1px 2px #000}.protect-pill{background:#4fa3d14d;border:1px solid rgba(129,212,250,.7);color:#e1f5fe;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700}@media(max-width:900px){.menu-grid,.hero-layout{grid-template-columns:1fr}.hero-list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.hero-item{min-width:200px}.hero-detail{grid-template-columns:1fr}.hero-portrait{max-width:300px;margin:0 auto}.rec-grid,.settings-grid,.donate-wrap,.choices{grid-template-columns:1fr}.choice{min-height:0}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.quiz-answers{grid-template-columns:1fr}.clock{font-size:24px}.hud-portrait{width:50px;height:50px}.skill-slot{width:36px;height:36px}.passive-slot{display:none}.leader{min-width:0}.result-head img{width:100px;height:100px}.ult-btn{width:84px;height:84px}.ult-btn .inner{width:68px;height:68px}.hud-bottom{left:16px;transform:none;flex-wrap:wrap;max-width:calc(100% - 120px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.rotate-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));text-align:center;background:radial-gradient(circle at 50% 30%,rgba(230,184,76,.18),transparent 60%),var(--bg);color:var(--cream);touch-action:none}.rotate-overlay h2{font-size:22px;color:var(--gold2)}.rotate-overlay p{margin:0;max-width:320px;color:var(--muted);font-size:14px;line-height:1.5}.rotate-logo{width:min(220px,60vw)}.rotate-phone{width:44px;height:72px;border:3px solid var(--gold2);border-radius:9px;animation:rotatePhone 2.2s ease-in-out infinite}@keyframes rotatePhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.pwa-hint-backdrop{position:fixed;inset:0;z-index:900;display:flex;align-items:flex-end;justify-content:center;padding:16px calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#08050373}.panel.pwa-hint{display:flex;gap:16px;align-items:flex-start;width:min(520px,100%);max-height:calc(100% - 8px);overflow-y:auto;padding:16px 18px}.pwa-hint-icon{width:64px;height:64px;border-radius:15px;flex:none;box-shadow:0 4px 12px #00000059}.pwa-hint-body h3{font-size:19px;color:var(--gold2)}.pwa-hint-body p{margin:6px 0 8px;font-size:14px;line-height:1.45}.pwa-hint-body ol{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.7}.share-glyph{width:15px;height:18px;vertical-align:-3px;color:#3d8bfd}:root{--bg: #f3e7cf;--bg2: #eadbbc;--panel: #fffaf0;--panel2: #f6ecd6;--line: rgba(150, 110, 40, .38);--gold: #c9a227;--gold2: #95700f;--red: #c0392b;--red2: #a93226;--cream: #261708;--paper: #fffaf0;--ink: #241607;--muted: #4d3925;--outline-dark: 0 0 2px #1a0f06, 0 1px 2px #1a0f06, 0 0 6px rgba(0, 0, 0, .7);--jade: #2f8f83;--jade-soft: #cfe8e2;--shadow: 0 8px 24px rgba(110, 74, 24, .18);color-scheme:light}.app-bg{background:linear-gradient(180deg,#fbf5e8d1,#f3e7cff0),url(/art/bg/menu.webp) center top / cover fixed,var(--bg)}.panel,.setting,.ach,.stat,.note{background:var(--panel) padding-box;border:22px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 22px stretch;border-radius:0;box-shadow:none;color:var(--cream)}.panel{padding:4px}.setting,.ach,.stat,.note{border-width:14px;border-image-width:14px;padding:0 4px}.ach.done{background:#fff4d6}.ach:not(.done) .medal{background:#d9c9a8}.btn{background:transparent;border:14px solid transparent;border-image:url(/art/ui/chip.webp) 40 56 fill / 14px 20px stretch;border-radius:0;padding:0 6px;min-height:48px;color:var(--ink);text-shadow:none}.btn.primary,.btn.red{border-image-source:url(/art/ui/btn_primary.webp);border-image-slice:46 60 fill;background:transparent;border-color:transparent;color:#fffaf0;text-shadow:0 1px 2px rgba(80,10,0,.6);box-shadow:none}.btn.ghost{border-image:none;border-color:transparent}.btn.small{min-height:38px;background:transparent;border-width:10px;border-image-width:10px 15px;border-radius:0;font-size:14px}.btn:hover:not(:disabled){filter:brightness(1.05) saturate(1.08)}.badge{background:#fff3d6;border-color:#c9a22799;color:#6b4b0e}.badge.red{background:#fde3df;color:#9e2a1f;border-color:#c0392b80}.badge.blue{background:#dcf0fa;color:#135a7e;border-color:#4fa3d18c}.badge.green{background:#e2f2d9;color:#2f6b1c;border-color:#6aa84f8c}.badge.purple{background:#efe1fb;color:#5b2c86;border-color:#9c5bd180}.lang-toggle,.seg,.tabs{background:#fff8ea;border-color:#c9a2278c}.lang-toggle button,.seg button,.tabs button{color:var(--muted);background:transparent}.lang-toggle button.on,.seg button.on,.tabs button.on{background:var(--jade);color:#fffaf0}.text-input{background:#fffdf7;color:var(--ink);border:1px solid rgba(150,110,40,.45)}.progress,.pips span{background:#785a282e}.coin-ico{background:url(/art/icon/coin.webp) center / contain no-repeat;border:none;border-radius:0;box-shadow:none;flex:none}.coin-ico:after{content:none}.coins{gap:7px;padding:5px 13px 5px 5px;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#fbefd4);border:1px solid rgba(201,162,39,.55);box-shadow:inset 0 0 0 2px #fffaf0e6,inset 0 0 0 3px #c9a22740;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.coins .coin-ico{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(90,60,10,.35))}table.board th,table.board td{border-bottom-color:#966e2838}.skill-row{border-bottom-color:#966e2840}.menu-hero{border:none;min-height:300px;align-items:center;box-shadow:var(--shadow)}.menu-hero .title{text-shadow:none;display:flex;gap:18px;align-items:center;background:#fffaf0db padding-box;border:16px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 16px stretch;padding:6px 10px}.menu-hero .title .logo{width:clamp(84px,14vw,130px);height:auto;flex:none}.menu-hero h1{color:var(--red2)}.menu-hero p{color:var(--muted)}.mode-card{background:#2b1c12 var(--art) center 66% / cover no-repeat;border:3px solid #e9cf86;color:#fffaf0;min-height:210px;justify-content:flex-end;overflow:hidden;box-shadow:var(--shadow)}.mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#140c0500 12%,#140c058c 45%,#140c05e6)}.mode-card>*{position:relative}.mode-card h3{color:#ffe08a;text-shadow:var(--outline-dark),0 2px 10px rgba(0,0,0,.9)}.mode-card .small,.mode-card .tiny{color:#fffaf0;font-weight:700;line-height:1.45;text-shadow:var(--outline-dark)}.mode-card.featured{background:#2b1c12 var(--art) center 66% / cover no-repeat;border-color:#ffcf6a}.menu-links .btn img{width:30px;height:30px;border-radius:0}.hero-item,.stage-chip{background:#fffaf0;border-color:#c9a22773}.hero-item.on,.stage-chip.on{background:#fff0c8;border-color:var(--gold)}.hero-portrait{background:radial-gradient(circle at 50% 62%,#ffecaae6,#fffaf000 62%),url(/art/bg/menu.webp) center 70% / cover;border:3px solid #e9cf86}.beast img{background:radial-gradient(circle,rgba(201,162,39,.22),transparent 70%)}.dots span{background:#785a284d}.hud{--cream: #fff8ea;--muted: #eadbbd;--gold2: #ffd77a;--line: rgba(255, 214, 120, .5);color:var(--cream)}.hud-portrait{width:68px;height:68px;border:none;border-radius:50%;background:radial-gradient(circle at 50% 60%,#fff3cf,#d9b66a)}.hud-portrait img{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:50%;object-fit:cover;object-position:50% 12%}.hud-portrait:after{content:"";position:absolute;inset:-4px;background:url(/art/ui/portrait_ring.webp) center / 100% 100% no-repeat;pointer-events:none}.hud-portrait .lvl{z-index:1}.bar{overflow:visible;border:none;background:#1e1208b3}.bar>i{border-radius:999px}.bar.hp:after,.bar.xp:after{content:"";position:absolute;inset:-5px -15px;border:solid transparent;border-width:7px 22px;border-image:url(/art/ui/bar_frame.webp) 26 92 / 7px 22px stretch;pointer-events:none}.bar span{z-index:1}.boss-bar .bar:after{content:"";position:absolute;inset:-9px -34px;border:solid transparent;border-width:11px 40px;border-image:url(/art/ui/boss_bar.webp) 48 150 / 11px 40px stretch;pointer-events:none}.skill-slot,.passive-slot{background:url(/art/ui/skill_slot.webp) center / 100% 100% no-repeat;border-radius:8px}.skill-slot img,.passive-slot img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.skill-slot .cd{inset:auto 5px 5px;border-radius:4px}.ult-btn{border:none;background:conic-gradient(#ffd77a calc(var(--p) * 1%),#1e12088c 0);padding:5px;width:100px;height:100px}.ult-btn .inner{width:100%;height:100%;position:relative;isolation:isolate;background:none;color:#fffaf0;font-size:12px;text-shadow:var(--outline-dark)}.ult-btn .inner:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/ui/kithe_drum.webp) center / 100% 100% no-repeat;filter:grayscale(.55) brightness(.8)}.ult-btn.ready .inner{background:none}.ult-btn.ready .inner:before{filter:none}.menu-btn{border-color:#e9cf86}.menu-btn .ico{width:20px;height:18px}.stat-chip img{width:18px;height:18px}.toast{background:#fffaf0 padding-box;border:16px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 16px stretch;color:var(--ink);box-shadow:0 8px 22px #00000059}.toast .k{color:#95700f}.hud .modal-backdrop{--cream: #261708;--muted: #4d3925;--gold2: #95700f;--line: rgba(150, 110, 40, .38);color:var(--cream)}.modal-backdrop{background:#281a0a73}.modal-backdrop.see-through{background:#281a0a40}.modal-backdrop .panel{position:relative}.modal-backdrop .panel .crane{position:absolute;right:-18px;top:-40px;width:64px;pointer-events:none}.choice{background:#fffaf0 padding-box;border:18px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 18px stretch;border-radius:0;color:var(--ink);padding:2px 6px}.choice p{color:#3a2716}.choice.synergy{background:#fff1c9 padding-box;border-image-source:url(/art/ui/menu_card.webp);box-shadow:0 0 22px #ffc43c8c}.choice.unique{background:#f6ecff;box-shadow:0 0 20px #9c5bd159}.choice .tiny,.choice .muted{color:var(--muted)}@media(min-width:901px){.choice{border-width:0;border-image:none;background:url(/art/ui/card_frame.webp) center / 100% 100% no-repeat;padding:64px 30px 70px;min-height:330px}.choice.synergy,.choice.unique{background:url(/art/ui/card_frame.webp) center / 100% 100% no-repeat}}.levelup-title,.result-title,.level-modal h2.levelup-title{background:url(/art/ui/ribbon.webp) center / 100% 100% no-repeat;--rw: min(620px, 94vw);width:var(--rw);aspect-ratio:927 / 180;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:calc(var(--rw) * .025) calc(var(--rw) * .2) calc(var(--rw) * .059);box-sizing:border-box;font-size:clamp(19px,3.6vw,30px);line-height:1;white-space:nowrap;color:#fff3c4;text-shadow:0 2px 0 #7a1a10,0 0 3px #7a1a10,0 0 10px rgba(255,200,80,.55)}.level-modal>.small{color:#fff8ea!important;font-weight:700;margin-top:4px}.divider-art{height:18px;background:url(/art/ui/divider.webp) center / contain no-repeat;margin:6px 0}.skill-slot,.passive-slot{border:none;padding:0;cursor:pointer}.skill-slot.on,.passive-slot.on{outline:2px solid #ffd77a;outline-offset:2px}.hud-portrait.interactive{cursor:pointer}.skill-tip{position:absolute;left:50%;bottom:calc(76px + var(--safe-bottom));transform:translate(-50%);width:min(360px,92vw);background:#fffaf0 padding-box;border:16px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 16px stretch;color:var(--ink);font-size:13.5px;box-shadow:0 10px 26px #00000059;animation:fadeIn .15s ease-out}.skill-tip p{margin:6px 0;color:#3a2716}.skill-tip .muted,.skill-tip .tiny{color:var(--muted)}.tip-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-weight:700;color:#7a2a16}.sheet-panel{width:min(900px,100%);max-height:88vh;overflow:auto;gap:12px}.sheet-panel h3{font-size:17px;color:#a93226;margin-top:4px}.sheet-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.sheet-portrait{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 60%,#fff3cf,#e6cf96);border:3px solid #e9cf86}.stat-grid{display:grid;grid-template-columns:1fr;gap:4px}.stat-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:4px 6px;border-bottom:1px dashed rgba(150,110,40,.28);font-size:14px}.sheet-item{display:flex;gap:10px;align-items:center;padding:6px 8px;background:#fff3d6b3;border:1px solid rgba(201,162,39,.35);border-radius:10px}.effect{padding:6px 10px;border-radius:10px;border:1px solid rgba(106,168,79,.5);background:#eef7e6}.effect.debuff{border-color:#c0392b73;background:#fdecea}@media(max-width:700px){.sheet-grid{grid-template-columns:1fr}}.nano-credit{background:var(--panel) padding-box;border:14px solid transparent;border-image:url(/art/ui/menu_card.webp) 70 fill / 14px stretch;border-radius:0;color:var(--ink);box-shadow:var(--shadow)}.nano-credit strong,.nano-credit a{color:var(--red2)}.nano-credit .small{color:var(--muted)}.boss-warning{position:absolute;inset:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:bw-life 3.4s ease forwards}.boss-warning .bw-edge{position:absolute;inset:0;box-shadow:inset 0 0 90px 26px #d61818bf;animation:bw-pulse .55s ease-in-out infinite alternate}.boss-warning .bw-banner{position:relative;display:flex;align-items:center;gap:clamp(10px,2vw,18px);--rw: min(640px, 92vw);width:var(--rw);aspect-ratio:927 / 180;padding:calc(var(--rw) * .025) calc(var(--rw) * .14) calc(var(--rw) * .059) calc(var(--rw) * .27);box-sizing:border-box;background:url(/art/ui/ribbon.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 6px 18px rgba(80,0,0,.55));animation:bw-in .45s cubic-bezier(.2,1.4,.4,1) both,bw-shake .12s linear .45s 6}.boss-warning .bw-portrait{position:absolute;left:11%;bottom:24%;height:112%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,82,82,.9))}.boss-warning .bw-text{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.05}.boss-warning .bw-title{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(22px,4.6vw,38px);letter-spacing:.12em;text-transform:uppercase;color:#fff3c4;text-shadow:0 2px 0 #5d0f0f,0 0 14px rgba(255,82,82,.9);animation:bw-blink .4s steps(2,jump-none) infinite}.boss-warning .bw-sub{font-weight:800;font-size:clamp(13px,2.4vw,18px);color:#ffe9b0;text-shadow:0 1px 0 #5d0f0f,0 0 6px #5d0f0f}@keyframes bw-life{0%,85%{opacity:1}to{opacity:0}}@keyframes bw-pulse{0%{opacity:.35}to{opacity:1}}@keyframes bw-in{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bw-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@keyframes bw-blink{0%{opacity:1}to{opacity:.55}}@media(prefers-reduced-motion:reduce){.boss-warning .bw-edge,.boss-warning .bw-banner,.boss-warning .bw-title{animation:none}}html,body,#root{font-weight:500;text-rendering:optimizeLegibility}p,.small,.tiny{font-weight:600;line-height:1.5}.small{font-size:13.5px}.tiny{font-size:12.5px}b,strong{font-weight:800}.badge{font-size:12.5px;font-weight:800}.lang-toggle button,.seg button,.tabs button{font-weight:700}.lang-toggle button.on,.seg button.on,.tabs button.on{font-weight:800}.hero-item.locked,.stage-chip.silhouette,.lore-card.locked .body,.ach:not(.done){opacity:.55}.hud .stage-label,.hud .tiny,.hud .small{text-shadow:var(--outline-dark)}.hud .stage-label{font-size:12.5px;font-weight:800}.hud .bar span{font-size:11px;text-shadow:var(--outline-dark)}.hud .modal-backdrop .tiny,.hud .modal-backdrop .small,.hud .panel .tiny,.hud .panel .small,.hud .toast .tiny,.hud .toast .small,.hud .skill-tip .tiny,.hud .skill-tip .small{text-shadow:none}.hud-top{position:absolute;top:calc(8px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"tl tc tr" "boss boss boss";align-items:start;column-gap:12px;row-gap:2px;pointer-events:none}.hud-top .hud-tl,.hud-top .hud-tc,.hud-top .hud-tr{position:static;transform:none;min-width:0}.hud-top .hud-tl{grid-area:tl}.hud-top .hud-tc{grid-area:tc;gap:4px}.hud-top .hud-tr{grid-area:tr;justify-self:end}.hud-top .hud-tr>.row{flex-wrap:wrap;justify-content:flex-end}.time-plaque{display:flex;flex-direction:column;align-items:center;gap:1px;justify-content:center;padding:2px 12px 4px;border:10px solid transparent;border-image:url(/art/ui/chip.webp) 40 56 fill / 10px 18px stretch;filter:drop-shadow(0 3px 6px rgba(40,20,5,.35))}.time-plaque .clock{font-size:24px;line-height:1;color:#8e1b12;text-shadow:0 1px 0 #fff6dc}.phase-line{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.1;font-weight:800;color:#4a2e18;white-space:nowrap}.phase-line .phase-dot{box-shadow:0 0 0 1.5px #c9a227}.boss-soon{font-size:12.5px;font-weight:800;color:#fff3c4;padding:3px 12px;border-radius:999px;background:linear-gradient(180deg,#c0392b,#8e1b12);border:1.5px solid #e9cf86;box-shadow:0 2px 6px #3c0a0066;animation:bw-pulse .7s ease-in-out infinite alternate}.hud .stat-chip{background:transparent;border:10px solid transparent;border-image:url(/art/ui/chip.webp) 40 56 fill / 10px 14px stretch;border-radius:0;min-height:36px;padding:0 8px;justify-content:center;line-height:1;color:#3b2615;font-weight:800;filter:drop-shadow(0 2px 4px rgba(40,20,5,.3))}.hud .menu-btn{background:transparent;border:12px solid transparent;border-image:url(/art/ui/btn_primary.webp) 46 60 fill / 12px 16px stretch;border-radius:0;min-height:40px;padding:0 8px;justify-content:center;line-height:1;color:#fffaf0;text-shadow:0 1px 2px rgba(80,10,0,.6);filter:drop-shadow(0 2px 4px rgba(40,20,5,.35))}.hud .menu-btn:hover{background:transparent;filter:drop-shadow(0 2px 4px rgba(40,20,5,.35)) brightness(1.08)}.hud-top .boss-bar{grid-area:boss;justify-self:center;width:min(380px,46vw);margin-top:6px;padding:0 15px}.bar.boss{height:18px}.bar.boss>i{background:linear-gradient(180deg,#ff7a6b,#d32f2f,#8e0000);box-shadow:inset 0 1px #ffffff4d}.bar.boss:after{content:"";position:absolute;inset:-5px -15px;border:solid transparent;border-width:7px 22px;border-image:url(/art/ui/bar_frame.webp) 26 92 / 7px 22px stretch;pointer-events:none}.bar.boss span{font-family:var(--display);font-size:12px;line-height:1;letter-spacing:.02em;color:#fff3c4;text-shadow:0 1px 0 #5d0f0f,0 0 4px #5d0f0f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}@media(max-width:960px){.hud-top .bars{width:min(250px,27vw)}.hud .stat-chip .lbl,.hud .menu-btn .lbl{display:none}.hud .menu-btn{padding:0 2px}}@media(max-height:520px){.time-plaque{border-width:8px;border-image-width:8px 14px;padding:1px 10px 3px}.time-plaque .clock{font-size:19px}.phase-line{font-size:11px}.hud-top .boss-bar{width:min(320px,44vw);margin-top:4px}}@media(max-width:600px){.hud-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tl tr" "tc tc" "boss boss"}.hud-top .hud-tc{justify-self:center}.time-plaque{border-width:8px;border-image-width:8px 14px;padding:1px 10px 3px}.time-plaque .clock{font-size:20px}}@media(max-width:480px){.phase-line .season{display:none}.hud .stat-chip{min-height:32px;font-size:12px}.hud .menu-btn{min-height:36px;font-size:13px}}.hud-top .stage-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-modal .level-hint{text-align:center;font-weight:800;color:#fff8ea;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.6)}.level-modal .level-chest{text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(20px,3.2vw,28px);color:#ffe082;text-shadow:0 2px 0 #6d1a0a,0 0 12px rgba(255,179,0,.7)}