:root{--s: 2;--u: calc(var(--s) * 1px);--gold: #ffc847;--gold-hi: #fff1b8;--gold-dim: #a8641c;--line: #6d5428;--ink: #e9e2cf;--ink-dim: #9a93a8;--panel: rgba(9, 8, 22, .78);--blood: #ff5a6a;--violet: #8a5ee0;--pix: "Tiny5", ui-monospace, monospace;--text: "Philosopher", "Segoe UI", sans-serif;--serif: "Cormorant SC", "Cormorant", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#030308;overflow:hidden;color:var(--ink);font-family:var(--pix);user-select:none;-webkit-user-select:none}body{display:grid;place-items:center}#stage{position:relative;width:calc(640 * var(--u));height:calc(360 * var(--u));overflow:hidden;box-shadow:0 0 calc(40 * var(--u)) #5032a026}#game{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none;font-size:calc(7 * var(--u))}#ui img{image-rendering:pixelated}.hit{pointer-events:auto}.panel{position:absolute;background:var(--panel);border:var(--u) solid var(--line);box-shadow:inset 0 0 0 var(--u) #0009,0 calc(2 * var(--u)) calc(6 * var(--u)) #00000080}.panel:before,.panel:after{content:"";position:absolute;top:50%;width:calc(4 * var(--u));height:calc(4 * var(--u));background:var(--gold);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 calc(3 * var(--u)) var(--gold)}.panel:before{left:calc(-2.5 * var(--u))}.panel:after{right:calc(-2.5 * var(--u))}.panel.plain:before,.panel.plain:after{display:none}.icon{width:calc(12 * var(--u));height:calc(12 * var(--u));display:inline-block;vertical-align:middle}#res{left:calc(8 * var(--u));top:calc(7 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));display:flex;gap:calc(10 * var(--u));align-items:center}#res .item{display:flex;align-items:center;gap:calc(3 * var(--u));font-size:calc(9 * var(--u))}#res .num{min-width:calc(18 * var(--u))}#res .num.bump{animation:bump .25s ease-out}@keyframes bump{0%{transform:scale(1.35);color:#fff}to{transform:scale(1)}}.lightbar{width:calc(44 * var(--u));height:calc(4 * var(--u));background:#1a1530;border:var(--u) solid #3a2e5a;position:relative}.lightbar>i{position:absolute;inset:0;width:50%;background:linear-gradient(90deg,#d08a1c,#ffe58a)}#treebar{left:50%;top:calc(6 * var(--u));transform:translate(-50%);width:calc(190 * var(--u));height:calc(18 * var(--u));padding-left:calc(20 * var(--u));padding-right:calc(8 * var(--u));display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--u))}#treebar .medal{position:absolute;left:calc(-6 * var(--u));top:50%;transform:translateY(-50%);width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;background:radial-gradient(circle,#2a1a08 55%,#120c18 70%);border:var(--u) solid var(--gold-dim);display:grid;place-items:center;box-shadow:0 0 calc(6 * var(--u)) #ffc84659}#treebar .medal img{width:calc(16 * var(--u));height:calc(16 * var(--u))}.bar{position:relative;height:calc(5 * var(--u));background:#1a0f12;border:var(--u) solid #3b2a20}.bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ffe58a,#e09a2c 60%,#a8641c);transition:width .15s linear}.bar>b{position:absolute;left:0;top:0;bottom:0;background:#fff;opacity:0}.bar.hurt>b{animation:hurt .3s ease-out}@keyframes hurt{0%{opacity:.8}to{opacity:0}}.bar.thin{height:calc(3 * var(--u));background:#120d1c;border-color:#2a2140}.bar.thin>i{background:linear-gradient(90deg,#8f2a3a,#ff5a6a)}#treebar .caption{white-space:nowrap;position:absolute;top:calc(19 * var(--u));left:0;right:0;text-align:center;font-size:calc(6.5 * var(--u));color:var(--gold-hi);text-shadow:0 0 calc(3 * var(--u)) #000,0 0 calc(2 * var(--u)) #000;letter-spacing:.04em}#treebar .caption .dim{color:var(--ink-dim)}#push{right:calc(8 * var(--u));top:calc(7 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));display:flex;align-items:center;gap:calc(3 * var(--u))}#push .track{display:flex;align-items:center}#push .track img{width:calc(11 * var(--u));height:calc(11 * var(--u))}#push .track .seg{width:calc(8 * var(--u));height:var(--u);background:#3a3650}#push .track .seg.on{background:var(--gold);box-shadow:0 0 calc(2 * var(--u)) var(--gold)}#push .count{margin-left:calc(4 * var(--u));font-size:calc(7 * var(--u))}#night{position:absolute;right:calc(8 * var(--u));top:calc(27 * var(--u));font-size:calc(6.5 * var(--u));color:var(--ink-dim);text-align:right;text-shadow:0 0 calc(2 * var(--u)) #000}#night .t{color:var(--gold-hi)}#abilities{position:absolute;left:50%;bottom:calc(7 * var(--u));transform:translate(-50%);display:flex;gap:calc(10 * var(--u))}.ab{position:relative;overflow:visible;width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--panel);border:var(--u) solid var(--line);display:grid;place-items:center;cursor:pointer}.ab:after{content:"";position:absolute;inset:calc(2 * var(--u));border:var(--u) solid rgba(255,200,70,.18);pointer-events:none}.ab img{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ab .cd{position:absolute;left:0;right:0;bottom:0;background:#05050ebf;height:0}.ab .key{position:absolute;bottom:calc(-9 * var(--u));left:50%;transform:translate(-50%);width:calc(9 * var(--u));height:calc(8 * var(--u));font-size:calc(6 * var(--u));background:#0b0a18;border:var(--u) solid var(--line);display:grid;place-items:center;line-height:1;color:var(--ink)}.ab .cost{position:absolute;top:calc(1 * var(--u));right:calc(2 * var(--u));font-size:calc(5.5 * var(--u));color:var(--gold-hi);text-shadow:0 0 calc(2 * var(--u)) #000}.ab.ready{border-color:var(--gold-dim);box-shadow:0 0 calc(4 * var(--u)) #ffc8464d}.ab.nolight img{filter:grayscale(.8) brightness(.6)}.ab.aim{border-color:var(--gold-hi);box-shadow:0 0 calc(7 * var(--u)) #ffdc78b3}#controls{position:absolute;left:calc(8 * var(--u));bottom:calc(8 * var(--u));display:flex;gap:calc(4 * var(--u))}.btn{pointer-events:auto;cursor:pointer;font-family:var(--pix);font-size:calc(6.5 * var(--u));color:var(--ink);background:var(--panel);border:var(--u) solid var(--line);padding:calc(2 * var(--u)) calc(5 * var(--u));line-height:1.2}.btn:hover{border-color:var(--gold);color:#fff}.btn.gold{color:#1a1206;background:linear-gradient(180deg,#ffe58a,#e09a2c);border-color:#fff1b8;font-weight:600}.btn.gold:hover{filter:brightness(1.1)}.btn:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}#callnight{position:absolute;right:calc(8 * var(--u));bottom:calc(8 * var(--u))}#menu{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;padding:calc(4 * var(--u));display:none;min-width:calc(92 * var(--u))}#menu.show{display:block;animation:pop .12s ease-out}@keyframes pop{0%{transform:translate(-50%,-96%) scale(.92);opacity:0}}#menu h4{margin:0 0 calc(3 * var(--u));font-family:var(--serif);font-size:calc(9 * var(--u));color:var(--gold-hi);font-weight:700;letter-spacing:.03em}#menu .sub{font-size:calc(5.5 * var(--u));color:var(--ink-dim);margin:calc(-2 * var(--u)) 0 calc(3 * var(--u))}#menu .opt{display:grid;grid-template-columns:calc(14 * var(--u)) 1fr auto;align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(3 * var(--u));border:var(--u) solid transparent;cursor:pointer}#menu .opt:hover{border-color:var(--gold-dim);background:#ffc84612}#menu .opt.off{opacity:.45}#menu .opt img{width:calc(14 * var(--u));height:calc(14 * var(--u))}#menu .opt .name{font-size:calc(6.5 * var(--u));line-height:1.15}#menu .opt .name small{display:block;font-family:var(--text);color:var(--ink-dim);font-size:calc(5 * var(--u))}#menu .opt .price{font-size:calc(6.5 * var(--u));color:var(--blood);white-space:nowrap}#menu .opt .price.ok{color:#ffb0b8}#menu .stats{font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--ink-dim);margin:0 0 calc(3 * var(--u));line-height:1.35}#menu .stats b{color:var(--ink);font-weight:400}#menu .stats .up{color:#9cff8a}#banner{position:absolute;left:0;right:0;top:30%;text-align:center;opacity:0;transition:opacity .5s;text-shadow:0 0 calc(6 * var(--u)) #000,0 0 calc(2 * var(--u)) #000}#banner.show{opacity:1}#banner .title{font-family:var(--serif);font-size:calc(24 * var(--u));color:var(--gold-hi);letter-spacing:.06em;font-weight:700}#banner.night .title{color:#c9b6ff}#banner .hint{font-family:var(--text);font-size:calc(7 * var(--u));color:var(--ink);margin-top:calc(2 * var(--u))}#banner .rule{width:calc(120 * var(--u));height:var(--u);margin:calc(3 * var(--u)) auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#toast{position:absolute;left:50%;bottom:calc(48 * var(--u));transform:translate(-50%);font-size:calc(6.5 * var(--u));color:#ffb0b0;text-shadow:0 0 calc(2 * var(--u)) #000;opacity:0;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}#tip{font-family:var(--text);position:absolute;left:50%;bottom:calc(46 * var(--u));transform:translate(-50%);font-size:calc(6.5 * var(--u));color:var(--gold-hi);text-shadow:0 0 calc(2 * var(--u)) #000,0 0 calc(4 * var(--u)) #000;text-align:center;white-space:nowrap;transition:opacity .4s}#tip kbd{font-family:var(--pix);background:#0b0a18;border:var(--u) solid var(--line);padding:0 calc(2 * var(--u));color:var(--ink)}.screen{position:absolute;inset:0;pointer-events:auto;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#06051059,#030309e0)}.screen .box{text-align:center;max-width:calc(380 * var(--u))}.screen h1{font-family:var(--serif);font-weight:700;margin:0;font-size:calc(30 * var(--u));color:var(--gold-hi);letter-spacing:.05em;text-shadow:0 0 calc(10 * var(--u)) rgba(255,190,70,.55),0 calc(2 * var(--u)) 0 #000;line-height:1}.screen h2{font-family:var(--serif);font-weight:500;margin:calc(4 * var(--u)) 0 0;font-size:calc(11 * var(--u));color:#c9b6ff;letter-spacing:.12em}.screen p{font-family:var(--text);font-size:calc(7 * var(--u));color:var(--ink);line-height:1.5;margin:calc(8 * var(--u)) 0}.screen .keys{display:grid;grid-template-columns:auto auto;gap:calc(2 * var(--u)) calc(10 * var(--u));justify-content:center;text-align:left;font-size:calc(6.5 * var(--u));color:var(--ink-dim);margin:calc(8 * var(--u)) 0 calc(10 * var(--u))}.screen .keys b{color:var(--gold-hi);font-weight:400}.screen .btn{font-size:calc(9 * var(--u));padding:calc(4 * var(--u)) calc(14 * var(--u))}.screen .stars{font-size:calc(22 * var(--u));letter-spacing:calc(6 * var(--u));margin:calc(6 * var(--u)) 0}.screen .stars .on{color:var(--gold);text-shadow:0 0 calc(8 * var(--u)) var(--gold)}.screen .stars .off{color:#2c2840}.screen .stat{font-size:calc(7 * var(--u));color:var(--ink-dim)}.screen .stat b{color:var(--ink);font-weight:400}.hidden{display:none!important}#pause{background:#03030999}#ui.title-mode>:not(.screen):not(.mt-screen){visibility:hidden}:root{--azure: #6fa8ff;--azure-hi: #cfe3ff;--azure-bg: rgba(10, 22, 58, .9);--text-ink: #e9e2cf}#res .num.star{color:#ff9aa6}.bar>s{position:absolute;left:0;top:0;bottom:0;background:#a0d2ffd9;text-decoration:none}#treebar{cursor:pointer}#treebar:hover{border-color:var(--gold)}#treebar .caption .hot{color:#ffb0b8}.icon{image-rendering:pixelated}.row{display:flex;gap:calc(6 * var(--u));justify-content:center;align-items:center;margin-top:calc(4 * var(--u))}.screen .kicker{font-family:var(--pix);font-size:calc(7 * var(--u));color:var(--violet);letter-spacing:.3em;margin-bottom:calc(4 * var(--u));text-transform:uppercase}.screen .row .btn .icon{width:calc(10 * var(--u));height:calc(10 * var(--u));vertical-align:-15%}#abilities{gap:calc(8 * var(--u))}.ab .lock{position:absolute;inset:0;display:grid;place-items:center;align-content:center;background:#04040cd1;gap:0}.ab .lock img{width:calc(9 * var(--u));height:calc(9 * var(--u))}.ab .lock span{font-size:calc(5 * var(--u));color:var(--ink-dim)}.ab .charge{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#ff5a3c73,#ffc85a40);pointer-events:none}.ab.ult{border-color:#8a3a2a}.ab.ult.ready{border-color:#ffb070;box-shadow:0 0 calc(8 * var(--u)) #ff8c50b3;animation:pulse 1s infinite alternate}@keyframes pulse{to{box-shadow:0 0 calc(3 * var(--u)) #ff8c5066}}.btn.keeper{display:flex;align-items:center;gap:calc(3 * var(--u));border-color:#3a5aa0;color:var(--azure-hi)}.btn.keeper img{width:calc(10 * var(--u));height:calc(10 * var(--u));image-rendering:pixelated}.btn.keeper .k{opacity:.6}.btn.keeper.hot{border-color:#ff9aa6;box-shadow:0 0 calc(5 * var(--u)) #ff5a6a99}#ring{position:absolute;width:0;height:0;pointer-events:none;display:none}#ring.show{display:block}#ring .ring-circle{position:absolute;left:calc(-30 * var(--u));top:calc(-30 * var(--u));width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:50%;border:var(--u) dashed rgba(255,200,90,.35);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ring .ring-title{position:absolute;left:0;top:calc(8 * var(--u));transform:translate(-50%);white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:calc(8 * var(--u));color:var(--gold-hi);text-shadow:0 0 calc(3 * var(--u)) #000,0 0 calc(2 * var(--u)) #000}.ropt{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;background:radial-gradient(circle,#241a10 55%,#0b0a18 75%);border:var(--u) solid var(--gold-dim);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 calc(5 * var(--u)) #ffbe4659;animation:ropt .16s ease-out}@keyframes ropt{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.ropt:hover{border-color:var(--gold-hi);box-shadow:0 0 calc(9 * var(--u)) #ffdc78cc}.ropt img{width:calc(14 * var(--u));height:calc(14 * var(--u))}.ropt.no img{filter:grayscale(.85) brightness(.55)}.ropt.danger{border-color:#7a3040}.ropt .rk{position:absolute;top:calc(-3 * var(--u));right:calc(-3 * var(--u));font-size:calc(5 * var(--u));background:#0b0a18;border:var(--u) solid var(--line);padding:0 calc(1.5 * var(--u));line-height:1.3}.ropt .rp{position:absolute;bottom:calc(-8 * var(--u));left:50%;transform:translate(-50%);white-space:nowrap;font-size:calc(5.5 * var(--u));display:flex;gap:calc(2 * var(--u));text-shadow:0 0 calc(2 * var(--u)) #000,0 0 calc(2 * var(--u)) #000}.pa,.ps{display:inline-flex;align-items:center;gap:calc(1 * var(--u));color:#ffe7a6}.ps{color:#ffb0b8}.pa.no,.ps.no{color:#ff5a5a}.pa img,.ps img{width:calc(7 * var(--u));height:calc(7 * var(--u));image-rendering:pixelated}#card{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:calc(4 * var(--u)) calc(6 * var(--u));min-width:calc(110 * var(--u));max-width:calc(150 * var(--u));display:none;z-index:5}#card.show{display:block}#card h4{margin:0;font-family:var(--serif);font-size:calc(9 * var(--u));color:var(--gold-hi)}#card .sub{font-family:var(--text);font-size:calc(6 * var(--u));color:var(--ink-dim);margin:calc(1 * var(--u)) 0 calc(3 * var(--u));line-height:1.25}#card .sub i{color:#ffd68a;font-style:normal}#card .stats{font-family:var(--pix);font-size:calc(5.5 * var(--u));color:var(--ink-dim);line-height:1.45;columns:2;column-gap:calc(8 * var(--u))}#card .stats b{color:var(--ink);font-weight:400}#card .stats b.up{color:#9cff8a}#card .price-row{display:flex;gap:calc(5 * var(--u));align-items:center;margin-top:calc(3 * var(--u));font-size:calc(7 * var(--u))}#card .price-row .pa img,#card .price-row .ps img{width:calc(9 * var(--u));height:calc(9 * var(--u))}#card .hk{margin-left:auto;color:var(--ink-dim);font-size:calc(6 * var(--u))}#sidepanel{position:absolute;right:calc(8 * var(--u));top:calc(40 * var(--u));width:calc(176 * var(--u));max-height:calc(270 * var(--u));overflow-y:auto;padding:calc(6 * var(--u)) calc(8 * var(--u));pointer-events:auto;display:none}#sidepanel.show{display:block;animation:slide .15s ease-out}@keyframes slide{0%{transform:translate(calc(10 * var(--u)));opacity:0}}#sidepanel h3{margin:0;font-family:var(--serif);font-size:calc(12 * var(--u));color:var(--gold-hi)}#sidepanel .sub{font-family:var(--text);font-size:calc(6 * var(--u));color:var(--ink-dim);margin:calc(2 * var(--u)) 0 calc(4 * var(--u));line-height:1.3}#sidepanel .sub .dim{opacity:.5}#sidepanel .close{position:absolute;top:calc(3 * var(--u));right:calc(4 * var(--u));background:none;border:0;color:var(--ink-dim);font-size:calc(8 * var(--u));cursor:pointer}#sidepanel .btn{font-size:calc(6.5 * var(--u))}#sidepanel .btn .icon{width:calc(8 * var(--u));height:calc(8 * var(--u));vertical-align:-15%}.ladder{display:flex;flex-direction:column-reverse;gap:calc(2 * var(--u));position:relative}.ladder .step{display:grid;grid-template-columns:calc(12 * var(--u)) 1fr;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(3 * var(--u));border:var(--u) solid transparent}.ladder .step .dot{width:calc(11 * var(--u));height:calc(11 * var(--u));border-radius:50%;display:grid;place-items:center;font-size:calc(6 * var(--u));border:var(--u) solid #3a3650;color:var(--ink-dim)}.ladder .step.done .dot{background:var(--gold-dim);color:#1a1206;border-color:var(--gold)}.ladder .step.cur{border-color:var(--gold-dim);background:#ffc84612}.ladder .step.cur .dot{background:var(--gold);color:#1a1206;border-color:#fff1b8;box-shadow:0 0 calc(5 * var(--u)) var(--gold)}.ladder .step.next{opacity:.75}.ladder .nm{font-family:var(--serif);font-weight:700;font-size:calc(8 * var(--u));color:var(--gold-hi)}.ladder .step.next .nm{color:var(--ink)}.ladder .un{font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--ink-dim);line-height:1.3}.ladder .br{font-family:var(--text);font-size:calc(5.5 * var(--u));color:#c9b6ff}.ladder .br b{color:#e2d6ff;font-weight:700}.ladder .cost{font-size:calc(6 * var(--u));color:#ffe7a6;margin-top:calc(1 * var(--u))}.ladder .cost .icon{width:calc(7 * var(--u));height:calc(7 * var(--u));vertical-align:-10%}.growrow{display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(6 * var(--u));margin-top:calc(4 * var(--u))}.growrow .bar{flex:1}.ranks{display:flex;align-items:center;justify-content:space-between;margin:calc(3 * var(--u)) 0;font-size:calc(6 * var(--u))}.ranks span{color:#4a4560}.ranks span.on{color:var(--c);text-shadow:0 0 calc(3 * var(--u)) var(--c)}.ranks i{flex:1;height:var(--u);background:#2a2440;margin:0 calc(2 * var(--u))}.runes{display:flex;flex-direction:column;gap:calc(2 * var(--u))}.rune{display:grid;grid-template-columns:calc(14 * var(--u)) 1fr;gap:calc(4 * var(--u));align-items:center;padding:calc(2 * var(--u));border:var(--u) solid var(--c, #3a3650);background:#141e4659}.rune.empty{border-style:dashed;border-color:#2e3a68;opacity:.7}.rune img{width:calc(14 * var(--u));height:calc(14 * var(--u))}.rune b{display:block;font-family:var(--serif);font-size:calc(7.5 * var(--u));color:var(--c, var(--ink))}.rune small{display:block;font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--ink-dim);line-height:1.25}.runes.small .rune b{font-size:calc(6.5 * var(--u))}#sidepanel .dim{opacity:.45}.tablet{font-family:var(--text);color:var(--azure-hi);background:var(--azure-bg);border:var(--u) solid var(--azure);box-shadow:0 0 calc(10 * var(--u)) #508cff59,inset 0 0 calc(8 * var(--u)) #508cff33}.tablet .who{font-family:var(--pix);font-size:calc(5.5 * var(--u));color:var(--azure);letter-spacing:.08em;text-transform:uppercase}#notice{position:absolute;left:50%;top:calc(44 * var(--u));transform:translate(-50%);max-width:calc(300 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));font-size:calc(6.5 * var(--u));opacity:0;transition:opacity .25s;pointer-events:none;text-align:center;line-height:1.35}#notice.show{opacity:1}#notice .who{margin-right:calc(2 * var(--u))}#notice.warn{color:#ffd0d0;border-color:#a04050;background:#280a14e0;box-shadow:none}.tablet.inline{display:inline-block;padding:calc(3 * var(--u)) calc(8 * var(--u));font-size:calc(7 * var(--u));margin:calc(4 * var(--u)) 0}.tablet.inline b{color:#fff}.screen.modal{background:#03040cb8;z-index:8}.tablet.big{position:relative;width:calc(330 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));text-align:center;animation:pop2 .25s ease-out}@keyframes pop2{0%{transform:scale(.92);opacity:0}}.tablet.big h3,.branch-box h3{margin:calc(2 * var(--u)) 0 0;font-family:var(--serif);font-size:calc(13 * var(--u));color:#fff;font-weight:700}.tablet.big .sub,.branch-box .sub{font-size:calc(6.5 * var(--u));opacity:.8;margin-bottom:calc(6 * var(--u))}.orbit-wrap{position:absolute;left:50%;top:50%;width:0;height:0;transform:scaleY(.42);pointer-events:none}.orbit{position:absolute;left:0;top:0;width:0;height:0;animation:spin 40s linear infinite}.orbit span{position:absolute;left:0;top:0;font-size:calc(8 * var(--u));line-height:1;color:var(--azure);text-shadow:0 0 calc(4 * var(--u)) var(--azure);transform:rotate(calc(var(--i) * 30deg)) translate(calc(178 * var(--u))) rotate(90deg);opacity:.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(6 * var(--u))}.cards.two{grid-template-columns:repeat(2,1fr)}.rcard{position:relative;cursor:pointer;padding:calc(6 * var(--u)) calc(5 * var(--u)) calc(8 * var(--u));background:#060c22e6;border:var(--u) solid var(--c, var(--azure));box-shadow:inset 0 0 calc(10 * var(--u)) #0009;transition:transform .1s}.rcard:hover{box-shadow:0 0 calc(10 * var(--u)) var(--c, var(--azure))}.rcard>*{transition:transform .12s}.rcard:hover>*{transform:translateY(calc(-2 * var(--u)))}.rcard img{width:calc(22 * var(--u));height:calc(22 * var(--u));image-rendering:pixelated}.rcard .rank{font-family:var(--pix);font-size:calc(5.5 * var(--u));color:var(--c);letter-spacing:.1em;text-transform:uppercase}.rcard .cat{font-family:var(--pix);font-size:calc(5 * var(--u));color:var(--ink-dim)}.rcard .nm{font-family:var(--serif);font-weight:700;font-size:calc(9.5 * var(--u));color:#fff;margin:calc(2 * var(--u)) 0}.rcard .ds{font-family:var(--text);font-size:calc(6 * var(--u));color:var(--azure-hi);line-height:1.3}.rcard .hk{position:absolute;bottom:calc(2 * var(--u));left:50%;transform:translate(-50%);font-family:var(--pix);font-size:calc(5.5 * var(--u));color:var(--ink-dim)}.branch-box{width:calc(320 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));text-align:center;background:#140c04eb;border:var(--u) solid var(--gold);box-shadow:0 0 calc(14 * var(--u)) #ffbe4666;color:var(--ink);font-family:var(--text);animation:pop2 .25s ease-out}.branch-box .who{font-family:var(--pix);font-size:calc(6 * var(--u));color:var(--gold);letter-spacing:.1em}.rcard.gold{--c: var(--gold);background:#1e1206e6}.rcard.gold .ds{color:var(--ink)}#sidepanel{width:calc(200 * var(--u));top:calc(56 * var(--u))!important;max-height:calc(258 * var(--u))}.lightbar.near{box-shadow:0 0 calc(4 * var(--u)) #ffdc78cc;border-color:var(--gold)}.lightbar.far>i{filter:grayscale(.7) brightness(.7)}.btn.tiny{font-size:calc(5.5 * var(--u))!important;padding:0 calc(3 * var(--u));margin-left:auto}.hotline{color:var(--azure-hi)!important}.rblock{border:var(--u) solid #2a2440;padding:calc(3 * var(--u));margin:calc(3 * var(--u)) 0;background:#0a0c1e80}.rblock.dim{opacity:.55}.rhead{display:flex;align-items:center;gap:calc(3 * var(--u))}.rhead img{width:calc(12 * var(--u));height:calc(12 * var(--u));image-rendering:pixelated}.rhead b{font-family:var(--serif);font-size:calc(8 * var(--u));color:var(--gold-hi)}.rhead .cap{font-size:calc(6 * var(--u));color:var(--ink-dim)}.slots{display:flex;flex-wrap:wrap;gap:calc(2 * var(--u));margin:calc(2 * var(--u)) 0}.slot{font-size:calc(5.5 * var(--u));padding:calc(1 * var(--u)) calc(3 * var(--u));border:var(--u) dashed #3a3650;color:#5a5470}.slot.full{border:var(--u) solid var(--c);color:var(--c);background:#ffffff0a}.slot.locked{border-color:#2a2440;color:#3a3650}.shop{display:flex;flex-direction:column;gap:calc(1 * var(--u))}.shop .item{display:grid;grid-template-columns:1fr auto;column-gap:calc(4 * var(--u));padding:calc(1.5 * var(--u)) calc(3 * var(--u));border-left:calc(2 * var(--u)) solid var(--c);cursor:pointer;background:#ffffff05}.shop .item:hover{background:#ffc84614}.shop .item.no{opacity:.45;cursor:default}.shop .item .nm{font-family:var(--serif);font-weight:700;font-size:calc(7 * var(--u));color:var(--ink)}.shop .item .nm i{font-family:var(--pix);font-style:normal;font-size:calc(5.5 * var(--u));color:var(--ink-dim)}.shop .item .ds{grid-column:1;font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--ink-dim);line-height:1.25}.shop .item .pr{grid-column:2;grid-row:1 / span 2;align-self:center;display:inline-flex;align-items:center;gap:calc(1 * var(--u));font-size:calc(6.5 * var(--u));color:#ffb0b8}.shop .item .pr.no{color:#ff5a5a}.shop .item .pr img{width:calc(7 * var(--u));height:calc(7 * var(--u));image-rendering:pixelated}#res .bars{flex-direction:column;gap:calc(1.5 * var(--u));align-items:stretch}.kbar{position:relative;width:calc(44 * var(--u));height:calc(5 * var(--u));background:#2a0f18;border:var(--u) solid #5a2a34}.kbar>i{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#3aa04a,#9cff8a)}.kbar>span{position:absolute;inset:0;font-size:calc(4.5 * var(--u));line-height:calc(4 * var(--u));text-align:center;color:#fff;text-shadow:0 0 calc(1.5 * var(--u)) #000}.attrs{display:flex;flex-direction:column;gap:calc(2 * var(--u));margin:calc(3 * var(--u)) 0}.attr{display:grid;grid-template-columns:calc(26 * var(--u)) 1fr auto auto;align-items:center;column-gap:calc(3 * var(--u))}.attr b{font-family:var(--serif);font-size:calc(7.5 * var(--u));color:var(--gold-hi)}.attr .pips{font-size:calc(5 * var(--u));color:var(--gold);letter-spacing:calc(.3 * var(--u))}.attr small{grid-column:1 / span 2;font-family:var(--text);font-size:calc(5 * var(--u));color:var(--ink-dim)}.attr .btn.tiny{grid-row:1;margin-left:0}.btn .icon{width:calc(7 * var(--u));height:calc(7 * var(--u));vertical-align:-10%}.rrank{font-size:calc(5.5 * var(--u));color:var(--c);border:var(--u) solid var(--c);padding:0 calc(2 * var(--u))}.row.left{justify-content:flex-start;gap:calc(4 * var(--u));margin-top:calc(2 * var(--u))}.row.left .btn.tiny{margin-left:0}.row .hint{font-family:var(--text);font-size:calc(5 * var(--u));color:var(--ink-dim)}.forms{display:grid;grid-template-columns:1fr 1fr;gap:calc(2 * var(--u));margin:calc(2 * var(--u)) 0}.forms.locked{opacity:.5}.form{border:var(--u) solid #3a4a80;padding:calc(2 * var(--u)) calc(3 * var(--u));background:#14285a40}.form.pick{cursor:pointer;border-color:var(--azure);box-shadow:0 0 calc(4 * var(--u)) #6fa8ff66}.form.pick:hover{background:#6fa8ff26}.form.on{border-color:var(--azure);margin:calc(2 * var(--u)) 0}.form b{display:block;font-family:var(--serif);font-size:calc(7 * var(--u));color:var(--azure-hi)}.form small{font-family:var(--text);font-size:calc(5 * var(--u));color:var(--ink-dim);line-height:1.25}.form small i{color:#ffd68a;font-style:normal}#revive{position:absolute;left:50%;top:32%;transform:translate(-50%);width:calc(210 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));display:none;text-align:center;pointer-events:auto;border-color:#a04050;box-shadow:0 0 calc(14 * var(--u)) #c8284666;z-index:6}#revive.show{display:block;animation:pop2 .2s ease-out}#revive h4{margin:0;font-family:var(--serif);font-size:calc(12 * var(--u));color:#ffb0b8}#revive .sub{font-family:var(--text);font-size:calc(6 * var(--u));color:var(--ink-dim);margin:calc(2 * var(--u)) 0}#revive .btn{display:block;width:100%;margin:calc(3 * var(--u)) 0;font-size:calc(6.5 * var(--u))}#revive .btn .k{opacity:.6}.growcard{border:var(--u) solid var(--gold-dim);background:#ffc84612;padding:calc(4 * var(--u)) calc(5 * var(--u));margin:calc(3 * var(--u)) 0 calc(5 * var(--u));box-shadow:0 0 calc(6 * var(--u)) #ffbe4633}.growcard .gc-head{font-family:var(--serif);font-size:calc(8 * var(--u));color:var(--gold-hi)}.growcard .gc-head b{color:#fff}.growcard .gc-un{font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--ink-dim);line-height:1.3;margin:calc(2 * var(--u)) 0}.growcard .gc-un i{color:#c9b6ff}.growcard .growrow span{display:inline-flex;align-items:center;gap:calc(1 * var(--u))}.ladder{flex-direction:column}.ladder .step.done{opacity:.55}#quest{position:absolute;left:calc(8 * var(--u));top:calc(30 * var(--u));width:calc(150 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));display:none;border-color:var(--azure);background:var(--azure-bg);box-shadow:0 0 calc(8 * var(--u)) #508cff4d}#quest.show{display:block}#quest .who{font-size:calc(5 * var(--u));color:var(--azure);text-transform:uppercase;letter-spacing:.08em}#quest .qt{font-family:var(--serif);font-weight:700;font-size:calc(7.5 * var(--u));color:#fff;margin:calc(1 * var(--u)) 0;line-height:1.2}#quest .qh{font-family:var(--text);font-size:calc(5.5 * var(--u));color:var(--azure-hi);opacity:.85;line-height:1.3}#quest .qh kbd,#tip kbd{font-family:var(--pix)}#quest .qr{position:absolute;right:calc(5 * var(--u));top:calc(3 * var(--u));font-size:calc(6 * var(--u));color:#ffe7a6;display:flex;align-items:center;gap:calc(1 * var(--u))}#quest .qr .icon{width:calc(8 * var(--u));height:calc(8 * var(--u))}.hl{animation:hl .9s ease-in-out infinite alternate}@keyframes hl{0%{box-shadow:0 0 #8fd0ff00}to{box-shadow:0 0 calc(10 * var(--u)) calc(2 * var(--u)) #8fd0ffd9}}.ab .cd{max-height:100%}.ab>.cd,.ab>.charge,.ab>.lock{overflow:hidden}.ab .key{z-index:2}.ab .cd{top:0;bottom:auto;height:100%!important;max-height:none;transform-origin:top;transform:scaleY(0);background:#04040ec7;transition:none}.ab .cdt{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--pix);font-size:calc(10 * var(--u));color:#fff;text-shadow:0 0 calc(2 * var(--u)) #000,0 0 calc(2 * var(--u)) #000;pointer-events:none}.ab.ready{border-color:var(--gold);animation:abready 1.1s ease-in-out infinite alternate}@keyframes abready{0%{box-shadow:0 0 calc(3 * var(--u)) #ffc84673}to{box-shadow:0 0 calc(10 * var(--u)) #ffdc78f2}}.ab.ready img{filter:brightness(1.25) drop-shadow(0 0 calc(2 * var(--u)) rgba(255,220,120,.9))}.ab:not(.ready) img{filter:grayscale(.35) brightness(.75)}.ab.pop:before{content:"";position:absolute;inset:0;background:#fff0bed9;animation:abpop .45s ease-out forwards;pointer-events:none;z-index:3}@keyframes abpop{0%{opacity:1}to{opacity:0}}.ab.learnable .lock{animation:learnPulse 1.2s ease-in-out infinite}@keyframes learnPulse{0%,to{background:#0a0814bf}50%{background:#783c8c99}}.abtip{position:absolute;z-index:30;width:calc(125 * var(--u));pointer-events:none;background:linear-gradient(180deg,#1c142cf7,#0e0a18f7);border:1px solid #ffd24a66;box-shadow:0 0 0 1px #000a,0 6px 22px #000c,inset 0 0 18px #ffd24a14;border-radius:6px;padding:calc(4 * var(--u)) calc(5 * var(--u));color:#e8dcc4;font-family:Philosopher,serif;font-size:calc(6 * var(--u))}.abtip.hidden{display:none}.abtip .hd{display:flex;gap:calc(4 * var(--u));align-items:center;margin-bottom:calc(2.5 * var(--u))}.abtip .hd img{width:calc(14 * var(--u));height:calc(14 * var(--u));image-rendering:pixelated}.abtip .hd div{display:flex;flex-direction:column;flex:1}.abtip .hd b{color:#ffe58a;font-size:calc(7 * var(--u))}.abtip .hd span{font-size:calc(5.5 * var(--u))}.abtip .hd .key{flex:0;border:1px solid #ffffff44;border-radius:3px;padding:0 calc(2.5 * var(--u));color:#fff}.abtip .ds{line-height:1.3;margin-bottom:calc(3 * var(--u));opacity:.9}.abtip .lockline{color:#ffb08a;margin-bottom:calc(3 * var(--u))}.abtip .st{display:grid;grid-template-columns:1fr auto;gap:calc(1 * var(--u)) calc(5 * var(--u));border-top:1px solid #ffffff1a;padding-top:calc(2.5 * var(--u))}.abtip .st span{opacity:.7}.abtip .st b{color:#fff;text-align:right}.abtip .tags{display:flex;flex-wrap:wrap;gap:calc(1.5 * var(--u));margin-top:calc(2.5 * var(--u))}.abtip .tags i{font-style:normal;font-size:calc(5 * var(--u));border:1px solid var(--c);color:var(--c);border-radius:3px;padding:0 calc(2 * var(--u))}.slot .rm{margin-left:calc(2 * var(--u));font-size:calc(4.5 * var(--u));background:#3a1420;color:#ffb0b0;border:1px solid #ff6a6a66;border-radius:3px;cursor:pointer;padding:0 calc(1.5 * var(--u))}.slot .rm.no{opacity:.4;cursor:default}#callnight.rush{background:linear-gradient(180deg,#a0402a,#5a1a14);border-color:#ff9a6a;color:#fff0e0;animation:rushPulse 1.4s ease-in-out infinite}@keyframes rushPulse{0%,to{box-shadow:0 0 #ff783c00}50%{box-shadow:0 0 calc(8 * var(--u)) #ff783cb3}}.st-screen{z-index:20;background:#05060e}.st-box h1{font-size:calc(20 * var(--u))!important}.st-box{width:calc(560 * var(--u) / 2);max-width:96%;max-height:92%;overflow-y:auto;text-align:left}.st-box h1,.st-box .kicker{text-align:center}.st-box h3{font-family:Philosopher,serif;color:#ffe58a;font-size:calc(8 * var(--u));margin:calc(6 * var(--u)) 0 calc(3 * var(--u))}.st-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(4 * var(--u));margin:calc(4 * var(--u)) 0}.st-cards div{border:var(--u) solid #3a3060;background:#ffffff08;padding:calc(4 * var(--u));text-align:center}.st-cards b{display:block;font-size:calc(12 * var(--u));color:#ffe58a}.st-cards span{font-size:calc(5.5 * var(--u));opacity:.75}.st-cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u))}.st-bar{display:grid;grid-template-columns:calc(60 * var(--u)) 1fr calc(28 * var(--u));align-items:center;gap:calc(3 * var(--u));font-size:calc(6 * var(--u));margin:calc(1.5 * var(--u)) 0;font-family:Philosopher,serif}.st-bar i{display:block;height:calc(4 * var(--u));background:linear-gradient(90deg,var(--c) var(--w),rgba(255,255,255,.05) var(--w))}.st-bar b{text-align:right;color:#fff;font-weight:400}.st-empty{opacity:.6;font-size:calc(6 * var(--u))}.st-table{overflow-x:auto}.st-table table{width:100%;border-collapse:collapse;font-size:calc(5.5 * var(--u));font-family:Philosopher,serif}.st-table th{color:#c9b98a;text-align:left;border-bottom:var(--u) solid #3a3060;padding:calc(1.5 * var(--u));font-weight:400}.st-table td{padding:calc(1.5 * var(--u));border-bottom:1px solid #ffffff10}#abilities .chord{position:absolute;left:50%;bottom:calc(100% + 4 * var(--u));transform:translate(-50%);white-space:nowrap;font-family:Philosopher,serif;font-size:calc(6.5 * var(--u));color:#c9c0e0;text-shadow:0 0 calc(3 * var(--u)) #000,0 var(--u) 0 #000;pointer-events:none}#abilities .chord.on{color:#b8f0ff}#abilities .chord.hidden{display:none}#ui.title-mode .screen.modal{display:none!important}#callnight.rush.wait{animation:none;opacity:.7;background:linear-gradient(180deg,#5a2a22,#2a1210);cursor:default}.paths{display:grid;grid-template-columns:1fr 1fr;gap:calc(3 * var(--u));margin:calc(2 * var(--u)) 0 calc(5 * var(--u))}.pathc{border:var(--u) solid color-mix(in srgb,var(--c) 55%,transparent);background:#ffffff08;padding:calc(3 * var(--u)) calc(4 * var(--u));display:flex;flex-direction:column;gap:calc(1.5 * var(--u));min-width:0}.pathc.done{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:0 0 calc(5 * var(--u)) color-mix(in srgb,var(--c) 40%,transparent)}.pathc .ph{display:flex;justify-content:space-between;align-items:baseline;gap:calc(3 * var(--u))}.pathc .ph b{font-family:var(--serif);color:var(--c);font-size:calc(7.5 * var(--u))}.pathc .ph span{color:var(--c);font-size:calc(6 * var(--u));letter-spacing:.1em;white-space:nowrap}.pathc .pb{font-size:calc(5.5 * var(--u));color:#d8d0c0;opacity:.85;line-height:1.25}.pathc .pc{display:flex;flex-direction:column;gap:calc(.5 * var(--u));font-size:calc(5.5 * var(--u));line-height:1.25;color:#b8b0c8;border-top:var(--u) solid rgba(255,255,255,.06);padding-top:calc(1.5 * var(--u))}.pathc .pc i{font-style:normal;color:var(--c);opacity:.9}.pathc .pc span:before{content:"• ";color:var(--c)}.pathc.done .pc span{color:#f0e8d8}.screen .ver{margin-top:calc(4 * var(--u));font-size:calc(5.5 * var(--u));opacity:.45;font-family:var(--pix)}.term{border-bottom:1px dotted currentColor;cursor:help;text-decoration:none}.term:hover{color:#ffe58a}.gloss-tip{position:absolute;z-index:40;max-width:calc(130 * var(--u));pointer-events:none;background:linear-gradient(180deg,#1e1630fa,#0e0a18fa);border:1px solid #c9a24a88;box-shadow:0 6px 18px #000c;border-radius:4px;padding:calc(4 * var(--u)) calc(5 * var(--u));font-family:Philosopher,serif;font-size:calc(6 * var(--u));line-height:1.35;color:#e8dcc4;text-align:left}.gloss-tip b{display:block;color:#ffe58a;font-size:calc(7 * var(--u));margin-bottom:calc(1.5 * var(--u))}.gloss-tip.hidden{display:none}.ropt.locked{opacity:.45;border-style:dashed;cursor:help;box-shadow:none}.slot .rm .icon{width:calc(5 * var(--u));height:calc(5 * var(--u));vertical-align:middle}#pause .giveup{position:absolute;left:calc(10 * var(--u));bottom:calc(10 * var(--u));font-size:calc(6 * var(--u));opacity:.55;border-color:#6a2a3a}#pause .giveup:hover{opacity:1}#pause .giveup.armed{opacity:1;background:#5a1420;color:#ffd0d0;border-color:#ff6a6a}.lvchips{position:absolute;top:calc(-46 * var(--u));display:flex;flex-direction:column;gap:calc(1.5 * var(--u));pointer-events:auto;transform:translate(-50%)}.lvchip{font-family:var(--pix);font-size:calc(5.5 * var(--u));min-width:calc(17 * var(--u));padding:calc(1 * var(--u)) calc(2 * var(--u));background:#120e1e;color:#c9b98a;border:var(--u) solid #3a3060;cursor:pointer;border-radius:calc(1.5 * var(--u))}.lvchip:hover{border-color:var(--gold-dim);color:#ffe58a}.lvchip.on{background:linear-gradient(180deg,#5a4214,#2a1e08);color:#fff0c0;border-color:var(--gold);box-shadow:0 0 calc(4 * var(--u)) #ffc84673}.starstep{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:calc(1 * var(--u));pointer-events:auto}.starstep button{width:calc(8 * var(--u));height:calc(8 * var(--u));padding:0;line-height:1;font-size:calc(7 * var(--u));font-weight:700;background:linear-gradient(180deg,#ffd24a,#c88a1a);color:#1a1008;border:var(--u) solid #fff0b0;border-radius:calc(1.5 * var(--u));cursor:pointer;box-shadow:0 0 calc(3 * var(--u)) #ffd24a99,0 var(--u) 0 #000}.starstep button:hover:not(:disabled){background:linear-gradient(180deg,#fff0a0,#ffd24a)}.starstep button:disabled{background:#2a2438;color:#6a6280;border-color:#4a4260;box-shadow:none;cursor:default}.starlbl{position:absolute;transform:translate(-50%,-50%);font-family:var(--pix);font-size:calc(6.5 * var(--u));color:#c9c0a0;background:#0a0814d9;border:var(--u) solid #4a4260;border-radius:calc(1.5 * var(--u));padding:0 calc(2 * var(--u));pointer-events:none;white-space:nowrap}.starlbl.on{color:#fff0b0;border-color:#ffd24a;box-shadow:0 0 calc(4 * var(--u)) #ffd24a8c}#card .role{color:#ffe58a;font-weight:400}.ropt.no{opacity:.5;box-shadow:none}.ropt.no.locked{opacity:.45}#ring.still .ropt,.still .ropt,.still .starstep,.still .starlbl{animation:none!important}.slot .up{margin-left:calc(4 * var(--u));font-size:calc(9 * var(--u) / 2);background:#2a3a14;color:#d8ffb0;border:1px solid #8fd06a88;border-radius:3px;cursor:pointer;padding:0 calc(3 * var(--u))}.slot .up.no{opacity:.4;cursor:default}.slot .up .icon{width:calc(5 * var(--u));height:calc(5 * var(--u));vertical-align:middle}.rcard.rk1{box-shadow:0 0 calc(5 * var(--u)) color-mix(in srgb,var(--c) 35%,transparent)}.rcard.rk2{box-shadow:0 0 calc(8 * var(--u)) color-mix(in srgb,var(--c) 50%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 14%,#0c0a1a),#0c0a1a)}.rcard.rk3{box-shadow:0 0 calc(11 * var(--u)) color-mix(in srgb,var(--c) 65%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 22%,#0c0a1a),#0c0a1a)}.rcard.rk4{box-shadow:0 0 calc(14 * var(--u)) color-mix(in srgb,var(--c) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,#0c0a1a),#0c0a1a);animation:rkglow 2s ease-in-out infinite}@keyframes rkglow{50%{box-shadow:0 0 calc(20 * var(--u)) var(--c)}}.rcard .rank{font-size:1.15em}.rblock.flashrune{animation:flashrune 1.4s ease-out}@keyframes flashrune{0%{box-shadow:0 0 0 calc(2 * var(--u)) #ffe58a}to{box-shadow:0 0 0 0 transparent}}.ab .lock .lk .icon{width:1em;height:1em;vertical-align:middle}#controls .btn.keeper{position:relative}#controls .btn.keeper.hot{animation:hotPulse 1.2s ease-in-out infinite;border-color:#ffd24a}@keyframes hotPulse{50%{box-shadow:0 0 calc(10 * var(--u)) #ffd24ad9}}#controls .btn.keeper[data-badge]:not([data-badge=""]):after{content:attr(data-badge);position:absolute;top:calc(-5 * var(--u));right:calc(-5 * var(--u));min-width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:#ff4a5a;color:#fff;font-size:calc(6 * var(--u));display:grid;place-items:center;box-shadow:0 0 calc(4 * var(--u)) #ff4a5a}#controls .btn.spd{padding:0 calc(4 * var(--u))}#pause .giveup{opacity:.85!important}.btn.slotbtn{margin-left:calc(2 * var(--u))}#res .item.spendme{animation:spendme .9s ease-in-out infinite;border-radius:calc(2 * var(--u))}@keyframes spendme{50%{background:#ffb43c59;box-shadow:0 0 calc(8 * var(--u)) #ffb43ccc}}:root{--ink-dim: #b9b2c8}#card .sub,.rcard .ds{font-size:calc(7 * var(--u))!important;line-height:1.35}#card .stats{font-size:calc(6.2 * var(--u))}#sidepanel .sub,.tablet.big .sub,.branch-box .sub{font-size:calc(6.8 * var(--u))!important}.shop .item .ds,.rune small,.ladder .un,.ladder .br{font-size:calc(6.3 * var(--u))}.slot{font-size:calc(6 * var(--u));color:#8a84a0}.rcard .cat{font-size:calc(5.8 * var(--u))}.pathc .pb,.pathc .pc{font-size:calc(6.2 * var(--u))}.gloss-tip{font-size:calc(6.6 * var(--u))!important}.aspects{position:absolute;left:0;transform:translate(-50%);display:flex;gap:calc(3 * var(--u));pointer-events:auto}.aspect{position:relative;display:flex;flex-direction:column;align-items:center;min-width:calc(20 * var(--u));padding:calc(1.5 * var(--u)) calc(2 * var(--u));background:linear-gradient(180deg,#2a2440,#141024);border:var(--u) solid #8a7ac0;border-radius:calc(2 * var(--u));color:#fff;font-size:calc(8 * var(--u));cursor:pointer;line-height:1}.aspect:hover{border-color:#ffd24a;box-shadow:0 0 calc(4 * var(--u)) #ffd24a99}.aspect.no{opacity:.5}.aspect i{position:absolute;top:calc(-3 * var(--u));right:calc(-3 * var(--u));font-style:normal;font-size:calc(5 * var(--u));background:#ffd24a;color:#1a1008;border-radius:calc(2 * var(--u));padding:0 calc(1.5 * var(--u))}.aspect span{font-family:var(--pix);font-size:calc(5 * var(--u));color:#ffe58a;margin-top:calc(1 * var(--u))}.aspect span .icon{width:calc(5 * var(--u));height:calc(5 * var(--u));vertical-align:middle}#card .stats .down{color:#ff9a8a}.screen.modal{background:radial-gradient(ellipse at 50% 55%,#14102859,#03040c99)!important;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.screen.modal .tablet.big{box-shadow:0 0 calc(30 * var(--u)) #78a0ff40,0 calc(6 * var(--u)) calc(24 * var(--u)) #000a}.screen.modal .rcard{border-radius:calc(3 * var(--u));transition:transform .12s,box-shadow .12s}.screen.modal .rcard:hover{box-shadow:0 0 calc(12 * var(--u)) var(--c)}.exch .btn.tiny{margin-left:0}.callout,.hl{position:relative;animation:callout .75s ease-in-out infinite!important;z-index:6}@keyframes callout{0%,to{box-shadow:0 0 0 calc(1 * var(--u)) #ffd24ae6,0 0 calc(6 * var(--u)) #ffd24a80}50%{box-shadow:0 0 0 calc(2.5 * var(--u)) #fff0a0,0 0 calc(16 * var(--u)) #ffd24ae6}}.rblock.learn{border-color:#c9a24a;box-shadow:inset 0 0 calc(6 * var(--u)) #ffd24a1f}.learnrow{display:flex;align-items:center;gap:calc(4 * var(--u));margin:calc(2 * var(--u)) 0}.btn.learnbtn{white-space:nowrap;flex:0 0 auto;font-size:calc(7 * var(--u))!important;padding:calc(2 * var(--u)) calc(5 * var(--u))}.btn.learnbtn .icon{vertical-align:middle}.learnrow .hint{font-size:calc(6.3 * var(--u));color:var(--ink-dim);line-height:1.3}.rblock .btn.tiny{white-space:nowrap}.mt-screen{position:absolute;inset:0;z-index:30;pointer-events:auto;overflow:hidden;background:#05060d;font-family:var(--pix);color:var(--ink);animation:mt-in .35s ease-out}@keyframes mt-in{0%{opacity:0}}.mt-screen img{image-rendering:pixelated}.mt-cv{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.mt-nodes,.mt-labels{position:absolute;inset:0;pointer-events:none}.mt-node{position:absolute;pointer-events:auto;padding:0;margin:0;border:0;background:transparent;border-radius:50%;cursor:pointer;outline:none}.mt-node.cap{border-radius:0;transform:rotate(45deg) scale(.75)}.mt-node[data-state=locked],.mt-node[data-state=bought]{cursor:help}.mt-node:focus-visible{box-shadow:0 0 0 var(--u) #fff1b859}.mt-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:calc(6 * var(--u));line-height:1;color:#8a84b0;letter-spacing:.03em;text-shadow:0 0 calc(2 * var(--u)) #05060d,0 0 calc(2 * var(--u)) #05060d,0 var(--u) 0 #05060d}.mt-label b{font-weight:400;color:var(--ink-dim);margin-left:calc(2 * var(--u))}.mt-label.full,.mt-label.full b{color:var(--gold-hi);text-shadow:0 0 calc(3 * var(--u)) rgba(255,200,70,.6),0 var(--u) 0 #05060d}.mt-head{position:absolute;left:calc(12 * var(--u));top:calc(10 * var(--u));width:calc(150 * var(--u))}.mt-kicker{font-size:calc(5.5 * var(--u));color:#c9b6ff;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.mt-head h1{margin:calc(1 * var(--u)) 0 0;font-family:var(--serif);font-weight:700;font-size:calc(26 * var(--u));line-height:1;letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 0 calc(10 * var(--u)) rgba(255,190,70,.5),0 calc(2 * var(--u)) 0 #000}.mt-coins{display:inline-flex;align-items:center;gap:calc(3 * var(--u));margin-top:calc(5 * var(--u));padding:calc(2 * var(--u)) calc(6 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u));background:var(--panel);border:var(--u) solid var(--line);font-size:calc(7 * var(--u));color:var(--ink-dim)}.mt-coins img{width:calc(12 * var(--u));height:calc(12 * var(--u))}.mt-coins b{font-weight:400;color:var(--gold-hi);font-size:calc(9 * var(--u));min-width:calc(10 * var(--u))}.mt-coins.spend b{animation:mt-bump .35s ease-out}.mt-coins.deny{animation:mt-shake .3s linear;border-color:var(--blood)}.mt-coins.deny b{color:var(--blood)}@keyframes mt-bump{0%{transform:scale(1.4);color:#fff}to{transform:scale(1)}}.mt-quote{margin:calc(6 * var(--u)) 0 0;padding-left:calc(5 * var(--u));border-left:var(--u) solid var(--gold-dim);font-family:var(--text);font-style:italic;font-size:calc(6.5 * var(--u));line-height:1.4;color:var(--ink);text-shadow:0 var(--u) 0 #000}.mt-legend{position:absolute;left:calc(12 * var(--u));bottom:calc(12 * var(--u));display:flex;flex-direction:column;gap:calc(3 * var(--u));font-size:calc(6 * var(--u));color:var(--ink-dim);text-shadow:0 var(--u) 0 #000}.mt-legend>div{display:flex;align-items:center;gap:calc(4 * var(--u))}.mt-legend .sw{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;display:inline-block;box-sizing:border-box}.mt-legend .sw.bought{background:radial-gradient(circle,#fff6cf 30%,#ffc847 60%);box-shadow:0 0 calc(4 * var(--u)) #ffc846cc}.mt-legend .sw.buy{background:#1c1208;border:var(--u) solid #ffc847;box-shadow:0 0 calc(3 * var(--u)) #ffc84680;animation:mt-pulse 1.6s ease-in-out infinite}.mt-legend .sw.locked{background:#0f0e1b;border:var(--u) solid #2a2640}.mt-progress{margin-top:calc(2 * var(--u));font-size:calc(7 * var(--u));color:var(--ink)}.mt-progress b{font-weight:400;color:var(--gold-hi)}@keyframes mt-pulse{50%{box-shadow:0 0 calc(1 * var(--u)) #ffc8461a}}.mt-side{position:absolute;right:calc(10 * var(--u));top:calc(10 * var(--u));width:calc(132 * var(--u));padding:calc(5 * var(--u));background:var(--panel);border:var(--u) solid var(--line);box-shadow:inset 0 0 0 var(--u) #0009,0 calc(2 * var(--u)) calc(6 * var(--u)) #00000080}.mt-side h2{margin:0 0 calc(4 * var(--u));font-family:var(--serif);font-weight:700;font-size:calc(11 * var(--u));line-height:1;color:var(--gold-hi);letter-spacing:.06em;text-align:center}.mt-side h2:after{content:"";display:block;height:var(--u);margin-top:calc(3 * var(--u));background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.mt-paths{display:flex;flex-direction:column;gap:calc(3 * var(--u))}.mt-path{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(1 * var(--u)) calc(3 * var(--u));width:100%;padding:calc(3 * var(--u)) calc(4 * var(--u));text-align:left;font-family:var(--pix);color:var(--ink);background:#14102899;border:var(--u) solid #2a2140;cursor:pointer}.mt-path:hover:not(:disabled){border-color:var(--gold-dim);background:#ffc8460f}.mt-path:focus-visible{outline:var(--u) solid var(--gold-hi);outline-offset:calc(-2 * var(--u))}.mt-path.sel{border-color:var(--gold);background:linear-gradient(90deg,#ffc84629,#ffc84608);box-shadow:0 0 calc(5 * var(--u)) #ffc84640}.mt-path .nm{font-size:calc(7 * var(--u));line-height:1.1;color:var(--ink)}.mt-path.sel .nm{color:var(--gold-hi)}.mt-path .nm em{font-style:normal;color:var(--gold-dim);margin-right:calc(3 * var(--u))}.mt-path .st{font-size:calc(7 * var(--u));letter-spacing:calc(1 * var(--u));line-height:1}.mt-path .st i{font-style:normal}.mt-path .st .on{color:var(--gold);text-shadow:0 0 calc(3 * var(--u)) var(--gold)}.mt-path .st .off{color:#2c2840}.mt-path small{grid-column:1 / -1;font-family:var(--text);font-size:calc(5.5 * var(--u));line-height:1.3;color:var(--ink-dim)}.mt-path.locked{cursor:default;opacity:.55;background:#08071299}.mt-path.locked small{color:#8a7a9a}.mt-actions{position:absolute;right:calc(10 * var(--u));bottom:calc(10 * var(--u));width:calc(132 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.mt-actions .btn{width:100%;font-size:calc(7 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u))}.mt-actions .btn.gold{font-size:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u))}.mt-tip{position:absolute;width:calc(118 * var(--u));padding:calc(5 * var(--u)) calc(6 * var(--u));background:#090816f0;border:var(--u) solid var(--line);box-shadow:inset 0 0 0 var(--u) #0009,0 calc(3 * var(--u)) calc(10 * var(--u)) #000000b3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}.mt-tip.show{opacity:1;visibility:visible}.mt-tip.st-buy{border-color:var(--gold);box-shadow:inset 0 0 0 var(--u) #0009,0 0 calc(8 * var(--u)) #ffc8464d}.mt-tip.st-bought,.mt-tip.st-flow{border-color:var(--gold-dim)}.mt-tip.shake{animation:mt-shake .3s linear}@keyframes mt-shake{20%{translate:calc(-2 * var(--u)) 0}40%{translate:calc(2 * var(--u)) 0}60%{translate:calc(-1 * var(--u)) 0}80%{translate:var(--u) 0}}.mt-tip .br{font-size:calc(5.5 * var(--u));color:#c9b6ff;letter-spacing:.06em}.mt-tip .br .cap{color:var(--gold)}.mt-tip h3{margin:calc(2 * var(--u)) 0 0;font-family:var(--serif);font-weight:700;font-size:calc(11 * var(--u));line-height:1.05;color:var(--gold-hi)}.mt-tip p{margin:calc(3 * var(--u)) 0 0;font-family:var(--text);font-size:calc(6.5 * var(--u));line-height:1.35;color:var(--ink)}.mt-tip .cost{display:flex;align-items:center;gap:calc(2 * var(--u));margin-top:calc(5 * var(--u));padding-top:calc(4 * var(--u));border-top:var(--u) solid rgba(109,84,40,.5);font-size:calc(6 * var(--u));color:var(--ink-dim)}.mt-tip .cost img{width:calc(9 * var(--u));height:calc(9 * var(--u))}.mt-tip .cost b{font-weight:400;font-size:calc(8 * var(--u));color:var(--gold-hi)}.mt-tip .state{margin-top:calc(3 * var(--u));font-size:calc(6 * var(--u))}.mt-tip.st-buy .state{color:var(--gold)}.mt-tip.st-bought .state,.mt-tip.st-flow .state{color:#9cff8a}.mt-tip.st-poor .state{color:#ff8a96}.mt-tip.st-locked .state{color:#9a93a8}.mt-tip.st-poor .cost b{color:#ff8a96}@media(prefers-reduced-motion:reduce){.mt-screen,.mt-legend .sw.buy,.mt-coins.spend b,.mt-coins.deny,.mt-tip.shake{animation:none}}.mt-rings-h{margin-top:calc(7 * var(--u))!important}.mt-rings{display:flex;flex-direction:column;gap:calc(3 * var(--u))}.mt-rings-lock{font-family:var(--serif);font-size:calc(6 * var(--u));color:var(--ink);opacity:.6;line-height:1.3}.mt-ring .st img{width:calc(7 * var(--u));height:calc(7 * var(--u));vertical-align:middle;image-rendering:pixelated}.mt-ring .st{font-size:calc(7 * var(--u));color:var(--gold-hi)}.mt-side{max-height:calc(100% - 60 * var(--u));overflow-y:auto}