*{box-sizing:border-box}html,body{margin:0;height:100%;background:#040f1a;color:#dff6ff;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#game canvas{display:block}#root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui{position:absolute;top:0;right:0;bottom:0;left:0}.ui.menu,.ui.codex,.ui.records,.ui.settings,.ui.levelup,.ui.dead,.ui.paused,.ui.lineage,.ui.final,.ui.stageclear,.ui.branch,.ui.shop,.ui.privacy{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.dim{color:#8fb3c4}.small{font-size:12px}h2 small,h3 small{font-weight:400;color:#8fb3c4;font-size:13px;margin-left:6px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(1200px 700px at 50% 40%,#14466499,#040f1af2);padding:30px;overflow:auto}.screen.sub{justify-content:flex-start;padding-top:40px;touch-action:pan-y}.screen.sub h2{margin:0}.title{display:flex;flex-direction:column;align-items:center;line-height:1}.title .t1{font-size:72px;font-weight:900;letter-spacing:.18em;background:linear-gradient(180deg,#e8fbff,#62f1ff 60%,#2fa9c9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(98,241,255,.25)}.title .t2{font-size:16px;letter-spacing:.5em;color:#8fb3c4;margin-top:10px}.tag{text-align:center;color:#b9dbe8;line-height:1.7;margin:4px 0 10px}.menu-btns{display:flex;flex-direction:column;gap:10px;width:320px}.menu-btns.row{flex-direction:row;width:auto;justify-content:center}.big{padding:13px 22px;border-radius:12px;border:1px solid rgba(174,240,255,.3);background:#0a283cbf;font-size:15px;font-weight:700;letter-spacing:.02em;transition:.12s;display:flex;justify-content:space-between;align-items:center;gap:10px}.big small{color:#8fb3c4;font-weight:500}.big:hover{background:#144664e6;border-color:#62f1ff;transform:translateY(-1px)}.big.primary{background:linear-gradient(180deg,#2fc7e6,#1c8fb0);border-color:#62f1ff;color:#04202c;justify-content:center}.big.primary:hover{background:linear-gradient(180deg,#5ad8f2,#2aa6c8)}.big.danger{border-color:#ff787866;color:#ffb3b3}.best{color:#8fb3c4;font-size:13px;margin-top:6px}.keys{position:absolute;bottom:22px;color:#5f8ba0;font-size:12.5px;letter-spacing:.04em}.hud{position:absolute;pointer-events:none}.hud.tl{left:18px;top:16px;width:260px;display:flex;flex-direction:column;gap:6px}.hud.tc{left:50%;top:14px;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;width:560px}.hud.tr{right:18px;top:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hud.bottom{left:50%;bottom:16px;transform:translate(-50%);width:min(900px,92vw);display:flex;flex-direction:column;gap:6px;align-items:center}.hud.bottom.compact{bottom:8px;gap:3px;opacity:.78}.hud.bottom.compact .slots{gap:4px}.hud.bottom.compact .slot{width:34px;height:34px;border-radius:8px;border-width:1.5px;gap:0;background:#0414208c}.hud.bottom.compact .slot span{font-size:15px;transform:translateY(-3px)}.hud.bottom.compact .slot b{display:none}.hud.bottom.compact .slot i{position:absolute;right:2px;bottom:1px;font-size:8.5px;line-height:1;color:#ffe08a;text-shadow:0 1px 2px #000}.hud.bottom.compact .slot.act span{font-size:9px}.hud.bottom.compact .slot.act b{display:none}.hud.bottom.compact .slot.act i{position:static;font-size:10px;color:#fff}.hud.bottom.compact .slot.syn span{font-size:13px}.hud.bottom.compact .xp{height:7px}.hud.bottom.compact .xp span{display:none}.hud.bottom.min{bottom:6px;gap:3px;opacity:.6}.hud.bottom.min .slots{gap:4px}.hud.bottom.min .slot{display:none}.hud.bottom.min .slot.act{display:flex;width:34px;height:30px;gap:0;background:#04142080}.hud.bottom.min .slot.act span{font-size:9px}.hud.bottom.min .slot.act b{display:none}.hud.bottom.min .slot.act i{font-size:10px;color:#fff}.hud.bottom.min .xp{height:5px}.hud.bottom.min .xp span{display:none}.bar{position:relative;height:18px;border-radius:9px;background:#041420b3;border:1px solid rgba(174,240,255,.25);overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;transition:width .15s}.bar.hp i{background:linear-gradient(90deg,#ff6a6a,#ff9c6b)}.bar.en i{background:linear-gradient(90deg,#62f1ff,#9effa0)}.bar.en.starving i{background:#5f6b73}.bar.en.starving span{color:#ffb3b3}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11.5px;font-weight:700;line-height:17px;padding-left:8px;text-shadow:0 1px 2px #000}.row{display:flex;justify-content:space-between;gap:10px}.row.small{font-size:12px;color:#b9dbe8}.env{font-size:13px;font-weight:700;background:#04142099;padding:4px 12px;border-radius:999px;border:1px solid rgba(174,240,255,.2)}.alert{font-size:14px;font-weight:800;color:#ffe08a;background:#281e04b3;padding:6px 14px;border-radius:10px;border:1px solid rgba(255,224,138,.35);animation:pop .25s ease-out}.alert.elite{color:#ff9a4a;border-color:#ff9a4a80;background:#321204cc;animation:pop .25s ease-out,blink 1s infinite}@keyframes blink{50%{opacity:.6}}.minimap{border-radius:50%;box-shadow:0 0 0 2px #aef0ff33}.cname{font-size:14px;font-weight:800}.time{font-size:12px;color:#b9dbe8}.combo{position:absolute;right:28px;top:220px;text-align:right;pointer-events:none;animation:pop .15s}.combo .n{font-size:30px;font-weight:900;color:#ffe08a;text-shadow:0 0 18px rgba(255,224,138,.5);line-height:1}.combo .n small{font-size:12px;letter-spacing:.2em;color:#ffcf4a}.combo .n em{display:block;font-size:14px;color:#ff9a4a;font-style:normal}.combo.frenzy .n{color:#ff9a4a;animation:blink .4s infinite}.combo .cb{height:5px;width:120px;background:#ffffff26;border-radius:3px;margin-top:4px;margin-left:auto;overflow:hidden}.combo .cb i{display:block;height:100%;background:#ffcf4a}.slots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.slot{position:relative;width:76px;height:58px;border-radius:10px;border:1.5px solid rgba(174,240,255,.3);background:#041420b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10.5px}.slot span{font-size:16px;line-height:1}.slot b{font-size:10.5px;white-space:nowrap}.slot i{font-style:normal;color:#ffe08a;font-size:10.5px}.slot.act span{font-size:10px;color:#8fb3c4;font-weight:700}.slot.cd{opacity:.55}.slot.cd i{color:#fff}.slot.syn{border-color:#ffcf4a;color:#ffe08a}.xp{position:relative;width:100%;height:16px;border-radius:8px;background:#041420bf;border:1px solid rgba(98,241,255,.35);overflow:hidden}.xp i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2fa9c9,#62f1ff,#c88cff);transition:width .12s}.xp span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;font-weight:700;line-height:15px;text-shadow:0 1px 2px #000}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:fade .2s}.overlay.center{padding:20px}.panel{background:#06182aeb;border:1px solid rgba(174,240,255,.3);border-radius:16px;padding:24px 28px;min-width:320px;max-width:92vw;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #00000080;max-height:92vh;overflow:auto}.panel.wide{width:760px}.panel h2{margin:0;font-size:22px}.panel h3{margin:8px 0 2px;font-size:14px;color:#8fb3c4}.lineage{display:flex;gap:4px;flex-wrap:wrap}.lineage .st{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid rgba(174,240,255,.15);width:68px;font-size:11px;color:#8fb3c4}.lineage .st b{font-size:14px}.lineage .st.done{border-color:#62f1ff;color:#dff6ff}.lineage .st.now{background:#62f1ff2e;border-color:#62f1ff;color:#fff}.genelist{display:flex;flex-direction:column;gap:4px}.gl{display:flex;gap:10px;align-items:baseline;font-size:13px;padding:5px 8px;border-radius:8px;background:#ffffff0a}.gl b{min-width:120px}.gl span{color:#b9dbe8}.gl.off{opacity:.45}.gl.on{background:#ffcf4a1f}.gl.on b{color:#ffe08a}.death .panel{border-color:#ff787866}.dead-t{color:#ff8a8a;font-size:28px}.cause{font-size:15px}.cause b{color:#ffb3b3}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stats div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#ffffff0d;border-radius:8px}.stats span{font-size:11.5px;color:#8fb3c4}.stats b{font-size:15px}.lin{color:#aef0ff;font-weight:700}.levelup{gap:18px}.lu-head{display:flex;flex-direction:column;align-items:center;gap:4px}.lu-head b{font-size:22px;color:#fff;text-shadow:0 0 20px rgba(98,241,255,.5)}.lu-head span{color:#8fb3c4;font-size:13px}.cards{display:flex;gap:18px}.card{position:relative;width:250px;min-height:330px;border-radius:16px;border:2px solid var(--rc);background:linear-gradient(180deg,#0a2438f5,#061626fa);box-shadow:0 0 0 1px #0006,0 0 32px var(--rg);padding:18px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:.14s;animation:cardIn .35s cubic-bezier(.2,.9,.3,1.2) both}.card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 0 1px #0006,0 0 48px var(--rg)}.card .rar{font-size:11px;letter-spacing:.25em;font-weight:900;color:var(--rc)}.card .ico{font-size:44px;line-height:1;text-shadow:0 0 18px currentColor}.card .nm{font-size:17px;font-weight:900}.card .nm small{font-weight:600;color:#8fb3c4;font-size:11px;margin-left:4px}.card .lv{font-size:12.5px;color:#ffe08a;font-weight:700}.card .ds{font-size:12.5px;color:#b9dbe8;line-height:1.5}.card .ef{font-size:12.5px;color:#dff6ff;background:#ffffff0f;padding:6px 8px;border-radius:8px;width:100%}.card .cost{font-size:11px;color:#ff9c9c}.card .bonus{font-size:11.5px;color:#9effa0;font-weight:700}.card .key{position:absolute;bottom:10px;right:12px;width:22px;height:22px;border-radius:6px;background:var(--rc);color:#04202c;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}.card.epic{background:linear-gradient(180deg,#281046f5,#0a061efa)}.card.legendary{background:linear-gradient(180deg,#462e06f5,#1e1002fa)}.card.legendary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:conic-gradient(from 0deg,#ffcf4a,#fff3c0,#ffcf4a,#ff9a4a,#ffcf4a);z-index:-1;animation:spin 3s linear infinite;filter:blur(6px);opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.lu-foot{color:#8fb3c4;font-size:12.5px;max-width:800px;text-align:center}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.8);opacity:0}}.toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:toastIn 2.5s ease-out both}.toast .tt{font-size:13px;letter-spacing:.3em;color:#ffcf4a;font-weight:900}.toast .tn{font-size:40px;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,207,74,.7),0 2px 0 #000;letter-spacing:.04em}.toast .ts{font-size:14px;color:#dff6ff;margin-top:4px;text-shadow:0 1px 2px #000}.toast.stage .tn{text-shadow:0 0 30px rgba(98,241,255,.8),0 2px 0 #000}.toast.stage .tt{color:#62f1ff}.toast.elite .tt{color:#ff9a4a}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.codex{display:grid;grid-template-columns:repeat(2,minmax(300px,420px));gap:10px}.cx{display:flex;gap:12px;align-items:center;background:#ffffff0d;border:1px solid rgba(174,240,255,.15);border-radius:12px;padding:10px 12px;font-size:13px}.cx.locked{opacity:.5}.cx .dot{border-radius:50%;flex:none;box-shadow:0 0 12px currentColor}.cx em{font-style:normal;color:#ff9a4a;font-size:11px;margin-left:4px}table.rec{border-collapse:collapse;font-size:12.5px;background:#ffffff0a;border-radius:10px;overflow:hidden}table.rec th,table.rec td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}table.rec th{color:#8fb3c4;font-weight:700}.settings{display:flex;flex-direction:column;gap:12px;font-size:14px}.settings label{display:flex;align-items:center;gap:10px}.hint-ev{color:#ffcf4a;font-weight:700}.restrain{font-size:12px;font-weight:800;color:#d9b3ff;background:#3c145ab3;padding:3px 10px;border-radius:999px;border:1px solid rgba(217,179,255,.5);animation:blink .5s infinite}.final .panel{border-color:#ffcf4a;box-shadow:0 0 60px #ffcf4a59}.final-t{font-size:13px;letter-spacing:.4em;color:#ffcf4a;font-weight:900;text-align:center}.final-sp{font-size:44px;font-weight:900;text-align:center;color:#fff;text-shadow:0 0 30px rgba(255,207,74,.6)}.final-sp small{display:block;font-size:14px;color:#8fb3c4;letter-spacing:.3em;font-weight:600}.card .tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:#ffffff14;color:#b9dbe8}.card.skill.new .tag{background:#7ef0ff2e;color:#aef0ff}.card.skill.up .tag{background:#ffe08a29;color:#ffe08a}.card.gene .tag{background:#9effa01f;color:#c9ffb0}.card .ult{font-size:11.5px;font-weight:800;color:#d9b3ff;background:#783cc82e;border:1px solid rgba(217,179,255,.35);padding:5px 8px;border-radius:8px;width:100%;line-height:1.4}.card .ult.go{color:#ffe08a;background:#ffcf4a24;border-color:#ffcf4a8c;animation:blink 1s infinite}.slot.skill.support{border-style:dashed}.slot.ult{border-color:#d9b3ff;color:#ead9ff;background:#3c146eb3}.slot.ult span{text-shadow:0 0 10px #d9b3ff}.shieldbar{position:relative;height:8px;width:260px;border-radius:999px;background:#8fd3ff26;border:1px solid rgba(143,211,255,.4);overflow:hidden;margin-top:2px}.shieldbar i{display:block;height:100%;background:linear-gradient(90deg,#8fd3ff,#dff6ff);transition:width .15s}.shieldbar span{position:absolute;right:6px;top:-4px;font-size:9px;font-weight:800;color:#dff6ff}.worldtag{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#aef0ff;background:#aef0ff1a;border:1px solid rgba(174,240,255,.3);padding:2px 8px;border-radius:999px}.stageclear .panel{border-color:#aef0ff;box-shadow:0 0 60px #aef0ff4d}.stageclear .final-t{color:#aef0ff}.stageclear .final-sp{text-shadow:0 0 30px rgba(174,240,255,.6)}.stageclear .panel{max-height:94vh;overflow:auto;gap:8px}.stageclear .panel p{margin:4px 0}.stageclear .panel h3{margin:8px 0 2px}.stageclear .lin{font-size:13px;line-height:1.5}.bossbar{margin-top:6px;width:min(560px,80vw);background:#14060acc;border:1.5px solid rgba(255,106,58,.6);border-radius:12px;padding:6px 10px;box-shadow:0 0 24px #ff50284d}.bossbar.final{border-color:#ffcf4a;box-shadow:0 0 30px #ffcf4a66}.bossbar.mini{border-color:#ffd27a}.bossbar.rival{border-color:#d9b3ff}.bossbar .bn{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.bossbar .bn span{color:#ffb090;font-weight:700}.bossbar .bb{position:relative;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden}.bossbar .bb i{display:block;height:100%;background:linear-gradient(90deg,#ff5a3a,#ffcf4a);transition:width .15s}.bossbar .bb em{position:absolute;top:0;right:0;bottom:0;left:0;font-style:normal;font-size:9.5px;text-align:center;line-height:12px;color:#fff;font-weight:800}.branches{display:flex;gap:14px;width:100%}.branchcard{flex:1;text-align:left;padding:14px;border-radius:14px;border:2px solid rgba(174,240,255,.3);background:#041420b3;color:inherit;cursor:pointer}.branchcard b{font-size:18px;display:block;margin-bottom:4px}.branchcard span{font-size:12px;color:#8fb3c4;display:block;margin-bottom:8px}.branchcard ul{margin:0;padding-left:16px;font-size:12px;line-height:1.6;color:#b9dbe8}.branchcard.sea.on{border-color:#7ad0ff;box-shadow:0 0 30px #7ad0ff59}.branchcard.land.on{border-color:#9ad86a;box-shadow:0 0 30px #9ad86a59}.branchcard.locked{opacity:.45;cursor:not-allowed}.branch .panel{border-color:#9fd8ff;max-height:94vh;overflow:auto;gap:8px}.branch .panel h2{font-size:20px;white-space:nowrap}.branch .panel p,.branch .panel h3{margin:4px 0}.corepick{display:flex;flex-wrap:wrap;gap:8px}.core{padding:6px 12px;border-radius:999px;border:1.5px solid rgba(174,240,255,.3);background:#041420b3;color:inherit;font-size:13px;cursor:pointer}.core.on{border-color:#ffcf4a;background:#ffcf4a26;color:#ffe08a}.core:disabled{opacity:.4;cursor:not-allowed}.core small{color:#8fb3c4;margin-left:4px}#hudbox{position:absolute;left:var(--hx,0px);top:var(--hy,0px);width:var(--hw,100%);height:var(--hh,100%);transform:scale(var(--us,1));transform-origin:0 0;pointer-events:none}html.small .hud.tl{width:220px}html.small .hud.tc{width:440px}html.small .minimap{width:110px;height:110px}.touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.joyzone{position:absolute;left:0;top:0;bottom:0;width:55%;pointer-events:auto;touch-action:none}.joy{position:absolute;border-radius:50%;border:2px solid rgba(174,240,255,.45);background:#04142059;pointer-events:none}.joy .knob{position:absolute;width:44px;height:44px;border-radius:50%;background:#aef0ff8c;box-shadow:0 0 14px #aef0ff80}.tbtns{position:absolute;right:26px;bottom:70px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;pointer-events:auto}.tb{pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(174,240,255,.5);background:#04142099;color:#dff6ff;font:700 15px/1 inherit;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tb.dash{width:92px;height:92px;font-size:18px}.tb.sp{width:72px;height:72px;margin-right:46px;border-color:#ffe08a80}.tb.cd{opacity:.5}.tb i{font-style:normal;font-size:12px;color:#ffe08a}.tb.pause{position:absolute;right:190px;top:16px;width:40px;height:40px;font-size:16px;opacity:.75}.rotate-hint{display:none;position:absolute;left:50%;top:6px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#041420cc;border:1px solid rgba(174,240,255,.3);font-size:12px;color:#aef0ff;pointer-events:none;z-index:5}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:block}}@media(max-height:600px),(max-width:900px){.screen{padding:14px;gap:8px}.title .t1{font-size:44px}.tag{font-size:12.5px}.keys{display:none}.panel{padding:14px 16px;gap:6px;max-height:96vh}.panel.wide{width:min(760px,96vw)}.panel h2{font-size:18px}.levelup{gap:6px;padding:6px}.lu-head b{font-size:16px}.lu-head span,.lu-foot{font-size:11px}.cards{gap:8px;flex-wrap:nowrap;justify-content:center;max-width:100vw;overflow:auto}.card{width:205px;min-height:0;padding:8px 8px 22px;gap:3px;border-radius:12px}.card .rar{font-size:9px}.card .ico{font-size:26px}.card .nm{font-size:14px}.card .lv{font-size:11px}.card .ds{font-size:11px;line-height:1.35}.card .ef{font-size:11px;padding:4px 6px}.card .key{width:18px;height:18px;bottom:4px;right:8px;font-size:10px}.card .tag{font-size:10px;padding:2px 8px}.big{padding:10px 16px;font-size:14px}.overlay.center{padding:10px}.branches{gap:8px}.branchcard{padding:10px}.branchcard ul{font-size:11px}}.fsbtn{border-color:#ffe08a73;color:#ffe08a}.tb.fs{position:absolute;right:140px;top:16px;width:40px;height:40px;font-size:16px;opacity:.75}html.small .hud.tl{left:calc(14px + env(safe-area-inset-left,0px));top:12px;width:200px;gap:4px}html.small .hud.tr{right:calc(14px + env(safe-area-inset-right,0px));top:12px}html.small .hud.tc{top:8px;width:420px}html.small .hud.tc .env{display:none}html.small .bar{height:14px}html.small .bar span{font-size:10px;line-height:13px}html.small .row.small{font-size:10.5px}html.small .hud.tl .row.small:nth-child(5) .dim{display:none}html.small .cname{font-size:12px}html.small .time{font-size:11px}html.small .tbtns{right:calc(18px + env(safe-area-inset-right,0px));bottom:56px}html.small .tb.pause{right:calc(150px + env(safe-area-inset-right,0px))}html.small .tb.fs{right:calc(104px + env(safe-area-inset-right,0px))}html.small .hud.bottom{bottom:6px;width:min(560px,70vw)}html.portrait .hud.tr .minimap{width:90px;height:90px}html.portrait .tbtns{bottom:120px}html.portrait .hud.bottom{width:92vw}@media(max-height:600px){.screen.menu .tag{display:none}.title .t1{font-size:36px}.title .t2{font-size:12px;letter-spacing:.3em}.menu-btns{gap:6px}.menu-btns .big{padding:8px 14px;font-size:13px;min-width:240px}.best{font-size:11px;margin-top:2px}}html.portrait .cards{flex-direction:column;align-items:center;flex-wrap:nowrap;max-height:72vh;overflow:auto;gap:8px;padding:4px}html.portrait .card{width:min(340px,88vw);min-height:0;flex:none}html.portrait .lu-head b{font-size:15px}html.portrait .branches{flex-direction:column}html.portrait .tb.pause{right:14px;top:150px}html.portrait .tb.fs{right:62px;top:150px}html.portrait .rotate-hint{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:11px}html.portrait .hud.tc{width:60vw;top:10px}html.native .rotate-hint{display:none}.shop-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);gap:24px;width:min(100%,940px);margin:20px auto}.shop-catalog{display:grid;gap:8px;max-height:400px;overflow:auto;padding:4px}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:15px;border:1px solid #2f5264;background:#0b2639;color:#def6ff;border-radius:10px;min-height:52px}.shop-item.selected{border-color:#56e1ca;background:#103b48}.shop-item span{font-size:12px;color:#b2ced9;white-space:nowrap}.shop-detail{padding:18px;background:#0b2639;border-radius:16px;border:1px solid #2f5264}.skin-preview{max-width:280px;margin:auto;overflow:hidden;border-radius:12px}.skin-preview canvas{display:block;width:100%}.shop-detail .big{width:100%;margin:5px 0}.shop-detail p{line-height:1.7}.commerce-status{color:#9ef2d5;min-height:1.5em}.commerce-blocker{position:fixed;top:0;right:0;bottom:0;left:0;background:#041421e8;z-index:10000;display:grid;place-content:center;text-align:center;color:#dffcff;pointer-events:auto;padding:30px}.reward-box{margin:14px 0;padding:12px;border:1px solid #416570;border-radius:10px}.boss-reward-cta{position:fixed;right:15px;top:45%;z-index:15;background:#153f4e;color:#baf8dd;border:1px solid #56c8ac;border-radius:12px;padding:12px}.research{border:1px solid #416570;padding:14px;border-radius:12px;margin:12px 0}.research>span{margin-left:20px}.shop .big:disabled,.reward-box button:disabled{opacity:.5;cursor:default}.privacy-copy{max-width:850px;text-align:left;line-height:1.8;margin:auto}.menu-btns a.big{text-decoration:none;text-align:center}@media(max-width:650px){.shop-layout{grid-template-columns:1fr}.shop-catalog{max-height:190px}.shop-detail{padding:12px}.shop .menu-btns.row{flex-wrap:wrap}.menu .tag{margin:10px}.menu .menu-btns .big{padding:9px 18px;min-height:38px}}.shop-layout{flex-shrink:0}.shop-catalog{touch-action:pan-y}.boss-reward-cta{pointer-events:auto}