:root{--sky-top:#0b4a5a;--sky-mid:#2f8f8a;--sky-horizon:#ffc184;--ink:#0f2e36;--plate:#09262ddb;--plate-soft:#09262d9e;--paper:#fff7ec;--paper-alt:#e2f3ee;--muted-on-paper:#46707a;--muted-on-plate:#a8d0d2;--highlight:#5ff0c5;--primary:#ff7a1a;--primary-hover:#ff9140;--accent:#ff5470;--panel-header:#147676;--backdrop-light:#051e2480;--backdrop-dark:#051e24db;--white:#fff;--faint-on-plate:#ffffff2e;--empty-seat:#ffffff14;--empty-seat-edge:#fff9;--mystery:#8f4dff;--rarity-common:#fff;--rarity-rare:#6ff3ff;--rarity-epic:#fc3;--type-movement:#4a9dff;--type-defense:#4fd16a;--type-attack:#ff5a5f;--type-risky:#ffa22e;--type-misc:#8f4dff;--result-hit:#ff5470;--result-blocked:#6ff3ff;--result-fizzled:#a8d0d2;--gold:#fc3;--done:#4fd16a;--warn-on-paper:#c2412e;--display:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--body:"Fredoka", "Nunito", "Segoe UI", system-ui, sans-serif;--o-sm:1.5px 0 0 var(--ink), -1.5px 0 0 var(--ink), 0 1.5px 0 var(--ink), 0 -1.5px 0 var(--ink), 0 3px 0 var(--ink);--o:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink), 0 4px 0 var(--ink);--o-lg:4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 4px 0 var(--ink), 0 -4px 0 var(--ink), 3px 3px 0 var(--ink), -3px 3px 0 var(--ink), 3px -3px 0 var(--ink), -3px -3px 0 var(--ink), 0 8px 0 var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:var(--sky-top);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;overflow:hidden}button,input{font-family:inherit}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}.app{background:linear-gradient(var(--sky-top), var(--sky-mid) 60%, var(--sky-horizon));-webkit-user-select:none;user-select:none;touch-action:manipulation;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--edge:max(10px, 2.2cqh);position:fixed;inset:0;overflow:hidden;container-type:size}.layer{pointer-events:none;position:absolute;inset:0}.live{pointer-events:auto}.display{font-family:var(--display);letter-spacing:.4px;font-weight:400}.outlined{color:var(--white);text-shadow:var(--o)}.btn{border:3px solid var(--ink);background:var(--paper);min-width:44px;min-height:44px;color:var(--ink);box-shadow:0 max(3px, .8cqh) 0 var(--ink);font:400 max(16px, 3.4cqh) / 1 var(--display);letter-spacing:.4px;cursor:pointer;border-radius:max(12px,2.4cqh);justify-content:center;align-items:center;gap:8px;padding:max(10px,1.9cqh) max(16px,3.2cqh) max(9px,1.7cqh);display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.accent{background:var(--accent);color:var(--white);text-shadow:0 2px 0 var(--ink)}.btn.highlight{background:var(--highlight)}.pill{background:var(--plate);color:var(--white);font:600 max(13px, 2.3cqh) / 1.25 var(--body);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:max(7px,1.3cqh) max(14px,2.4cqh);display:inline-flex}.panel{background:var(--paper);border:3px solid var(--ink);box-shadow:0 max(4px, .9cqh) 0 var(--ink);color:var(--ink);border-radius:max(14px,2.6cqh)}.backdrop{background:radial-gradient(ellipse at 50% 45%, var(--backdrop-light), var(--backdrop-dark));animation:.25s ease-out fade-in;position:absolute;inset:0}.spinner{border:3px solid var(--faint-on-plate);border-top-color:var(--white);border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)scale(.96)}}@keyframes pop-in{0%{transform:scale(.3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.12s!important;animation-duration:.18s!important;animation-iteration-count:1!important}}.app.reduced-motion *,.app.reduced-motion :before,.app.reduced-motion :after{transition-duration:.12s!important;animation-duration:.18s!important;animation-iteration-count:1!important}.icon{flex:none;width:1em;height:1em}.icon .icon-cut{fill:var(--paper)}.icon .icon-cut-line{fill:none;stroke:var(--paper)}.piece-icon{width:72%;height:72%}.piece-icon path,.piece-icon circle{fill:var(--white);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.piece-icon .piece-eye{fill:var(--ink);stroke:none}.portrait{border:3px solid var(--ink);background:var(--seat);width:max(40px,8.5cqh);height:max(40px,8.5cqh);box-shadow:0 0 0 2.5px var(--white);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.portrait-badge{border:2px solid var(--ink);background:var(--paper);min-width:21px;height:21px;color:var(--ink);border-radius:999px;place-items:center;padding:0 4px;font-size:12px;line-height:1;display:grid;position:absolute;top:-7px;left:-7px}.die-face{flex:none;width:1.3em;height:1.3em}.die-face rect{fill:var(--paper);stroke:var(--ink);stroke-width:8px}.die-face circle{fill:var(--ink)}.die-face.forced rect{stroke:var(--accent);animation:.6s ease-in-out infinite alternate flash}@keyframes flash{to{fill:var(--highlight)}}.dialog-layer{z-index:40;place-items:center;display:grid;position:absolute;inset:0}.dialog{width:min(92cqw,max(320px,86cqh));animation:.3s cubic-bezier(.2,.9,.3,1.2) rise;position:relative;overflow:hidden}.dialog:focus{outline:none}.dialog-head{border-bottom:3px solid var(--ink);background:var(--panel-header);color:var(--white);justify-content:space-between;align-items:center;gap:12px;padding:max(8px,1.8cqh) max(14px,2.6cqh);display:flex}.dialog-head h2{text-shadow:0 2px 0 var(--ink);margin:0;font-size:max(18px,4cqh);line-height:1}.dialog-body{flex-direction:column;gap:max(12px,2.6cqh);padding:max(12px,2.6cqh) max(14px,2.8cqh) max(14px,3cqh);display:flex}.round-btn{border:3px solid var(--ink);background:var(--paper);width:max(44px,8cqh);height:max(44px,8cqh);color:var(--ink);box-shadow:0 max(3px, .7cqh) 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:max(20px,4cqh);display:grid}.round-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.toast{left:50%;top:calc(var(--safe-t) + max(64px, 17cqh));z-index:50;background:var(--ink);max-width:min(540px,80cqw);color:var(--white);font:500 max(13px, 2.3cqh) / 1.35 var(--body);text-align:center;pointer-events:none;border-radius:12px;padding:9px 15px;animation:.25s ease-out rise;position:absolute;transform:translate(-50%)}.rotate-screen{z-index:100;background:linear-gradient(var(--sky-top), var(--ink));color:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:40px;display:flex;position:fixed;inset:0}.rotate-screen svg{fill:none;width:96px;height:96px;stroke:var(--white);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;animation:2.4s ease-in-out infinite turn}.rotate-screen b{font-size:30px;line-height:1.1}.rotate-screen span{max-width:260px;color:var(--muted-on-plate);font:500 16px / 1.4 var(--body)}@keyframes turn{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.stage-bar{left:50%;top:calc(var(--safe-t) + var(--edge));background:var(--plate);color:var(--white);white-space:nowrap;border-radius:999px;align-items:center;gap:max(8px,1.4cqh);padding:max(4px,.7cqh) max(12px,2cqh) max(4px,.7cqh) max(14px,2.2cqh);display:flex;position:absolute;transform:translate(-50%)}.stage-round{font-size:max(16px,2.8cqh);line-height:1}.stage-round b{color:var(--gold);font-weight:400}.stage-sep{background:var(--faint-on-plate);border-radius:2px;flex:none;width:2px;height:max(16px,2.8cqh)}.stage-steps{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stage-steps li{min-width:max(24px,3.9cqh);height:max(24px,3.9cqh);color:var(--muted-on-plate);opacity:.6;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:max(14px,2.2cqh);display:flex}.stage-steps li span{font-size:max(13px,2cqh);line-height:1;display:none}.stage-steps li.done{color:var(--done);opacity:1}.stage-steps li.now{background:var(--highlight);color:var(--ink);opacity:1;padding:0 11px 0 9px}.stage-steps li.now span{display:inline}.stage-timer{align-items:center;gap:max(7px,1.2cqh);display:flex}.stage-tbar{background:var(--faint-on-plate);border-radius:99px;width:max(80px,15cqh);height:max(8px,1.4cqh);padding:2px}.stage-tbar i{background:var(--highlight);border-radius:99px;height:100%;transition:width .25s linear;display:block}.stage-tbar.low i{background:var(--accent)}.stage-timer span{font-variant-numeric:tabular-nums;min-width:2.2em;font-size:max(14px,2.3cqh)}.left-stack{left:calc(var(--safe-l) + var(--edge));top:calc(var(--safe-t) + var(--edge));pointer-events:none;flex-direction:column;gap:max(4px,.7cqh);display:flex;position:absolute}.feed{flex-direction:column;gap:max(3px,.55cqh);width:max(170px,36cqh);margin:0;padding:0;list-style:none;display:flex}.feed-line{background:var(--plate);color:var(--white);font:500 max(11px, 1.6cqh) / 1.25 var(--body);border-radius:max(8px,1.3cqh);padding:max(3px,.5cqh) max(8px,1.2cqh);animation:.35s cubic-bezier(.2,.9,.3,1.3) feed-in}.feed-line.private{background:var(--plate-soft);outline:1.5px dashed var(--empty-seat-edge);outline-offset:-3px}.feed-line:nth-child(n+4){opacity:.72}@container (height<=500px){.feed-line:nth-child(n+4){display:none}}.who{color:color-mix(in srgb, var(--seat,var(--white)) 55%, var(--white));font-weight:700}@keyframes feed-in{0%{opacity:0;transform:translate(-24px)}}.chip{border:1.5px solid var(--ink);background:var(--white);width:max(18px,2.8cqh);height:max(18px,2.8cqh);color:var(--ink);border-radius:6px;flex:none;place-items:center;font-size:max(11px,1.7cqh);display:inline-grid;position:relative}.chip>b{background:var(--ink);color:var(--white);font:400 max(8.5px, 1.3cqh) / 1 var(--display);border-radius:5px;padding:1px 2px;position:absolute;bottom:-5px;right:-5px}.chip.lg{border-width:2px;border-radius:8px;width:max(24px,3.8cqh);height:max(24px,3.8cqh);font-size:max(14px,2.2cqh)}.chip-q{background:var(--mystery);color:var(--rarity-common);text-shadow:0 1.5px 0 var(--ink);font-size:max(13px,2.1cqh);line-height:1}.chip-q.rare{color:var(--rarity-rare)}.chip-q.epic{color:var(--rarity-epic)}.chip-card{color:var(--card-type,var(--ink))}.chip-card.movement{--card-type:var(--type-movement)}.chip-card.defense{--card-type:var(--type-defense)}.chip-card.attack{--card-type:var(--type-attack)}.chip-card.risky{--card-type:var(--type-risky)}.chip-card.misc{--card-type:var(--type-misc)}.chip-card.rare{box-shadow:0 0 0 2px var(--rarity-rare)}.chip-card.epic{box-shadow:0 0 0 2px var(--rarity-epic)}.chip-card.facedown{background:repeating-linear-gradient(45deg, var(--mystery) 0 4px, var(--plate-soft) 4px 8px);color:var(--white)}.chip-card>i{border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.chip-card>i.hit{background:var(--result-hit)}.chip-card>i.blocked{background:var(--result-blocked)}.chip-card>i.fizzled{background:var(--result-fizzled)}.players{right:calc(var(--safe-r) + var(--edge));top:calc(var(--safe-t) + max(74px, 12.5cqh));flex-direction:column;align-items:flex-end;gap:max(6px,1.3cqh);margin:0;padding:0;list-style:none;display:flex;position:absolute}.players>li{position:relative}.prow{min-height:44px;color:inherit;font:inherit;text-align:right;cursor:pointer;-webkit-touch-callout:none;background:0 0;border:0;align-items:center;gap:max(5px,1cqh);padding:0;display:flex}.prow-status{border:2px solid var(--white);background:var(--plate);width:max(22px,3.4cqh);height:max(22px,3.4cqh);color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:max(11px,1.7cqh);display:grid}.prow-status.turn{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.prow-status.done{background:var(--done);color:var(--ink)}.prow-status.locked{background:var(--mystery)}.prow-status.idle{background:var(--plate-soft)}.prow-status .spinner{border-width:2px;width:.95em;height:.95em}.prow-plate{flex-direction:column;align-items:flex-end;gap:max(3px,.5cqh);display:flex}.prow-name{background:var(--plate);color:var(--white);white-space:nowrap;border-radius:max(8px,1.3cqh);align-items:center;gap:7px;padding:3px 3px 3px max(8px,1.4cqh);font-size:max(13px,2cqh);line-height:1;display:flex}.prow-tile{background:var(--white);min-width:2.1em;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 5px 2px}.prow-mini{align-items:center;gap:5px;min-height:max(18px,2.8cqh);font-size:max(13px,2cqh);display:flex}.prow-mini .die-face{width:1.2em;height:1.2em}.prow-total{color:var(--white);text-shadow:var(--o-sm)}.prow.first .portrait-badge{background:var(--gold)}.prow.me .prow-name{font-size:max(15px,2.4cqh)}.prow.me .prow-tile{background:var(--highlight)}.prow.me .portrait{width:max(50px,10.5cqh);height:max(50px,10.5cqh);box-shadow:0 0 0 3px var(--highlight)}.prow.watched .portrait{box-shadow:0 0 0 3.5px var(--primary)}.pdetail{z-index:20;width:max(220px,36cqh);font:500 max(12px, 1.8cqh) / 1.3 var(--body);text-align:left;padding:10px 12px;animation:.2s ease-out rise;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.pdetail-name{font-size:1.35em;line-height:1;display:block}.pdetail-sub{color:var(--muted-on-paper);margin:3px 0 8px;font-size:.92em;font-weight:600;display:block}.pdetail-row{align-items:center;gap:5px;margin-bottom:5px;display:flex}.pdetail-key{min-width:44px;color:var(--muted-on-paper);letter-spacing:.6px;text-transform:uppercase;font-size:.82em;font-weight:700}.pdetail-fx{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;margin-top:5px;display:grid}.pdetail-none{color:var(--muted-on-paper)}.your-piece{left:calc(var(--safe-l) + var(--edge));bottom:calc(var(--safe-b) + var(--edge));width:max(230px,39cqh);position:absolute;overflow:hidden}.yp-head{background:var(--accent);width:100%;min-height:44px;color:var(--white);font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:10px;padding:max(6px,1.1cqh) 12px;display:flex}.your-piece.open .yp-head{border-bottom:3px solid var(--ink)}.yp-head .portrait{border-width:2.5px;width:max(36px,6cqh);height:max(36px,6cqh)}.yp-name{font:400 max(15px, 2.4cqh) / 1 var(--display);text-shadow:0 2px 0 var(--ink);display:block}.yp-sub{font-size:max(11px,1.7cqh);font-weight:600;display:block}.yp-tile{text-shadow:var(--o-sm);font-variant-numeric:tabular-nums;margin-left:auto;font-size:max(24px,4.2cqh);line-height:1}.yp-tile b{font-weight:400}.yp-tile small{font-size:.45em}.yp-next{color:var(--muted-on-paper);font:700 max(11px, 1.7cqh) / 1.2 var(--body);letter-spacing:.3px;flex-wrap:wrap;align-items:center;gap:5px;padding:9px 12px 6px;display:flex}.yp-next b{background:var(--paper-alt);color:var(--ink);font:400 max(12px, 1.85cqh) / 1 var(--display);letter-spacing:0;border-radius:7px;padding:5px 7px 4px}.yp-next i{font-style:normal;font-weight:500}.yp-fx{flex-direction:column;gap:7px;margin:0;padding:2px 12px 11px;list-style:none;display:flex}.yp-fx li{font:500 max(11px, 1.75cqh) / 1.25 var(--body);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.yp-fx strong{font:400 max(13px, 2cqh) / 1 var(--display);margin-bottom:2px;display:block}.yp-fx em{color:var(--muted-on-paper);white-space:nowrap;font-size:.88em;font-style:normal;font-weight:700}.yp-empty{color:var(--muted-on-paper);font:500 max(11px, 1.75cqh) / 1.25 var(--body);margin:0;padding:2px 12px 11px}@keyframes pulse{50%{transform:scale(1.12)}}.center-die{z-index:15;pointer-events:none;justify-items:center;gap:max(6px,1.2cqh);transition:opacity .25s ease-out;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.center-die.leaving{opacity:0}.center-die .die-face{width:min(33cqh,160px);height:min(33cqh,160px);filter:drop-shadow(0 6px 0 var(--ink))}.center-die .die-face.tumbling{animation:.32s linear infinite die-tumble}.center-die .die-face.landed{animation:.28s cubic-bezier(.2,.9,.3,1.4) die-land}.center-die-badge{border:2px solid var(--ink);background:var(--accent);color:var(--white);border-radius:999px;padding:2px 12px;font-size:max(14px,2.6cqh)}.center-die-move{color:var(--gold);text-shadow:var(--o-lg);white-space:nowrap;font-size:max(26px,6cqh);line-height:1;animation:.25s cubic-bezier(.2,.9,.3,1.4) pop-in}@keyframes die-tumble{0%{transform:rotate(0)scale(.92)}50%{transform:rotate(180deg)scale(1.06)translateY(-6%)}to{transform:rotate(360deg)scale(.92)}}@keyframes die-land{0%{transform:scale(1.25)}}.pbubble{border:2.5px solid var(--ink);background:var(--paper);max-width:min(46cqw,380px);box-shadow:0 3px 0 var(--ink);color:var(--ink);font:500 max(12px, 1.9cqh) / 1.2 var(--body);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 4px;animation:.25s cubic-bezier(.2,.9,.3,1.4) pop-in;display:flex;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.pbubble:after{border-top:2.5px solid var(--ink);border-right:2.5px solid var(--ink);background:var(--paper);content:"";width:10px;height:10px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.pbubble.rare{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--rarity-rare)}.pbubble.epic{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--rarity-epic)}.pbubble-medal{border:2px solid var(--ink);background:var(--card-type,var(--rarity-common));width:max(24px,4cqh);height:max(24px,4cqh);color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:max(13px,2.3cqh);display:grid}.pbubble.movement{--card-type:var(--type-movement)}.pbubble.defense{--card-type:var(--type-defense)}.pbubble.attack{--card-type:var(--type-attack)}.pbubble.risky{--card-type:var(--type-risky)}.pbubble.misc{--card-type:var(--type-misc)}.pbubble-name{flex:none;font-size:max(13px,2.1cqh);line-height:1}.prow.away .portrait{opacity:.55}.prow-away{background:var(--ink);color:var(--white);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:3px 6px 2px;font-size:max(10px,1.5cqh)}.card-list{flex-direction:column;gap:5px;width:max(230px,39cqh);margin:0;padding:0;list-style:none;display:flex}.card-line{border:2px solid var(--ink);background:var(--paper);box-shadow:0 2px 0 var(--ink);color:var(--ink);font:500 11px / 1.2 var(--body);border-radius:12px;align-items:center;gap:7px;padding:4px 9px 4px 4px;display:flex}.card-line.now{box-shadow:0 2px 0 var(--ink), 0 0 0 2.5px var(--highlight)}.card-line-chip{border:1.5px solid var(--ink);background:var(--card-type,var(--paper));width:24px;height:30px;color:var(--ink);border-radius:6px;flex:none;place-items:center;display:grid}.card-line.movement{--card-type:var(--type-movement)}.card-line.defense{--card-type:var(--type-defense)}.card-line.attack{--card-type:var(--type-attack)}.card-line.risky{--card-type:var(--type-risky)}.card-line.misc{--card-type:var(--type-misc)}.card-line-chip .icon{width:14px;height:14px}.card-line-text{flex-direction:column;gap:1px;min-width:0;display:flex}.card-line-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-line-gist{opacity:.75;font-size:10px}.card-line-result{font:700 10px / 1 var(--body);flex:none;margin-left:auto;font-style:normal}@container (height<=500px){.compact-cards .pbubble,.compact-cards .dock .queue{display:none}}.card-line .who{color:var(--ink)}.card-line .who:before{border:1.5px solid var(--ink);background:var(--seat,var(--paper));content:"";vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}kbd{border:1.5px solid var(--muted-on-paper);background:var(--paper-alt);color:var(--ink);font:600 11px / 1 var(--body);text-shadow:none;border-bottom-width:3px;border-radius:6px;padding:2px 5px}@media (hover:none),(pointer:coarse){kbd,.desktop-only{display:none!important}}.dock{left:50%;bottom:calc(var(--safe-b) + var(--edge));flex-direction:column;align-items:center;gap:max(6px,1.2cqh);display:flex;position:absolute;transform:translate(-50%)}.dock .pill{margin:0}.roll-btn{box-shadow:0 max(5px, 1cqh) 0 var(--ink);border-width:4px;border-radius:max(18px,3.4cqh);gap:max(8px,1.6cqh);padding:max(10px,2cqh) max(30px,5.4cqh) max(9px,1.8cqh) max(22px,3.8cqh);font-size:max(26px,5cqh)}.roll-btn .icon{font-size:1.25em}.roll-btn:not(:disabled):hover .icon{animation:1s linear infinite spin}.dock-hint{font-weight:500}.totals{gap:6px;margin:0;padding:0;list-style:none;display:flex}.tchip{border:2px solid var(--ink);background:var(--white);color:var(--ink);font:600 max(12px, 1.8cqh) / 1 var(--body);border-radius:99px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.tchip:before{content:"";border:1.5px solid var(--ink);background:var(--seat);border-radius:50%;width:9px;height:9px}.tchip b{font:400 max(13px, 2cqh) / 1 var(--display)}.queue{gap:max(10px,2cqh);margin:0;padding:4px 0 0;list-style:none;display:flex}.q-card{border:3px solid var(--ink);background:var(--white);width:max(150px,26cqh);box-shadow:0 4px 0 var(--ink);color:var(--ink);opacity:.6;border-radius:14px;transition:transform .25s,opacity .25s;position:relative}.q-card.movement{--card-type:var(--type-movement)}.q-card.defense{--card-type:var(--type-defense)}.q-card.attack{--card-type:var(--type-attack)}.q-card.risky{--card-type:var(--type-risky)}.q-card.misc{--card-type:var(--type-misc)}.q-card.now{opacity:1;box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--highlight);transform:translateY(-6px)}.q-card.done{opacity:1}.q-order{z-index:2;background:var(--ink);width:26px;height:26px;color:var(--white);text-align:center;border-radius:50%;font-size:13px;line-height:26px;position:absolute;top:-12px;left:-10px}.q-top{border-bottom:3px solid var(--ink);background:var(--card-type);color:var(--white);letter-spacing:.8px;text-shadow:0 1.5px 0 var(--ink);border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;padding:5px 8px 4px 9px;font-size:max(10px,1.6cqh);display:flex}.gem{background:var(--white);color:var(--ink);font:700 9.5px / 1 var(--body);letter-spacing:.4px;text-shadow:none;border-radius:6px;padding:3px 6px}.gem.rare{background:var(--rarity-rare)}.gem.epic{background:var(--rarity-epic)}.q-body{align-items:center;gap:8px;padding:8px 9px 9px;display:flex}.q-body .icon{color:var(--card-type);flex:none;font-size:max(22px,3.6cqh)}.q-body b{font-size:max(13px,2.1cqh);line-height:1.05;display:block}.q-text{color:var(--ink);margin:0;padding:0 9px 9px;font-size:max(10px,1.55cqh);font-weight:600;line-height:1.25}.q-body small{color:var(--muted-on-paper);margin-top:2px;font-size:max(10px,1.55cqh);font-weight:600;line-height:1.2;display:block}.stamp{border:2px solid var(--ink);color:var(--white);border-radius:8px;padding:4px 7px 3px;font-size:13px;font-style:normal;line-height:1;animation:.3s cubic-bezier(.2,.9,.3,1.5) pop-in;position:absolute;top:-13px;right:-10px;transform:rotate(7deg)}.stamp.hit{background:var(--result-hit)}.stamp.blocked{background:var(--result-blocked);color:var(--ink)}.stamp.fizzled{background:var(--result-fizzled);color:var(--ink)}.popup{z-index:30;padding:calc(var(--safe-t) + max(48px, 8cqh)) calc(var(--safe-r) + var(--edge)) calc(var(--safe-b) + var(--edge)) calc(var(--safe-l) + var(--edge));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup.peeking{pointer-events:none;align-items:flex-end}.popup-content{flex-direction:column;align-items:center;gap:max(8px,1.6cqh);animation:.32s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:relative}.popup-title{color:var(--white);letter-spacing:1px;text-shadow:var(--o-lg);margin:0;font-size:max(38px,8cqh);line-height:1}.popup-sub,.popup-hint{max-width:min(560px,80cqw);color:var(--white);font:600 max(13px, 2.1cqh) / 1.35 var(--body);text-align:center;text-shadow:0 2px 6px var(--ink);margin:0}.popup-hint{font-weight:500}.popup-foot{pointer-events:auto}.fighters{align-items:center;gap:max(16px,4cqh);margin:4px 0;display:flex}.fighter{color:var(--white);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.fighter.out{opacity:.45}.fighter-portrait{width:max(72px,15cqh);height:max(72px,15cqh);box-shadow:0 0 0 3px var(--white), 0 max(5px, 1.1cqh) 0 var(--ink);border-width:4px}.fighter.me .fighter-portrait{box-shadow:0 0 0 4px var(--highlight), 0 max(5px, 1.1cqh) 0 var(--ink)}.fighter.winner .fighter-portrait{box-shadow:0 0 0 5px var(--gold), 0 max(5px, 1.1cqh) 0 var(--ink)}.fighter-pick{border:3px solid var(--ink);background:var(--white);min-width:max(44px,8.5cqh);height:max(44px,8.5cqh);box-shadow:0 4px 0 var(--ink);color:var(--mystery);border-radius:999px;place-items:center;padding:0 6px;font-size:max(26px,5cqh);animation:.3s cubic-bezier(.2,.9,.3,1.5) pop-in;display:grid;position:absolute;top:-12px;right:-22px}.fighter-pick b{color:var(--ink);font-size:max(13px,2.2cqh)}.fighter-name{text-shadow:var(--o-sm);font-size:max(16px,3cqh);line-height:1}.fighter-state{font:600 max(12px, 1.9cqh) / 1 var(--body);text-shadow:0 1px 4px var(--ink);align-items:center;gap:5px;display:inline-flex}.vs{color:var(--gold);text-shadow:var(--o);font-size:max(32px,6.5cqh);line-height:1}.choices{gap:max(14px,3cqh);display:flex}.choice{border:4px solid var(--ink);background:var(--white);width:max(76px,15cqh);height:max(76px,15cqh);box-shadow:0 max(4px, .9cqh) 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:max(13px,2.1cqh);transition:transform .12s;display:flex;position:relative}.choice .icon{color:var(--mystery);font-size:max(30px,6.4cqh)}.choice kbd{position:absolute;top:-4px;right:2px}.choice:hover:not(:disabled){transform:translateY(-4px)scale(1.04)}.choice.on{background:var(--accent);color:var(--white)}.choice.on .icon{color:var(--white)}.choice:disabled:not(.on){opacity:.4;cursor:default}.pick-cards{align-items:flex-start;gap:max(14px,3.6cqh);display:flex}.pick-slot{flex-direction:column;align-items:center;gap:max(8px,1.8cqh);transition:opacity .3s,transform .3s;display:flex}.pick-slot.gone{opacity:.25;transform:scale(.94)}.pick-card{border:4px solid var(--ink);background:linear-gradient(160deg, var(--frame-a), var(--frame-b));width:max(150px,30cqh);height:max(200px,41cqh);box-shadow:0 max(5px, 1cqh) 0 var(--ink);color:var(--ink);text-align:center;cursor:pointer;border-radius:max(16px,3.2cqh);padding:max(6px,1.2cqh);transition:transform .18s cubic-bezier(.2,.9,.3,1.3);display:flex;position:relative}.pick-card.common{--frame-a:var(--paper-alt);--frame-b:var(--muted-on-plate)}.pick-card.rare{--frame-a:var(--rarity-rare);--frame-b:var(--mystery)}.pick-card.epic{--frame-a:var(--rarity-epic);--frame-b:var(--primary)}.pick-card.movement{--card-type:var(--type-movement)}.pick-card.defense{--card-type:var(--type-defense)}.pick-card.attack{--card-type:var(--type-attack)}.pick-card.risky{--card-type:var(--type-risky)}.pick-card.misc{--card-type:var(--type-misc)}.pick-card:hover:not(:disabled){transform:translateY(-10px)scale(1.03)}.pick-card:disabled{cursor:default}.pick-slot.chosen .pick-card{box-shadow:0 max(5px, 1cqh) 0 var(--ink), 0 0 0 6px var(--white);transform:translateY(-14px)scale(1.06)}.pick-card kbd{position:absolute;top:-10px;right:-8px}.pick-inner{border:3px solid var(--ink);background:var(--paper);border-radius:max(11px,2.2cqh);flex-direction:column;flex:1;align-items:center;gap:max(4px,.9cqh);min-width:0;padding:max(7px,1.4cqh) max(8px,1.6cqh);display:flex}.pick-type{border:2px solid var(--ink);background:var(--card-type);color:var(--white);letter-spacing:1px;text-shadow:0 1px 0 var(--ink);border-radius:99px;padding:4px 9px 3px;font-size:max(10px,1.6cqh)}.pick-medal{border:4px solid var(--ink);background:radial-gradient(circle at 35% 30%, var(--white) 0, var(--card-type) 100%);width:max(52px,11cqh);height:max(52px,11cqh);box-shadow:0 4px 0 var(--ink);color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:max(28px,6cqh);display:grid}.pick-name{font-size:max(16px,3cqh);line-height:1.05}.pick-text{color:var(--ink);font:500 max(11px, 1.75cqh) / 1.3 var(--body)}.pick-warn{color:var(--warn-on-paper);font:600 max(10px, 1.55cqh) / 1.25 var(--body)}.pick-target{color:var(--muted-on-paper);font:700 max(10px, 1.55cqh) / 1.2 var(--body);align-items:center;gap:5px;margin-top:auto;display:flex}.reroll-btn{border:3px solid var(--ink);background:var(--gold);width:max(52px,9cqh);height:max(44px,7cqh);box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;font-size:max(20px,3.6cqh);display:grid}.reroll-btn:hover:not(:disabled) .icon{transition:transform .2s;transform:rotate(-40deg)}.reroll-btn:disabled{background:var(--paper-alt);opacity:.7;cursor:default}.peek-btn{background:var(--rarity-rare)}.banner{z-index:25;color:var(--gold);font:400 max(44px, 11cqh) / 1 var(--display);letter-spacing:1px;text-shadow:var(--o-lg);white-space:nowrap;pointer-events:none;animation:1.7s cubic-bezier(.2,.9,.3,1.2) forwards banner-pop;position:absolute;top:40%;left:50%}.banner.bad{color:var(--accent)}.banner.info{color:var(--white)}.banner.cool{color:var(--rarity-rare)}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}24%{transform:translate(-50%,-50%)scale(1)rotate(-1deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)}}.screen{position:absolute;inset:0}.match .scene-frame{background:0 0;border-radius:0;height:auto;margin:0;position:absolute;inset:0}.match .webgl-message{background:var(--plate);max-width:min(520px,80cqw);color:var(--white);font:600 max(15px, 2.6cqh) / 1.4 var(--body);text-align:center;border-radius:16px;margin:0;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tags{position:absolute;inset:0;overflow:hidden}.tag{will-change:transform;position:absolute;top:0;left:0}.tag-name{border:2.5px solid var(--ink);background:var(--seat);color:var(--white);text-shadow:0 1.5px 0 var(--ink);white-space:nowrap;border-radius:10px;padding:4px 8px 3px;font-size:max(12px,2cqh);line-height:1;display:block}.tag-stack{flex-direction:column;align-items:center;gap:9px;width:max-content;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)}.rank-badge{border:3px solid var(--ink);background:var(--gold);box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:12px;padding:4px 12px 3px;font-size:max(18px,3.6cqh);line-height:1;animation:.35s cubic-bezier(.2,.9,.3,1.5) backwards pop-in}.tag.me .tag-name{box-shadow:0 0 0 2.5px var(--highlight)}.menu-btn{right:calc(var(--safe-r) + var(--edge));top:calc(var(--safe-t) + var(--edge));position:absolute}.match-fullscreen-btn{right:calc(var(--safe-r) + var(--edge) + 2 * (max(44px, 8cqh) + 10px));top:calc(var(--safe-t) + var(--edge));position:absolute}.sound-btn{right:calc(var(--safe-r) + var(--edge) + max(44px, 8cqh) + 10px);top:calc(var(--safe-t) + var(--edge));position:absolute}.watch-pill{right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + var(--edge));padding-right:6px;position:absolute}.watch-pill b{color:var(--highlight)}.watch-pill .btn{padding-block:6px 5px;font-size:max(13px,2.2cqh)}.dev-stats{left:50%;top:calc(var(--safe-t) + max(52px, 9cqh));color:var(--muted-on-plate);white-space:nowrap;pointer-events:none;margin:0;font:12px/1 ui-monospace,monospace;position:absolute;transform:translate(-50%)}.dialog-text{font:500 max(14px, 2.4cqh) / 1.4 var(--body);margin:0}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.reconnect-pill{left:50%;top:calc(var(--safe-t) + max(64px, 17cqh));z-index:50;position:absolute;transform:translate(-50%)}.menu .scene-frame{background:0 0;border-radius:0;height:auto;margin:0;position:absolute;inset:0}.menu-anchor{position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.menu-plate{border:3px solid var(--ink);background:var(--highlight);box-shadow:0 3px 0 var(--ink);color:var(--ink);letter-spacing:.3px;white-space:nowrap;border-radius:10px;padding:max(4px,.8cqh) max(12px,2.2cqh) max(3px,.6cqh);font-size:max(14px,3cqh);line-height:1;translate:-50% -50%}.menu-plate small{font:600 max(11px, 1.9cqh) / 1 var(--body);text-align:center;margin-top:2px;display:block}.menu .menu-anchor.round-btn{translate:-50% -50%}.profile-chip{left:calc(var(--safe-l) + 3cqh);top:calc(var(--safe-t) + 3cqh);background:var(--plate);min-height:44px;color:var(--white);border-radius:999px;align-items:center;gap:max(8px,1.6cqh);padding:max(4px,1cqh) max(14px,2.6cqh) max(4px,1cqh) max(4px,1cqh);display:flex;position:absolute}.profile-name{min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;display:flex}.profile-name>span{letter-spacing:.3px;align-items:center;gap:6px;font-size:max(15px,3.4cqh);line-height:1;display:flex}.profile-name .icon{color:var(--muted-on-plate);font-size:max(13px,2.4cqh)}.profile-name small{color:var(--muted-on-plate);font:600 max(11px, 1.9cqh) / 1.2 var(--body);margin-top:3px}.profile-input{border:2px solid var(--ink);background:var(--white);width:max(140px,26cqh);min-height:40px;color:var(--ink);border-radius:9px;padding:4px 8px 3px;font-size:max(15px,3.4cqh)}.logo{left:50%;top:calc(var(--safe-t) + 2.6cqh);color:var(--white);text-align:center;pointer-events:none;margin:0;position:absolute;transform:translate(-50%)}.logo b{letter-spacing:1px;text-shadow:var(--o-lg);font-size:max(24px,6.6cqh);line-height:1;display:block}.logo b span{color:var(--highlight)}.logo small{background:var(--plate);font:600 max(11px, 2cqh) / 1 var(--body);letter-spacing:.6px;border-radius:99px;margin-top:max(5px,1.2cqh);padding:max(3px,.7cqh) max(9px,1.6cqh);display:inline-block}.menu-fullscreen-btn{right:calc(var(--safe-r) + 3cqh + max(44px, 8cqh) + 10px);top:calc(var(--safe-t) + 3cqh);position:absolute}.gear-btn{right:calc(var(--safe-r) + 3cqh);top:calc(var(--safe-t) + 3cqh);position:absolute}.seed-input{right:calc(var(--safe-r) + 3cqh);top:calc(var(--safe-t) + 3cqh + max(52px, 10cqh));border:2px dashed var(--empty-seat-edge);background:var(--plate-soft);width:max(150px,26cqh);min-height:36px;color:var(--white);border-radius:10px;padding:4px 10px;font:500 13px/1 ui-monospace,monospace;position:absolute}.play-wrap{right:calc(var(--safe-r) + 3cqh);bottom:calc(var(--safe-b) + 3cqh);flex-direction:column;align-items:flex-end;gap:max(5px,1cqh);display:flex;position:absolute}.play-caption{padding:max(4px,.8cqh) max(10px,1.6cqh);font-size:max(11px,2cqh)}.play-btn{min-width:max(150px,34cqh);height:max(56px,14.5cqh);box-shadow:0 max(5px, 1.2cqh) 0 var(--ink);letter-spacing:1.5px;border-width:4px;border-radius:max(16px,3.4cqh);font-size:max(24px,7cqh)}.play-btn .icon{font-size:.75em}.tip{left:calc(var(--safe-l) + 3cqh);bottom:calc(var(--safe-b) + 3cqh);background:var(--plate);max-width:25cqw;color:var(--white);font:500 max(12px, 2.3cqh) / 1.35 var(--body);border-radius:max(12px,2cqh);align-items:flex-start;gap:max(7px,1.2cqh);margin:0;padding:max(8px,1.4cqh) max(12px,2cqh);display:flex;position:absolute}.tip b{color:var(--highlight);letter-spacing:.4px;font-size:max(12px,2.3cqh);line-height:1.35}@container (height<=449px){.tip{display:none}}.popup-title.found{color:var(--highlight)}.mm-time{color:var(--highlight);text-shadow:var(--o-sm);font-variant-numeric:tabular-nums;font-size:max(18px,4.4cqh);line-height:1}.mm-seats{gap:max(10px,3cqh);margin:0;padding:0;list-style:none;display:flex}.mm-seat{flex-direction:column;align-items:center;gap:max(4px,1cqh);width:max(64px,15cqh);display:flex}.mm-portrait{width:max(52px,13cqh);height:max(52px,13cqh);box-shadow:0 0 0 2.5px var(--white), 0 max(3px, .8cqh) 0 var(--ink);animation:.35s cubic-bezier(.2,.9,.3,1.5) pop-in}.mm-seat.me .mm-portrait{box-shadow:0 0 0 3px var(--highlight), 0 max(3px, .8cqh) 0 var(--ink)}.mm-seat.empty .mm-dots{border:3px dashed var(--empty-seat-edge);background:var(--empty-seat);border-radius:50%;grid-auto-flow:column;place-items:center;gap:max(3px,.6cqh);width:max(52px,13cqh);height:max(52px,13cqh);display:grid}.mm-dots i{background:var(--white);opacity:.3;border-radius:50%;width:max(5px,1.1cqh);height:max(5px,1.1cqh);animation:1.2s infinite dot}.mm-dots i:nth-child(2){animation-delay:.2s}.mm-dots i:nth-child(3){animation-delay:.4s}@keyframes dot{40%{opacity:1;transform:translateY(-3px)}}.mm-name{color:var(--white);text-shadow:var(--o-sm);white-space:nowrap;font-size:max(12px,2.5cqh);line-height:1}.mm-tag{background:var(--paper-alt);color:var(--muted-on-paper);font:700 max(9px, 1.6cqh) / 1 var(--body);letter-spacing:.6px;border-radius:6px;padding:2px 6px}.mm-seat.me .mm-tag{background:var(--highlight);color:var(--ink)}.mm-count{color:var(--highlight);text-shadow:var(--o-lg);font-size:max(40px,14cqh);line-height:1;animation:.35s cubic-bezier(.2,.9,.3,1.5) pop-in}.mm-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:max(8px,2cqh);display:flex}.btn.appear{animation:.4s cubic-bezier(.2,.9,.3,1.5) pop-in}.end{z-index:30;place-items:center;display:grid}.end-content{flex-direction:column;align-items:center;gap:max(12px,3cqh);animation:.35s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:relative}.end-title{color:var(--white);text-shadow:var(--o-lg);align-items:center;gap:.3em;margin:0;font-size:max(32px,8cqh);line-height:1;display:flex}.end-title.mine,.end-title .icon{color:var(--gold)}.podium{align-items:flex-end;gap:max(6px,1.5cqh);margin:0;padding:0;list-style:none;display:flex}.place{flex-direction:column;align-items:center;gap:max(4px,.9cqh);width:max(72px,17cqh);display:flex}.place-1{order:2}.place-2{order:1}.place-3{order:3}.place-4{order:4}.place-portrait{width:max(52px,12cqh);height:max(52px,12cqh);animation:.4s cubic-bezier(.2,.9,.3,1.5) pop-in}.place.me .place-portrait{box-shadow:0 0 0 3px var(--highlight)}.place-name{color:var(--white);text-shadow:var(--o-sm);white-space:nowrap;font-size:max(13px,2.6cqh);line-height:1}.place-step{border:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:0 max(4px, .8cqh) 0 var(--ink);color:var(--ink);border-radius:12px 12px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding-top:max(6px,1.2cqh);display:flex}.place-step b{font-size:max(22px,5.5cqh);line-height:1}.place-step small{color:var(--muted-on-paper);font:600 max(10px, 1.7cqh) / 1 var(--body)}.place-1 .place-step{background:var(--gold);height:max(96px,24cqh)}.place-2 .place-step{background:var(--paper-alt);height:max(76px,18cqh)}.place-3 .place-step{background:var(--primary-hover);height:max(60px,14cqh)}.place-4 .place-step{height:max(44px,9cqh)}.end-buttons{gap:max(10px,2cqh);display:flex}.error-screen{z-index:60;place-items:center;display:grid}.error-panel{flex-direction:column;align-items:flex-start;gap:max(10px,2cqh);width:min(92cqw,max(320px,90cqh));padding:max(16px,3.4cqh);display:flex;position:relative}.error-panel h2{margin:0;font-size:max(20px,4.6cqh);line-height:1.1}.error-panel p{color:var(--muted-on-paper);font:500 max(13px, 2.4cqh) / 1.4 var(--body);margin:0}.error-details{align-items:flex-start;gap:10px;width:100%;display:flex}.error-details pre{background:var(--ink);max-height:30cqh;color:var(--paper);white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:10px;flex:1;margin:0;padding:10px;font:12px/1.4 ui-monospace,monospace;overflow:auto}.setting-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:max(8px,2cqh);display:grid}.setting-label b{font-size:max(15px,3cqh);line-height:1.1;display:block}.setting-label span{color:var(--muted-on-paper);font:500 max(11px, 2.1cqh) / 1.35 var(--body);margin-top:3px;display:block}.segmented{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;display:flex;overflow:hidden}.segmented button{border:0;border-left:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;padding:0 max(10px,2cqh);font-size:max(13px,2.6cqh)}.segmented button:first-child{border-left:0}.segmented button[aria-pressed=true]{background:var(--highlight)}.switch{border:3px solid var(--ink);background:var(--paper-alt);cursor:pointer;border-radius:99px;width:max(54px,10cqh);height:max(30px,5.6cqh);min-height:30px;padding:0;position:relative}.switch:before{content:"";position:absolute;inset:-8px}.switch:after{content:"";box-sizing:border-box;aspect-ratio:1;border:2px solid var(--ink);background:var(--white);border-radius:50%;height:calc(100% - 4px);transition:left .18s,translate .18s;position:absolute;top:50%;left:2px;translate:0 -50%}.switch[aria-checked=true]{background:var(--highlight)}.switch[aria-checked=true]:after{left:calc(100% - 2px);translate:-100% -50%}.setting-note{color:var(--muted-on-paper);font:600 max(11px, 2cqh) / 1.3 var(--body);margin:0}.volume-row{grid-template-columns:1fr 1fr;gap:max(10px,2cqh);display:grid}.volume{gap:4px;font-weight:600;display:grid}.volume input{width:100%;min-height:44px;accent-color:var(--primary)}.loading-screen{z-index:55;place-items:center;display:grid}.loading-panel{text-align:center;flex-direction:column;align-items:center;gap:max(10px,2cqh);width:min(92cqw,max(300px,70cqh));padding:max(16px,3.4cqh);display:flex;position:relative}.loading-panel h2{margin:0;font-size:max(20px,4.6cqh);line-height:1.1}.loading-panel p{color:var(--muted-on-paper);font:500 max(13px, 2.4cqh) / 1.4 var(--body);margin:0}.loading-panel small{color:var(--muted-on-paper);font:700 max(12px, 2.2cqh) / 1 var(--body)}.load-bar{border:3px solid var(--ink);background:var(--paper);border-radius:999px;width:100%;height:max(12px,2.4cqh);overflow:hidden}.load-bar i{background:var(--highlight);height:100%;transition:width .25s ease-out;display:block}.loading-buttons{gap:max(10px,2cqh);display:flex}