@font-face{font-family:Frame Jua;src:url(../assets/fonts/frame-jua.woff2)format("woff2");font-display:swap}@font-face{font-family:Frame Fredoka;src:url(../assets/fonts/frame-fredoka.woff2)format("woff2");font-weight:600;font-display:swap}:root{--bg:#1b222c;--bg-2:#232c38;--surface:#2b3644;--surface-2:#364353;--line:#46556a;--line-strong:#6a7d95;--ink:#f4eee2;--ink-2:#b3becc;--ink-3:#93a0b2;--primary:#ffc93c;--primary-press:#d9a400;--primary-ink:#1b222c;--reward:#6cc3f2;--reward-soft:#16303f;--danger:#ff6b5e;--ok:#5fd08a;--kill:#ffc93c;--sock-w:#7fa6d8;--sock-t:#4fc3ae;--sock-f:#f0954c;--sock-c:#d96bb8;--sock-l:#ffc93c;--desk-dark:#12171e;--desk-dark-2:#1a212b;--font-display:"Frame Jua", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--font-ui:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--sh-sm:0 1px 2px #00000059;--sh-md:0 4px 12px #0006;--sh-lg:0 14px 36px #0000008c;--ease:cubic-bezier(.2,.8,.2,1);--pop:cubic-bezier(.3,1.5,.5,1);--hud:44px;--bar:56px;--fs:15px}html.big{--fs:17px}@media (height<=599px){:root{--hud:40px;--bar:48px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;color:var(--ink);font:600 var(--fs)/1.45 var(--font-ui);touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#0e1218;overflow:hidden}html[lang=ja] body{word-break:auto-phrase;line-break:strict}html[lang^=zh] body{line-break:strict}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}canvas{display:block}svg.i{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.disp{font-family:var(--font-display);font-weight:400}.hidden{display:none!important}#app{position:fixed;inset:0}.shell{background:var(--bg);justify-content:center;display:flex;position:absolute;inset:0}.mid{background:var(--bg);-webkit-user-select:none;user-select:none;width:100%;max-width:560px;height:100%;position:relative;overflow:hidden}.side{display:none}.shell[data-mode=desk]{background:var(--desk-dark);background-image:repeating-linear-gradient(135deg,#ffffff06 0 2px,#0000 2px 14px)}.shell[data-mode=desk] .mid{width:var(--deskw,440px);flex:none;max-width:none;box-shadow:0 0 0 2px #2c3644}.shell[data-mode=desk] .side{flex:1;align-items:center;min-width:0;padding:20px 16px;display:flex}.shell[data-mode=desk] .side.l{justify-content:flex-end}.shell[data-mode=desk] .col{flex-direction:column;gap:12px;width:min(280px,100%);display:flex;overflow:auto}@media (width>=1700px){.shell[data-mode=desk] .col{width:310px}}.scr{inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0;background:var(--bg);flex-direction:column;display:none;position:absolute}.scr.on{display:flex}.scroll{-webkit-overflow-scrolling:touch;overflow:hidden auto}.hud{height:var(--hud);flex:none;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative}.hud .sp{flex:1}.hud h2{font:400 20px/26px var(--font-display);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=400px){.hud h2{font-size:17px}}.hearts{gap:2px;min-width:66px;display:flex}.hearts svg{stroke-width:2px;width:20px;height:20px}.hearts svg.on{fill:var(--danger);stroke:#8e2a22}.hearts.warn svg.on{animation:.7s ease-in-out infinite heartwarn}@keyframes heartwarn{0%,to{transform:translate(0)scale(1)}20%{transform:translate(-2px)scale(1.12)}40%{transform:translate(2px)scale(1.12)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.hearts svg.off{stroke:var(--ink-3)}.stagebar{flex:none;gap:3px;height:6px;margin:0 8px 2px;display:flex}.stagebar i{background:var(--surface-2);border-radius:3px;flex:1}.stagebar i.done{background:var(--primary)}.stagebar i.cur{background:var(--ink);box-shadow:0 0 0 1px var(--primary)}.scr.win .hud{padding-top:14px}.hud h2.win-title{font:400 34px/40px var(--font-display);color:#ffd866;text-align:center;text-shadow:0 3px #10151c,0 0 18px #ffc93c73;animation:bossbanner .42s var(--pop);flex:1;overflow:visible}@media (width<=400px){.hud h2.win-title{font-size:28px;line-height:34px}}.stagebar.win{gap:4px;height:18px;margin:14px 16px 0}.stagebar.win i{border-radius:4px}.stagebar.win i.done{background:linear-gradient(#ffe08a,#ffc93c);box-shadow:0 0 10px #ffc93c80}.win-big{text-align:center;font:400 44px/52px var(--font-display);color:#ffd866;text-shadow:0 3px #10151c;animation:bannerpop .32s .2s var(--pop) backwards;flex:none}@media (height<=600px){.win-big{display:none}.stagebar.win{height:10px;margin:6px 16px 0}.scr.win .hud{padding-top:0}.scr.win .card.goal{display:none}.hud h2.win-title{font-size:24px;line-height:30px}}.win-conf{pointer-events:none;z-index:9;position:absolute;inset:0;overflow:hidden}.win-conf i{border-radius:2px;width:8px;height:12px;animation:linear forwards confall;position:absolute;top:-12px}@keyframes confall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--dx), 110vh) rotate(var(--rot));opacity:0}}.stagebar i.boss{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);border-radius:1px;flex:1.6}.chip{background:var(--surface);height:28px;font:400 15px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);transform-origin:50%;border-radius:999px;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.chip svg{width:16px;height:16px;stroke:var(--primary)}.chip.pop{animation:chippop .14s var(--pop)}@keyframes chippop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.ib{border-radius:var(--r-md);width:44px;height:44px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ib:active,.ib.filled{background:var(--surface)}.ib[aria-disabled=true],.btn[aria-disabled=true],.chipad[aria-disabled=true]{opacity:.45;pointer-events:none}.ib .dotbadge{background:var(--primary);min-width:16px;height:16px;color:var(--primary-ink);font:800 11px/16px var(--font-ui);text-align:center;border-radius:8px;padding:0 3px;position:absolute;top:3px;right:3px}.dot8{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.bregion{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.board-canvas{touch-action:none;position:absolute}.bar{height:var(--bar);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.bar.left{flex-direction:row-reverse}.bar .fire{flex:1;max-width:150px}.btn{white-space:nowrap;border-radius:var(--r-lg);min-height:48px;font:700 16px/20px var(--font-ui);justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:transform 80ms;display:inline-flex;position:relative}.btn:active{transform:scale(.96)}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-press)}.btn.second{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong)}.btn.ghost{color:var(--ink-2);min-height:44px}.btn.danger{color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger);background:0 0}.btn.reward{background:var(--reward-soft);color:var(--reward);box-shadow:inset 0 0 0 2px var(--reward);min-height:44px;padding:0 14px;font-size:14px}.btn.big{width:100%;min-height:56px;font-size:18px}.btn.wide{width:100%}.btn.navbtn{white-space:normal;flex:1 1 0;gap:4px;min-width:0;min-height:48px;padding:0 6px;font-size:14px;line-height:15px;position:relative}.btn.navbtn span{text-align:center;overflow-wrap:normal;min-width:0}html:not([lang=ko]):not([lang=en]) .btn.navbtn{flex-direction:column;gap:1px;min-height:54px;padding:4px;font-size:13px;line-height:15px}html:not([lang=ko]):not([lang=en]) .btn.navbtn svg.i{width:20px;height:20px}.btn.sm{min-height:44px;padding:0 14px;font-size:14px}.ad{font:800 11px/1 var(--font-ui);letter-spacing:.04em;border:1.5px solid;border-radius:5px;padding:3px 5px}.chipad{background:var(--reward-soft);height:44px;color:var(--reward);box-shadow:inset 0 0 0 2px var(--reward);font:700 13px/1 var(--font-ui);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chipad svg{width:18px;height:18px}.title{font:400 30px/34px var(--font-display);text-align:center;letter-spacing:.01em}.title.cover{color:var(--ink);text-shadow:0 3px #10151c,0 0 18px #ffc93c59;font-size:36px;line-height:40px}.title small{font:800 11px/16px var(--font-ui);letter-spacing:.28em;color:var(--primary);margin-top:2px;display:block}.hint{font:600 13px/18px var(--font-ui);color:var(--ink-2);text-align:center}.pad{padding:0 16px}.tray{flex-direction:column;flex:none;gap:8px;padding:4px 16px 12px;display:flex}.cards{gap:8px;display:flex}.pc{border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;min-height:168px;padding:10px 8px;transition:opacity .15s;display:flex;position:relative}.pc.sel{box-shadow:inset 0 0 0 3px var(--primary), 0 0 0 4px #ffc93c38}.pc.dim{opacity:.45}.pc.faded{opacity:.3}.pc .nm{font:400 16px/20px var(--font-display);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}html[lang=de] .pc .nm{-webkit-hyphens:manual;hyphens:manual}.pc .ef{overflow-wrap:anywhere}html:not([lang=ko]):not([lang=en]) .pc .ef{-webkit-hyphens:auto;hyphens:auto}.pc .ef{font:600 12px/16px var(--font-ui);color:var(--ink-2);min-height:32px}.pc .rp{font:700 11px/14px var(--font-ui);color:var(--danger)}.pc .rp.keep{color:var(--ok)}.pc .sk{box-sizing:border-box;white-space:normal;text-align:center;max-width:100%;min-height:22px;font:800 11px/12px var(--font-ui);color:#10151c;border-radius:11px;justify-content:center;align-items:center;padding:4px 7px;display:inline-flex}.pc .shape{font:800 10px/1 var(--font-ui);color:var(--primary);position:absolute;top:6px;left:8px}.pc .check{background:var(--primary);width:20px;height:20px;color:var(--primary-ink);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:6px;right:6px}.pc .check svg{stroke-width:3px;width:14px;height:14px}.pc.sel .check{display:flex}.pc.boost .bi{width:56px;height:56px;box-shadow:inset 0 0 0 3px var(--primary);color:var(--primary);background:#1e2631;border-radius:14px;justify-content:center;align-items:center;display:flex}.pc.boost .bi svg{width:30px;height:30px}.reroll-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tray .ttl{font:400 18px/24px var(--font-display);text-align:center}.hand{pointer-events:none;z-index:6;filter:drop-shadow(0 2px 3px #0000008c);position:absolute}.hand svg{width:100%;height:100%;display:block}.coach{text-align:center;pointer-events:none;z-index:5;position:absolute;left:0;right:0;transform:translateY(-100%)}.coach span{color:var(--primary);font:400 15px/20px var(--font-display);box-shadow:0 0 0 2px var(--primary);background:#080b10cc;border-radius:999px;padding:3px 12px;display:inline-block}.coach.danger span{color:#ffd9d4;box-shadow:0 0 0 2px var(--danger), 0 0 14px #ff6b5e8c;animation:dangerpop .42s var(--pop);background:#3c0c0ae6;padding:5px 16px;font-size:19px;line-height:26px}@keyframes dangerpop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}.gotline{font:400 17px/22px var(--font-display);color:var(--primary);justify-content:center;align-items:center;gap:6px;display:flex}.gotline svg{width:20px;height:20px;stroke:var(--primary)}.bosspill{z-index:5;pointer-events:none;justify-content:center;transition:opacity .3s;display:flex;position:absolute;left:0;right:0}.bosspill span{font:400 16px/22px var(--font-display);color:var(--primary);box-shadow:0 0 0 2px var(--primary);background:#080b10c7;border-radius:999px;padding:3px 14px}.banner{text-align:center;pointer-events:none;z-index:7;position:absolute;top:36%;left:0;right:0}.banner span{font:400 26px/32px var(--font-display);color:var(--primary);text-shadow:0 3px #10151c,0 0 14px #0009;animation:bannerpop .22s var(--pop);display:inline-block}.banner small{font:400 15px/20px var(--font-display);color:var(--ink);text-shadow:0 2px #10151c,0 0 10px #0009;animation:bannerpop .22s .12s var(--pop) backwards;margin-top:2px;display:block}.banner.boss span{color:#ffd866;animation:bossbanner .36s var(--pop);font-size:34px;line-height:40px}.banner.boss small{color:#ffd866;font-size:17px}.banner.tight span{color:var(--ink)}@keyframes bossbanner{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}@keyframes bannerpop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.testpill{z-index:5;pointer-events:none;font:400 15px/20px var(--font-display);color:var(--ink);box-shadow:0 0 0 2px var(--reward);white-space:nowrap;background:#080b10d9;border-radius:999px;gap:10px;padding:4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.testpill b{color:var(--primary);font-weight:400}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-lg);padding:20px 16px 16px}.card{background:var(--surface);border-radius:var(--r-lg);padding:16px}.rowline{font:600 14px/20px var(--font-ui);color:var(--ink-2);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.rowline b{color:var(--ink);font:400 16px/20px var(--font-display)}.total{font:400 44px/48px var(--font-display);color:var(--primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;display:flex}.total svg{width:34px;height:34px;stroke:var(--primary)}.divider{background:var(--line);height:1px;margin:8px 0}.summary{color:var(--ink-2);font:600 13px/18px var(--font-ui);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.summary span{align-items:center;gap:4px;display:inline-flex}.summary svg{width:18px;height:18px}.ballgrid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;display:grid}.bc{border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);flex-direction:column;align-items:center;gap:2px;min-height:96px;padding:8px 4px;display:flex;position:relative}.bc.sel{box-shadow:inset 0 0 0 3px var(--primary)}.bc.lock{opacity:.5}.bc .nm{font:400 15px/18px var(--font-display)}.bc .st{font:700 12px/16px var(--font-ui);color:var(--ink-2)}.bc .lk{width:18px;height:18px;color:var(--ink-3);position:absolute;top:6px;right:6px}.tabs{flex:none;gap:0;padding:0 8px;display:flex}.tabs button{min-height:44px;font:700 15px/20px var(--font-ui);color:var(--ink-2);border-bottom:3px solid #0000;flex:1}.tabs button.on{color:var(--ink);border-color:var(--primary)}.list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 16px;display:flex}.item{border-radius:var(--r-lg);background:var(--surface);align-items:center;gap:12px;min-height:72px;padding:8px 12px;display:flex}.item.locked{background:#222b37}.item.locked .tx b{color:var(--ink-2)}.item.locked .tx span{color:var(--ink-3)}.item.locked canvas{opacity:.55}.item .tx{flex:1;min-width:0}.item .tx b{font:400 16px/20px var(--font-display);display:block}.item .tx span{font:600 12px/16px var(--font-ui);color:var(--ink-2);display:block}.price{min-width:76px;min-height:44px;font:400 16px/1 var(--font-display);background:var(--surface-2);color:var(--ink-3);border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.price svg{width:16px;height:16px}.price.can{background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-press)}.price.can svg{stroke:var(--primary-ink)}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.row .lb{font:600 15px/20px var(--font-ui);flex:1}.row .lb small{color:var(--ink-2);font-size:12px;font-weight:600;display:block}.switch{background:var(--surface-2);border-radius:16px;flex:none;width:52px;height:32px;transition:background .16s;position:relative}.switch:after{content:"";background:var(--ink-2);width:24px;height:24px;transition:transform .16s var(--ease);border-radius:50%;position:absolute;top:4px;left:4px}.switch:before{content:"";position:absolute;inset:-6px -2px}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{background:var(--primary-ink);transform:translate(20px)}.seg{background:var(--surface-2);border-radius:12px;flex:none;padding:3px;display:inline-flex}.seg button{min-width:52px;min-height:44px;font:700 14px/1 var(--font-ui);color:var(--ink-2);border-radius:9px;padding:0 10px}.seg button.on{background:var(--primary);color:var(--primary-ink)}.langsel{background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23B3BECC' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;max-width:52%;min-height:44px;color:var(--ink);appearance:none;text-overflow:ellipsis;border:0;border-radius:12px;flex:none;padding:0 30px 0 12px;font:700 14px/1.2 system-ui,-apple-system,sans-serif}.langsel option{color:#10151c;background:#fff}.prog{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.prog i{background:var(--primary);height:100%;display:block}.cells{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.cells i{background:var(--surface-2);height:26px;font:800 12px/1 var(--font-ui);color:#10151c;border-radius:6px;justify-content:center;align-items:center;font-style:normal;display:flex}.cells i.ok{background:var(--ok)}.cells i.bad{background:var(--danger)}.dex{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 16px 16px;display:grid}.dc{background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:92px;padding:8px 4px;display:flex}.dc b{font:400 14px/16px var(--font-display)}.dc.unk canvas{filter:brightness(0)invert(.2)}.dc.unk b{color:var(--ink-3)}.layer{z-index:30;animation:fade .16s var(--ease);background:#0a0e148c;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.layer.closing{animation:.2s forwards fadeout}.layer .sheet{width:100%;max-height:92%;animation:slideup .28s var(--ease);overflow:auto}.layer.closing .sheet{animation:.2s forwards slidedown}.layer.center{align-items:center}.layer.center .sheet{border-radius:var(--r-xl);width:min(360px,100% - 32px);animation:fade .16s var(--ease)}.shell[data-mode=desk] .layer{align-items:center}.shell[data-mode=desk] .layer .sheet{border-radius:var(--r-xl);width:420px;max-width:calc(100% - 24px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}@keyframes slidedown{0%{transform:none}to{transform:translateY(100%)}}.sheet h3{font:400 22px/28px var(--font-display);margin-bottom:8px}.sheet p{font:600 14px/20px var(--font-ui);color:var(--ink-2);margin-bottom:12px}.sheet .acts{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sheet .acts.h{flex-direction:row}.sheet .acts.h .btn{flex:1;padding:0 10px}.sheet .big-ic{justify-content:center;margin:4px 0 12px;display:flex}.credit{font:600 12px/18px var(--font-ui);color:var(--ink-2);word-break:break-word;margin-bottom:8px}.toasts{left:0;right:0;top:calc(var(--hud) + 10px);z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.toast{background:var(--ink);color:var(--bg);min-height:40px;font:700 14px/20px var(--font-ui);animation:fade .16s var(--ease);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:9px 16px}.vignette{pointer-events:none;position:absolute;inset:0}.dcard{background:var(--desk-dark-2);border-radius:var(--r-lg);padding:14px;box-shadow:inset 0 0 0 1px #2a3442}.dcard h3{font:400 18px/22px var(--font-display);margin-bottom:8px}.slotrow{font:600 14px/18px var(--font-ui);border-top:1px solid #263040;align-items:center;gap:10px;padding:6px 0;display:flex}.slotrow:first-of-type{border-top:0}.slotrow .nm{flex:1;min-width:0}.slotrow .nm b{font:400 15px/18px var(--font-display);display:block}.slotrow .nm span{color:var(--ink-2);font-size:12px}.slotrow.empty{opacity:.7}.pips{gap:3px;display:flex}.pips i{background:#3a4656;border-radius:50%;width:8px;height:8px}.pips i.on{background:var(--primary)}.legend{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.legend div{font:600 13px/16px var(--font-ui);align-items:center;gap:8px;display:flex}.keys{font:600 13px/20px var(--font-ui);color:var(--ink-2)}.keys kbd{background:var(--surface);font:700 12px var(--font-ui);color:var(--ink);border-radius:5px;padding:1px 6px}.res{flex-direction:column;flex:1;min-height:0;display:flex}.res .mid-area{flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;padding:12px 16px 0;display:flex}.res .bottom{margin-top:auto;padding:32px 16px 8px}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}html.reduce-fx *{transition-duration:1ms!important;animation-duration:1ms!important}.bregion[data-ch="0"]{background:linear-gradient(#1b222c8c, #1b222c8c), url(../assets/art/bg-ch1.webp) center / cover, var(--bg)}.bregion[data-ch="1"]{background:linear-gradient(#1b222c8c, #1b222c8c), url(../assets/art/bg-ch2.webp) center / cover, var(--bg)}.bregion[data-ch="2"]{background:linear-gradient(#1b222c8c, #1b222c8c), url(../assets/art/bg-ch3.webp) center / cover, var(--bg)}.scr[data-screen=forge]{background:linear-gradient(#1b222ccc, #1b222ceb), url(../assets/art/forge-bg.webp) center / cover, linear-gradient(180deg, var(--bg-2) 55%, #3a2b1e)}.goal .prog{height:10px;margin-top:6px}.goal .hint{text-align:left}.rotate{z-index:90;background:var(--bg);color:var(--ink);font:400 20px/26px var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.rotate svg{width:44px;height:44px;stroke:var(--primary);transform:rotate(90deg)}.infostrip{pointer-events:none;z-index:4;font:400 15px/20px var(--font-display);color:var(--ink-2);flex-wrap:wrap;place-content:center space-between;row-gap:8px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.infostrip .parts{flex:1 0 100%;justify-content:center;gap:8px;display:flex}.infostrip .parts i{border:2px dashed var(--c);opacity:.7;box-sizing:border-box;border-radius:8px;width:30px;height:30px}.infostrip b{color:var(--ink);font-weight:400}