:root{--px:2px;--void:#0a0807;--stone-0:#120f0c;--stone-1:#1b1612;--stone-2:#29221c;--stone-3:#3d332a;--stone-4:#5a4a3c;--edge:#040302;--bone:#efe2c6;--ash:#b3a48b;--soot:#7d705f;--ember:#ff9d3d;--ember-hi:#ffd27a;--ember-lo:#b4531c;--ember-ink:#2a1205;--blood:#9a2e24;--blood-hi:#cf5141;--blood-lo:#511410;--gold:#ffd23f;--super:#d59bff;--omega:#8af4ff;--rare:#ff8a3a;--mythic:#ff4a5a;--life:#d8433a;--xp:#7ad9ff;--good:#8fd46a;--bad:#ff5f4f;--font:"Jersey 10", ui-monospace, monospace;--font-small:"Jersey 15", "Jersey 10", ui-monospace, monospace;--font-big:"Jersey 15", "Jersey 10", ui-monospace, monospace;--font-logo:"Jacquard 24", "Jersey 10", serif;--font-title:"Jacquard 12", "Jersey 10", serif;--drop:0 var(--px) 0 var(--edge);--notch:polygon(var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px), var(--px) var(--px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.t-logo{font:400 48px/1 var(--font-logo);color:var(--ember);text-shadow:0 var(--px) 0 var(--ember-lo), 0 calc(var(--px) * 2) 0 var(--edge);margin:0}.t-title{font:400 24px/1 var(--font-title);color:var(--ember);text-shadow:var(--drop);margin:0}.t-head{font:400 30px/1 var(--font-big);color:var(--bone);margin:0}.t-label{font:400 20px/1.1 var(--font);color:var(--ash);margin:0}.t-small{color:var(--ash);font-size:20px}.t-tiny{font:400 15px/1.15 var(--font-small);color:var(--ash)}.win{--rim:var(--stone-3);--fill:var(--stone-1);background:var(--fill);border:var(--px) solid var(--edge);box-shadow:inset 0 0 0 var(--px) var(--rim), inset 0 0 0 calc(var(--px) * 2) var(--stone-0);clip-path:var(--notch);padding:14px;position:relative}.win.ember{--rim:var(--ember-lo)}.win.gold{--rim:var(--gold);--fill:#221b0c}.win.super{--rim:var(--super);--fill:#1e1528}.win.omega{--rim:var(--omega);--fill:#10222a}.win.rare{--rim:var(--rare);--fill:#2a160d}.win.mythic{--rim:var(--mythic);--fill:#2a0d12}.win.blessing{--rim:var(--xp);--fill:#0e1e26}.socket{background:var(--stone-0);border:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 #000, inset 0 calc(var(--px) * -1) 0 var(--stone-3);clip-path:var(--notch);place-items:center;display:grid}.plate{background:var(--stone-2);border:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 var(--stone-4);clip-path:var(--notch);font:400 20px/1.1 var(--font);color:var(--bone);align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.plate.ember{background:var(--ember);color:var(--ember-ink);box-shadow:inset 0 var(--px) 0 var(--ember-hi), inset 0 calc(var(--px) * -1) 0 var(--ember-lo)}.rule{height:var(--px);background:repeating-linear-gradient(90deg, var(--stone-3) 0 var(--px), transparent var(--px) calc(var(--px) * 2));border:0;margin:0}.ribbon{width:max-content;max-width:100%;margin:0 auto;padding:0 16px;position:relative}.ribbon>span{z-index:1;background:var(--ember);color:var(--ember-ink);border:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 var(--ember-hi), inset 0 calc(var(--px) * -2) 0 var(--ember-lo);clip-path:var(--notch);font:400 30px/1 var(--font-big);white-space:nowrap;padding:6px 16px 8px;display:block;position:relative}.ribbon:before,.ribbon:after{content:"";background:var(--ember-lo);width:26px;box-shadow:inset 0 calc(var(--px) * -1) 0 #6e2c0c;position:absolute;top:10px;bottom:-6px}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 calc(50% + 4px),6px calc(50% + 4px),6px calc(50% - 4px),0 calc(50% - 4px));left:0}.ribbon:after{clip-path:polygon(0 0,100% 0,100% calc(50% - 4px),calc(100% - 6px) calc(50% - 4px),calc(100% - 6px) calc(50% + 4px),100% calc(50% + 4px),100% 100%,0 100%);right:0}.ribbon.gold>span{background:var(--gold);box-shadow:inset 0 var(--px) 0 #fff1a8, inset 0 calc(var(--px) * -2) 0 #a8801a}.ribbon.gold:before,.ribbon.gold:after{background:#a8801a}.ribbon.mythic>span{background:var(--mythic);color:#2a0508;box-shadow:inset 0 var(--px) 0 #ffa8b0, inset 0 calc(var(--px) * -2) 0 #a8202e}.ribbon.mythic:before,.ribbon.mythic:after{background:#a8202e}.ribbon.blessing>span{background:var(--xp);color:#062030;box-shadow:inset 0 var(--px) 0 #d0f4ff, inset 0 calc(var(--px) * -2) 0 #2a8aa8}.ribbon.blessing:before,.ribbon.blessing:after{background:#2a8aa8}.btn{--fill:var(--stone-2);--hi:var(--stone-4);--lo:var(--stone-0);--ink:var(--bone);background:var(--fill);min-height:44px;color:var(--ink);border:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 var(--hi), inset 0 calc(var(--px) * -2) 0 var(--lo);clip-path:var(--notch);font:400 20px/1 var(--font);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn.primary{--fill:var(--ember);--hi:var(--ember-hi);--lo:var(--ember-lo);--ink:var(--ember-ink)}.btn.danger{--fill:var(--blood);--hi:var(--blood-hi);--lo:var(--blood-lo);--ink:var(--bone)}.btn.big{width:100%;min-height:56px;font:400 30px/1 var(--font-big)}.btn.small{min-height:36px;padding:0 12px;font-size:20px}.btn.square{width:44px;padding:0}.btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:inset 0 var(--px) 0 var(--lo)}.btn:disabled{--fill:var(--stone-1);--hi:var(--stone-2);--lo:var(--stone-0);--ink:var(--soot);opacity:1}.btn:focus-visible,.seg>button:focus-visible,.tab:focus-visible,.pick:focus-visible,.plate:focus-visible,.socket:focus-visible,.win:focus-visible{box-shadow:inset 0 0 0 var(--px) var(--ember-hi), inset 0 0 0 calc(var(--px) * 2) var(--edge);outline:none}.seg{gap:var(--px);padding:var(--px);background:var(--edge);clip-path:var(--notch);display:flex}.seg>button{background:var(--stone-2);min-height:40px;color:var(--ash);box-shadow:inset 0 var(--px) 0 var(--stone-3);font:400 20px/1 var(--font);flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.seg>button[aria-pressed=true]{background:var(--ember);color:var(--ember-ink);box-shadow:inset 0 var(--px) 0 var(--ember-hi), inset 0 calc(var(--px) * -1) 0 var(--ember-lo)}.seg.small>button{min-height:32px;font:400 15px/1.15 var(--font-small)}.pbar{--bar:var(--life);--bar-hi:#f07c6e;--bar-lo:#8e2a22;background:var(--stone-0);border:var(--px) solid var(--edge);height:16px;clip-path:var(--notch);position:relative}.pbar>i{background:var(--bar);box-shadow:inset 0 var(--px) 0 var(--bar-hi), inset 0 calc(var(--px) * -1) 0 var(--bar-lo);transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.pbar.xp{--bar:var(--xp);--bar-hi:#c4efff;--bar-lo:#3a86a8;height:8px}.pips{gap:var(--px);display:flex}.pips>i{background:var(--stone-3);width:4px;height:4px;box-shadow:0 0 0 1px var(--edge)}.pips>i.on{background:var(--ember)}.pips.gold>i.on{background:var(--gold)}.keycap{background:var(--stone-2);border:var(--px) solid var(--edge);min-width:20px;height:20px;box-shadow:inset 0 calc(var(--px) * -1) 0 var(--stone-0);clip-path:var(--notch);font:400 15px/1 var(--font-small);color:var(--ash);place-items:center;padding:0 4px;display:inline-grid}.twinkle{width:var(--px);height:var(--px);box-shadow:0 calc(var(--px) * -1) #fff, 0 var(--px) #fff, calc(var(--px) * -1) 0 #fff, var(--px) 0 #fff;background:#fff;animation:1.4s step-end infinite twinkle;position:absolute;top:10px;right:10px}@keyframes twinkle{50%{opacity:0}}.tabbar{padding:6px var(--gutter-r) calc(6px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:var(--stone-1);border-top:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 var(--stone-3);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.tab{min-height:52px;color:var(--soot);font:400 15px/1 var(--font-small);align-content:center;justify-items:center;gap:4px;display:grid}.tab[aria-selected=true]{color:var(--ember);background:var(--stone-0);box-shadow:inset 0 var(--px) 0 #000;clip-path:var(--notch)}:root{--safe-top:env(safe-area-inset-top,0px);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px))}*{box-sizing:border-box;font-variant-ligatures:none!important}html,body,#root{height:100%}html{font-synthesis:none}body{background:var(--void);color:var(--bone);font:400 20px/1.1 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:var(--px) solid var(--ember-hi);outline-offset:var(--px)}p{margin:0}.icon{image-rendering:pixelated;flex:none;display:block}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;display:flex}.gold{color:var(--gold)}.super-text{color:var(--super)}.omega-text{color:var(--omega)}.rare-text{color:var(--rare)}.mythic-text{color:var(--mythic)}.blessing-text{color:var(--xp)}.bad{color:var(--bad)}.app{background:var(--void);max-width:520px;height:100%;margin:0 auto;position:relative;overflow:hidden}.cover{place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.cover-lantern{animation:.8s step-end infinite flicker}@keyframes flicker{50%{opacity:.75}}.takeover{left:var(--gutter-l);right:var(--gutter-r);top:calc(12px + var(--safe-top));z-index:60;align-items:center;gap:10px;padding:10px 12px;font-size:20px;display:flex;position:absolute}.camp{flex-direction:column;display:flex;position:absolute;inset:0}.camp-view{flex:1;min-height:0;position:relative;overflow-y:auto}.pane{min-height:100%;padding:calc(16px + var(--safe-top)) var(--gutter-r) 16px var(--gutter-l);align-content:start;gap:12px;display:grid}.pane-head{gap:10px;display:grid}.pane .t-label{margin-top:4px}.home,.name-screen{flex-direction:column;display:flex;position:absolute;inset:0}.home-scene{flex:auto;min-height:220px;position:relative}.scene{background:#0d0b12;position:absolute;inset:0;overflow:hidden}.scene canvas{image-rendering:pixelated;position:absolute;top:0}.scene-hero{position:absolute}.scene-hero:focus-visible{outline-offset:0}.home-top{padding:calc(10px + var(--safe-top)) var(--gutter-r) 0 var(--gutter-l);pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:0;left:0;right:0}.home-top>*{pointer-events:auto}.name-plate{justify-self:end;max-width:60%}.name-plate span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taken{left:var(--gutter-l);right:var(--gutter-r);top:calc(104px + var(--safe-top));padding:6px 6px 6px 10px;display:flex;position:absolute}.home-panel{flex:none;gap:10px;margin:0 8px 8px;display:grid}.home-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.home-best{font:400 20px/1 var(--font);color:var(--ash);gap:12px;display:inline-flex}.home-best>span{align-items:center;gap:4px;display:inline-flex}.home-save{align-items:center;gap:8px;min-height:24px;display:flex}.start-over{justify-self:center}.act-track{font:400 20px/1 var(--font);color:var(--bone);text-shadow:var(--drop);align-items:center;gap:6px;display:inline-flex}.act-track b{color:var(--ember-hi)}.act-track i{background:var(--stone-3);width:6px;height:6px;box-shadow:0 0 0 var(--px) var(--edge)}.act-track i.done{background:var(--ember-lo)}.act-track i.now{background:var(--ember)}.act-track.live i.now{animation:1.2s step-end infinite blink}@keyframes blink{50%{background:var(--ember-lo)}}.passive-grid{grid-template-columns:repeat(4,40px);gap:8px;display:grid}.item-grid{grid-template-columns:repeat(auto-fill,40px);gap:8px;display:grid}.node{width:40px;height:40px;position:relative}.node.made.gold{box-shadow:inset 0 0 0 var(--px) var(--gold);background:#2a210c}.node.made.super{box-shadow:inset 0 0 0 var(--px) var(--super);background:#22172e}.node.made.omega{box-shadow:inset 0 0 0 var(--px) var(--omega);background:#10262e}.node.picked{box-shadow:inset 0 0 0 var(--px) var(--ember-hi), inset 0 0 0 calc(var(--px) * 2) var(--edge)}.brackets{justify-content:center;gap:16px;display:grid}.bracket{position:relative}.bracket svg{position:absolute;top:0;left:0}.bracket .node,.node-plus{position:absolute}.detail{z-index:2;gap:8px;margin-top:4px;padding:12px;display:grid;position:sticky;bottom:8px}.detail-head{align-items:center;gap:10px;display:flex}.detail-head .socket{flex:none;width:40px;height:40px}.detail-head .grow{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.detail-head b{width:100%}.detail .plate{font:400 15px/1.15 var(--font-small);color:var(--ash);padding:1px 6px}.made-tag{gap:4px}.recipe-chain{font:400 20px/1.1 var(--font);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chain-part{align-items:center;gap:6px;display:inline-flex}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tile{text-align:center;gap:6px;padding:12px 4px 10px}.tile b{font:400 30px/1 var(--font-big);color:var(--bone);overflow-wrap:anywhere}.tile small{font:400 15px/1.1 var(--font-small);color:var(--ash)}.board{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board-row{background:var(--stone-1);border:var(--px) solid var(--edge);box-shadow:inset 0 var(--px) 0 var(--stone-3);clip-path:var(--notch);font:400 20px/1.1 var(--font);grid-template-columns:28px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 10px;display:grid}.board-row.me{box-shadow:inset 0 0 0 var(--px) var(--ember);background:#2b1a0c}.board-row .rank{font:400 20px/1 var(--font);color:var(--ash);place-items:center;display:grid}.board-row .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-row .val{justify-items:end;display:grid}.board-row .val small{font:400 15px/1.15 var(--font-small);color:var(--ash)}.board-me{background:repeating-linear-gradient(90deg, var(--stone-3) 0 var(--px), transparent var(--px) calc(var(--px) * 2)) top / 100% var(--px) no-repeat;padding-top:10px}.board-note{justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.board-foot,.settings-note,.version{text-align:center}.version{color:var(--soot)}.setting{text-align:left;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.setting b{font:400 20px/1.1 var(--font);color:var(--bone);text-overflow:ellipsis;display:block;overflow:hidden}.setting small{font:400 15px/1.15 var(--font-small);color:var(--ash);margin-top:2px;display:block}.setting .seg{flex:none}.settings .btn{width:100%}.name-screen{background:var(--void)}.name-screen .home-scene{min-height:240px}.name-lede{text-align:center;text-shadow:var(--drop)}.name-form{margin:0 8px calc(8px + env(safe-area-inset-bottom,0px));flex:none;gap:10px;display:grid}.name-form .btn.small{justify-self:center}.field{gap:6px;display:grid}.field input,.field textarea{width:100%;min-width:0;color:var(--bone);caret-color:var(--ember);font:400 20px/1.2 var(--font);text-align:left;place-items:initial;border-radius:0;outline:none;padding:10px 12px;display:block}.field input::placeholder,.field textarea::placeholder{color:var(--soot)}.field input:focus,.field textarea:focus{box-shadow:inset 0 0 0 var(--px) var(--ember-lo), inset 0 var(--px) 0 #000}.field textarea{resize:vertical;min-height:120px}.field .row{gap:8px}.field-note{min-height:1.25em;color:var(--ash);font-size:20px}.field-note.bad{color:var(--bad)}.key-input{letter-spacing:.06em;text-transform:uppercase}.key-box{place-items:stretch stretch;gap:8px;padding:12px;display:grid}.key{font:400 20px/1.1 var(--font);letter-spacing:.06em;color:var(--ember);overflow-wrap:anywhere}.sheet-layer{z-index:50;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.scrim{background:#050403c7;position:absolute;inset:0}.sheet{max-height:88%;margin:0 8px calc(8px + env(safe-area-inset-bottom,0px));outline:none;flex-direction:column;padding:12px 14px 16px;animation:.16s steps(4,end) both sheet-up;display:flex}@keyframes sheet-up{0%{transform:translateY(32px)}}.sheet-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sheet-head .t-title{overflow-wrap:anywhere}.sheet-body{gap:12px;min-height:0;display:grid;overflow-y:auto}.sent-note{align-items:center;gap:8px;display:flex}.run{touch-action:none;-webkit-user-select:none;user-select:none;background:#050407;position:absolute;inset:0}.run canvas{image-rendering:pixelated;position:absolute;inset:0}.hud-top{padding:calc(8px + var(--safe-top)) var(--gutter-r) 0 var(--gutter-l);pointer-events:none;gap:6px;display:grid;position:absolute;top:0;left:0;right:0}.hud-top button{pointer-events:auto}.hud-row{align-items:flex-start;gap:8px;display:flex}.hud-bars{flex:1;gap:4px;min-width:0;display:grid}.hud-line{align-items:center;gap:4px;display:flex}.hud-line .pbar{flex:1}.hud-line>.icon{margin:0 2px}.pbar.life{height:18px}.pbar.life>span{font:400 15px/1 var(--font-small);color:var(--bone);text-shadow:var(--drop);place-items:center;display:grid;position:absolute;top:0;bottom:0;right:6px}.lvl{min-width:24px;font:400 15px/1.15 var(--font-small);color:var(--xp);justify-content:center;padding:0 4px}.hud-where{justify-items:end;gap:4px;display:grid}.horde{font:400 20px/1 var(--font);gap:4px;padding:3px 8px}.horde.boss{color:var(--bad)}.horde.clear{color:var(--ember)}.hud-track{align-items:center;gap:6px;display:flex}.elite{font:400 15px/1.15 var(--font-small);color:var(--gold);padding:1px 6px}.plate.dark,.plate.detour{font:400 15px/1.15 var(--font-small);padding:1px 6px}.plate.dark{color:#b8a8ff}.plate.detour{color:var(--mythic)}.hud-kills{font:400 15px/1 var(--font-small);color:var(--ash);text-shadow:var(--drop);align-items:center;gap:4px;display:inline-flex}.pause-btn{width:40px;min-height:40px}.bossbar{gap:4px;display:grid}.boss-name{justify-content:center;align-items:center;gap:8px;display:flex}.boss-name .t-title{color:var(--bone)}.bossbar.enraged .boss-name .t-title{color:var(--bad)}.enraged-tag{font:400 15px/1.15 var(--font-small);color:var(--bad);padding:1px 6px}.pbar.boss{--bar:#c2362e;--bar-hi:#ff8a5c;--bar-lo:#6e1712;height:12px}.bossbar.act .pbar.boss{height:16px}.bossbar.enraged .pbar.boss{--bar:#e0402a;--bar-hi:#ffb04a}.pbar.boss>em{width:var(--px);background:#ffecc8cc;position:absolute;top:0;bottom:0}.hud-bottom{padding:0 var(--gutter-r) calc(8px + env(safe-area-inset-bottom,0px)) var(--gutter-l);pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;bottom:0;left:0;right:0}.slots{gap:4px;display:flex}.slot{justify-items:center;gap:3px;display:grid}.slot .socket{background:#120f0cd1;width:40px;height:40px}.slots.small .socket{background:#120f0cd1;width:24px;height:24px;position:relative}.slots.small .socket i{font:400 15px/1 var(--font-small);color:var(--ember);text-shadow:var(--drop);font-style:normal;position:absolute;bottom:-1px;right:1px}.socket.fused{box-shadow:inset 0 0 0 var(--px) var(--gold)}.socket.super{box-shadow:inset 0 0 0 var(--px) var(--super)}.socket.omega{box-shadow:inset 0 0 0 var(--px) var(--omega)}.socket.rare{box-shadow:inset 0 0 0 var(--px) var(--rare)}.socket.mythic{box-shadow:inset 0 0 0 var(--px) var(--mythic)}.socket.blessing{box-shadow:inset 0 0 0 var(--px) var(--xp)}.pips-gap{height:4px}.banner{left:var(--gutter-l);right:var(--gutter-r);text-align:center;pointer-events:none;justify-items:center;gap:8px;animation:2.5s forwards banner;display:grid;position:absolute;top:28%}.banner .plate{font:400 15px/1.15 var(--font-small);color:var(--ember)}.banner .t-title{color:var(--bone)}.banner.boss .t-title{color:var(--bad)}.banner.alert{top:40%}.banner.alert.hunt .t-title,.banner.alert.hunt .plate{color:var(--bad)}.banner.alert.thief .t-title{color:var(--gold)}@keyframes banner{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.hint{left:var(--gutter-l);right:var(--gutter-r);top:calc(112px + var(--safe-top));pointer-events:none;justify-content:center;display:flex;position:absolute}.hint .plate{color:var(--ember)}.tip{left:var(--gutter-l);right:var(--gutter-r);bottom:calc(130px + env(safe-area-inset-bottom,0px));text-align:center;pointer-events:none;justify-items:center;gap:6px;animation:.5s ease-out .8s both tip-in;display:grid;position:absolute}.tip b{color:var(--ember)}.tip small{color:var(--bone);text-shadow:var(--drop);font-size:20px}.tip-ring{border:var(--px) solid #efe2c64d;width:64px;height:64px;clip-path:var(--notch);margin-bottom:4px;position:relative}.tip-ring:after{content:"";width:20px;height:20px;clip-path:var(--notch);background:#efe2c673;margin:-10px 0 0 -10px;animation:1.6s steps(8,end) infinite tip-thumb;position:absolute;top:50%;left:50%}@keyframes tip-in{0%{opacity:0;transform:translateY(8px)}}@keyframes tip-thumb{0%,to{transform:translate(0)}25%{transform:translate(16px,-6px)}50%{transform:translateY(12px)}75%{transform:translate(-16px,-6px)}}.overlay{z-index:30;padding:calc(16px + var(--safe-top)) var(--gutter-r) calc(16px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:#060403c7;place-items:center;display:grid;position:absolute;inset:0}.picks{gap:10px;width:100%;max-width:400px;max-height:100%;padding-top:2px;display:grid;overflow-y:auto}.pick{text-align:left;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;animation:.2s steps(4,end) both deal;display:flex}.pick:active{transform:translateY(var(--px))}@keyframes deal{0%{opacity:0;transform:translateY(16px)}}.pick-icon{flex:none;width:44px;height:44px}.pick-text{flex:1;gap:4px;min-width:0;display:grid}.pick-title{font:400 30px/1 var(--font-big);color:var(--bone)}.pick.gold .pick-title{color:var(--gold)}.pick.super .pick-title{color:var(--super)}.pick.omega .pick-title{color:var(--omega)}.pick.rare .pick-title{color:var(--rare)}.pick.mythic .pick-title{color:var(--mythic)}.pick.blessing .pick-title{color:var(--xp)}.pick-tags{flex-wrap:wrap;gap:4px;display:flex}.pick-tags .plate,.tier-tag{font:400 15px/1.15 var(--font-small);color:var(--ash);padding:1px 6px}.pick-tags .plate.ember{color:var(--ember-ink)}.pick-body{color:var(--bone);font-size:20px;line-height:1.1}.pick-hint{font:400 15px/1.15 var(--font-small);align-items:center;gap:6px;font-style:normal;display:flex}.pick .keycap{position:absolute;bottom:10px;right:10px}.pick-note{text-align:center;margin-top:-4px}.reroll{justify-self:center}.reroll .plate{font:400 15px/1.15 var(--font-small);padding:0 6px}.pause{gap:10px;width:100%;max-width:420px;max-height:100%;display:grid;overflow-y:auto}.pause-head{align-items:center;gap:10px;display:flex}.stat-chips{flex-wrap:wrap;gap:4px;display:flex}.build{gap:4px;display:grid}.build-row{background:var(--stone-2);box-shadow:inset 0 var(--px) 0 var(--stone-3);clip-path:var(--notch);align-items:center;gap:10px;padding:6px 8px;display:flex}.build-row .socket{flex:none;width:40px;height:40px}.build-row b{font:400 20px/1.1 var(--font);display:block}.row-text{font:400 15px/1.15 var(--font-small);color:var(--ash);display:block}.row-nums{font:400 15px/1.15 var(--font-small);color:var(--ember-hi);margin-top:2px;display:block}.routes{gap:8px;display:grid}.route{gap:2px;display:grid}.route-chain{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.route-chain b{font:400 20px/1.1 var(--font);margin-left:2px}.test-tools{flex-wrap:wrap;gap:6px;display:flex}.pause-actions{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;display:grid}.pause-actions .btn{padding:0 8px;font-size:20px}.end{text-align:center;gap:12px;width:100%;max-width:400px;max-height:100%;padding:18px 14px;display:grid;overflow-y:auto}.end-title{font:400 48px/1 var(--font-logo);text-shadow:0 var(--px) 0 var(--ember-lo), 0 calc(var(--px) * 2) 0 var(--edge);text-wrap:balance}.badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badges .ribbon{margin:0;animation:.4s steps(4,end) .3s both badge-in}.badges .ribbon>span{font:400 20px/1 var(--font)}@keyframes badge-in{0%{opacity:0;transform:scale(.6)}}.discovered{justify-items:center;gap:6px;display:grid}.discovered-list{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.turn-phone{display:none}@media (orientation:landscape) and (pointer:coarse) and (height<=520px){.turn-phone{z-index:200;background:var(--void);color:var(--ember);font:400 30px var(--font-big);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.turn-icon{transform:rotate(-90deg)}}.give-for{text-align:center;color:var(--ash);justify-content:center;align-items:center;gap:8px;display:flex}.give-rows{gap:4px;display:grid}.give-row{text-align:left;width:100%}.give-row.chosen{box-shadow:inset 0 0 0 var(--px) var(--blood-hi);background:#3a1612}.give-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.recap{text-align:left;gap:8px;display:grid}.recap-rows{gap:4px;display:grid}.recap-row{font:400 15px/1.15 var(--font-small);grid-template-columns:16px minmax(0,7fr) minmax(0,5fr) auto;align-items:center;gap:6px;display:grid}.recap-row.gone{opacity:.6}.recap-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recap-bar,.share{background:var(--stone-0);height:6px;box-shadow:0 0 0 var(--px) var(--edge);position:relative}.recap-bar>i,.share>i{background:var(--ember);position:absolute;top:0;bottom:0;left:0}.recap-num{font:400 15px/1 var(--font-small);color:var(--bone)}.recap-chips{flex-wrap:wrap;gap:4px;display:flex}.recap-chips .plate{font:400 15px/1.15 var(--font-small)}.recap-chips .plate b,.recap-chips .plate small{color:var(--ash)}.share{max-width:160px;margin-top:6px;display:block}.share>small{font:400 15px/1 var(--font-small);color:var(--ash);position:absolute;top:-6px;left:calc(100% + 6px)}