:root{--ground:#e8eaee;--surface:#f7f8fb;--surface-2:#fff;--line:#cdd4dd;--line-soft:#dde2e9;--ink:#181c23;--ink-2:#59636f;--ink-3:#8994a2;--sq-light:#ccd3da;--sq-dark:#8d99a6;--board-edge:#68737f;--own-light-fill:#fcfcfd;--own-dark-fill:#2b323b;--accent:#0d7f9b;--accent-soft:#0d7f9b29;--danger:#c33f2e;--danger-soft:#c33f2e38;--bonus:#b3800a;--bonus-mark:#eda600;--bonus-soft:#eda60047;--heal:#2f8f5b;--heal-soft:#2f8f5b38;--accent-fill:#0d7f9b;--on-accent:#fff;--dot:#181c2357;--last:#0d7f9b42;--radius:10px;--shadow:0 1px 2px #141c260f,0 8px 24px -12px #141c263d;--f-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f1218;--surface:#161a21;--surface-2:#1c212a;--line:#2a313c;--line-soft:#232932;--ink:#e5e9ef;--ink-2:#9aa5b2;--ink-3:#6a7583;--sq-light:#55606c;--sq-dark:#39434e;--board-edge:#252c35;--own-light-fill:#f5f7f9;--own-dark-fill:#1a1f26;--accent:#3fbdd8;--accent-soft:#3fbdd82e;--danger:#f0705a;--danger-soft:#f0705a3d;--bonus:#e9b43e;--bonus-mark:#e9b43e;--bonus-soft:#e9b43e42;--heal:#52c489;--heal-soft:#52c4893d;--accent-fill:#1d7f97;--on-accent:#fff;--dot:#e5e9ef66;--last:#3fbdd847;--shadow:0 1px 2px #0006,0 8px 24px -12px #000000b3}}:root[data-theme=dark]{--ground:#0f1218;--surface:#161a21;--surface-2:#1c212a;--line:#2a313c;--line-soft:#232932;--ink:#e5e9ef;--ink-2:#9aa5b2;--ink-3:#6a7583;--sq-light:#55606c;--sq-dark:#39434e;--board-edge:#252c35;--own-light-fill:#f5f7f9;--own-dark-fill:#1a1f26;--accent:#3fbdd8;--accent-soft:#3fbdd82e;--danger:#f0705a;--danger-soft:#f0705a3d;--bonus:#e9b43e;--bonus-mark:#e9b43e;--bonus-soft:#e9b43e42;--heal:#52c489;--heal-soft:#52c4893d;--accent-fill:#1d7f97;--on-accent:#fff;--dot:#e5e9ef66;--last:#3fbdd847;--shadow:0 1px 2px #0006,0 8px 24px -12px #000000b3}*{box-sizing:border-box}button{color:inherit;font-family:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8eaee;background:var(--ground);color:#181c23;color:var(--ink);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--f-body);margin:0}code{font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-family:var(--f-mono)}@keyframes roll-ball{0%{transform:translate(0) rotate(0deg)}to{transform:translate(var(--tx),var(--ty)) rotate(2turn);transform:translate(var(--tx),var(--ty)) rotate(var(--rotation,2turn))}}@keyframes fly-triangle{0%{transform:translate(0) rotate(0deg)}to{transform:translate(var(--tx),var(--ty)) rotate(0deg);transform:translate(var(--tx),var(--ty)) rotate(var(--angle,0deg))}}@keyframes slide-square{0%{transform:translate(0)}to{transform:translate(var(--tx),var(--ty))}}@keyframes float-egg{0%{transform:translate(0) translateY(0)}50%{transform:translate(calc(var(--tx)*.5),calc(var(--ty)*.5)) translateY(-5px)}to{transform:translate(var(--tx),var(--ty)) translateY(0)}}@keyframes float-star{0%{filter:brightness(1);transform:translate(0) scale(1)}50%{filter:brightness(1.5);transform:translate(calc(var(--tx)*.5),calc(var(--ty)*.5)) scale(1.2)}to{filter:brightness(1);transform:translate(var(--tx),var(--ty)) scale(1)}}@keyframes ball-impact{0%{filter:brightness(1);transform:scale(1)}25%{filter:brightness(2);transform:scale(1.3)}50%{filter:brightness(1.5);transform:scale(.9) translateX(-3px)}75%{filter:brightness(1.5);transform:scale(1.1) translateX(3px)}to{filter:brightness(1);transform:scale(1)}}@keyframes projectile-triangle{0%{opacity:1;transform:translate(0) rotate(var(--angle))}to{opacity:.8;transform:translate(var(--tx),var(--ty)) rotate(var(--angle))}}@keyframes laser-beam{0%{opacity:1;width:0}50%{opacity:1}to{opacity:0;width:var(--length)}}@keyframes sparkle-ray{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5)}}@keyframes explode-star{0%{filter:brightness(1);opacity:1;transform:scale(1)}50%{filter:brightness(2) blur(2px);opacity:.7;transform:scale(2)}to{filter:brightness(3) blur(5px);opacity:0;transform:scale(3)}}@keyframes shake-egg{0%,to{transform:translateX(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translateX(-3px) rotate(-5deg)}20%,40%,60%,80%{transform:translateX(3px) rotate(5deg)}}@keyframes morph-shape{0%{filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.5);transform:scale(.5) rotate(90deg)}50%{filter:brightness(2);transform:scale(.3) rotate(180deg)}75%{filter:brightness(1.5);transform:scale(.5) rotate(270deg)}to{filter:brightness(1);transform:scale(1) rotate(1turn)}}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes pulse-highlight{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@keyframes attack-pulse{0%{filter:brightness(1);transform:scale(1)}30%{filter:brightness(2) drop-shadow(0 0 10px gold);transform:scale(1.3)}60%{filter:brightness(1.7) drop-shadow(0 0 8px gold);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}.animating{pointer-events:none}.move-ball{animation:roll-ball .6s ease-in-out forwards}.move-triangle{animation:fly-triangle .5s ease-in-out forwards}.move-square{animation:slide-square .5s linear forwards}.move-egg{animation:float-egg .7s ease-in-out forwards}.move-star{animation:float-star .7s ease-in-out forwards}.move-shoot{animation:float-egg .5s ease-in-out forwards}.shoot-ghost{animation-fill-mode:both;animation-name:float-egg;animation-timing-function:ease-in-out;display:grid;inset:0;place-items:center;pointer-events:none;position:absolute;z-index:49}.shoot-ghost>.piece-glyph{--ow:0px}.shoot-ghost-1{animation-delay:60ms;animation-duration:.44s;filter:blur(.6px) saturate(2.4) brightness(1.25);opacity:.5}.shoot-ghost-2{animation-delay:.12s;animation-duration:.38s;filter:blur(1.2px) saturate(2.4) brightness(1.35);opacity:.32;transform:scale(.9)}.shoot-ghost-3{animation-delay:.18s;animation-duration:.32s;filter:blur(1.8px) saturate(2.4) brightness(1.45);opacity:.18;transform:scale(.8)}@keyframes lunge-and-return{0%,to{transform:translate(0)}50%{transform:translate(var(--tx),var(--ty))}}.lunge-triangle{animation:lunge-and-return .5s ease-in-out}@keyframes hook-triangle{0%{animation-timing-function:ease-in;transform:translate(0)}70%{animation-timing-function:ease-out;transform:translate(var(--tx),var(--ty))}to{transform:translate(var(--hx),var(--hy))}}.hook-triangle{animation:hook-triangle .65s forwards}.impact{animation:ball-impact .3s ease-out}.exploding{animation:explode-star .5s ease-out forwards}.cracking{animation:shake-egg .4s ease-in-out}.morphing{animation:morph-shape .4s ease-in-out}.fading{animation:fade-out .3s ease-out forwards}.attacking{animation:attack-pulse .5s ease-out}.aoe-damage{animation:aoe-blast .5s ease-out}@keyframes aoe-blast{0%{background-color:initial;filter:brightness(1);transform:scale(1)}25%{background-color:#ff0000b3;filter:brightness(2);transform:scale(1.2)}50%{background-color:#ff640080;filter:brightness(1.8);transform:scale(1.1)}75%{background-color:#ff96004d;filter:brightness(1.4);transform:scale(1.05)}to{background-color:initial;filter:brightness(1);transform:scale(1)}}.projectile{pointer-events:none;position:absolute;z-index:1000}.projectile-missile{animation:projectile-triangle .4s linear forwards;background:orange;border:2px solid #ff8c00;border-radius:50%;box-shadow:0 0 10px orange;height:15px;width:15px}.projectile-laser{animation:projectile-triangle .3s linear forwards;background:linear-gradient(90deg,red,#ff0,red);box-shadow:0 0 15px red;height:5px;width:200px}.projectile-sparkle{animation:sparkle-ray .5s ease-out forwards;background:radial-gradient(circle,#ff0,orange,red);border:2px solid #ff8c00;border-radius:50%;box-shadow:0 0 15px #ffa500cc,0 0 5px #f009;height:12px;width:12px}.game-tile{transition:background-color .2s ease}.game-tile-piece{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}@keyframes idle-egg{50%{transform:scale(1.05)}}@keyframes idle-golden{50%{transform:scale(1.07)}}@keyframes idle-ball{30%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes idle-square{33%{transform:skewY(3deg) scaleY(.97)}66%{transform:skewY(-3deg) scaleY(1.02)}}@keyframes idle-triangle{40%{transform:rotate(-13deg)}55%{transform:rotate(4deg)}}@keyframes idle-shoot{25%{transform:scale(1.1) rotate(3deg)}50%{transform:scale(.94) rotate(-3deg)}75%{transform:scale(1.06) rotate(2deg)}}@keyframes shoot-tail-glow{0%,to{opacity:.55;transform:rotate(-38deg) scaleX(1)}35%{opacity:.3;transform:rotate(-38deg) scaleX(.8)}70%{opacity:.6;transform:rotate(-38deg) scaleX(1.1)}}@keyframes idle-star{50%{transform:rotate(18deg) scale(1.05)}}@keyframes idle-xstar{50%{transform:rotate(-18deg) scale(1.06)}}@keyframes idle-xball{50%{transform:translateX(2px) rotate(6deg)}}.idle-ball,.idle-egg,.idle-golden,.idle-shoot,.idle-square,.idle-star,.idle-triangle,.idle-xball,.idle-xstar{animation-iteration-count:infinite;animation-timing-function:ease-in-out;display:inline-block;will-change:transform}.idle-egg{animation-duration:3.7s;animation-name:idle-egg}.idle-golden{animation-duration:2.9s;animation-name:idle-golden}.idle-ball{animation-duration:4.3s;animation-name:idle-ball}.idle-square{animation-duration:5.1s;animation-name:idle-square}.idle-triangle{animation-duration:3.3s;animation-name:idle-triangle}.idle-shoot{animation-duration:1.6s;animation-name:idle-shoot}.idle-star{animation-duration:4.7s;animation-name:idle-star}.idle-xstar{animation-duration:4.1s;animation-name:idle-xstar}.idle-xball{animation-duration:3.9s;animation-name:idle-xball}.piece-glyph.idle-shoot:before{animation:shoot-tail-glow 1.6s ease-in-out infinite;background:linear-gradient(270deg,#ffbe3cbf,#ff780059 45%,#ff5a0000);border-radius:50%;content:"";filter:blur(1px);height:.34em;left:-.42em;pointer-events:none;position:absolute;top:-.02em;transform-origin:100% 50%;width:.8em;z-index:-1}.piece-sprite{display:block;height:1.15em;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:1.15em}@media (prefers-reduced-motion:reduce){.idle-ball,.idle-egg,.idle-golden,.idle-shoot,.idle-square,.idle-star,.idle-triangle,.idle-xball,.idle-xstar{animation:none}.shoot-ghost{display:none}.piece-glyph.idle-shoot:before{animation:none;opacity:.45}}.main-content{width:100%}.app-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:10px}.app-title{font-size:1.8em;margin:0;white-space:nowrap}.variant-badge{align-items:baseline;background:var(--surface);border:1px solid var(--line);border-radius:20px;display:inline-flex;font-size:14px;gap:8px;padding:4px 14px}.variant-desc{color:var(--ink-2);font-size:12px}.online-bar{background:var(--accent-soft);border-radius:6px;font-size:13px;margin:0 auto 8px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.online-waiting{color:var(--ink-3)}.status-bar{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 12px;max-width:100%;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.status-bar-win{background:var(--surface);border-color:var(--accent)}.check-banner{align-items:center;background:var(--surface);border:1px solid var(--bonus);border-radius:10px;color:var(--ink-2);display:flex;flex-direction:column;font-size:.9em;gap:4px;margin:0 auto 12px;max-width:100%;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.check-banner-check{color:var(--danger);font-weight:600}.status-main{align-items:center;display:flex;gap:8px;min-width:0}.status-hint{color:var(--ink-2);font-size:12px}.winner-text{color:var(--accent);font-size:1.15em}.turn-dot{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;height:12px;width:12px}.turn-dot-p0{background:var(--own-light-fill)}.turn-dot-p1{background:var(--own-dark-fill)}.action-pips{display:flex;gap:5px}.action-pip{background:#0000;border:2px solid var(--line);border-radius:50%;height:11px;width:11px}.action-pip-on{background:var(--accent);border-color:var(--accent)}.status-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;font-size:13px;padding:6px 14px}.status-btn:disabled{cursor:not-allowed;opacity:.45}.status-btn-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.status-btn-idle{background:var(--surface-2);border-color:var(--line);color:var(--ink-3);cursor:not-allowed}.status-btn-armed{animation:cta-arm 1.8s ease-in-out infinite}@keyframes cta-arm{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,#0000)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0,#0000)}}@media (prefers-reduced-motion:reduce){.status-btn-armed{animation:none}}.sidebar-setting{border-bottom:1px solid var(--line);font-family:sans-serif;font-size:13px;gap:6px;margin-bottom:12px;padding-bottom:10px}:root{--tile-size:clamp(32px,min(8vw,6.7vh),66px);--tile-font:calc(var(--tile-size)*0.58)}@media (max-width:560px){:root{--grid-gap:2px;--grid-border:2px;--tile-size:min(46px,calc(12.5vw - 4.25px),calc(12.5vh - 28.75px));--tile-font:calc(var(--tile-size)*0.58)}@supports (height:100svh){:root{--tile-size:min(46px,calc(12.5vw - 4.25px),calc(100svh/8 - 28.75px))}}.side-panel-collapsed{background:#0000!important;border-right:none!important;box-shadow:none!important;overflow:visible!important;width:0!important}.side-panel-collapsed .side-toggle{font-size:15px!important;left:4px;padding:4px 9px!important;right:auto!important;top:4px!important}.game-shell{gap:0!important;padding:8px 6px!important}.app-bar{gap:8px;margin-bottom:6px}.app-title{font-size:1.15em}.variant-badge{font-size:12px;padding:2px 10px}.btn-word,.variant-desc{display:none}.status-bar{flex-wrap:nowrap}.status-btn.icon-only{padding:6px 9px}.status-bar{box-shadow:0 1px 4px #00000014;font-size:14px;gap:10px;margin-bottom:8px;padding:6px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.status-hint{display:none}.online-bar{font-size:12px;margin-bottom:6px;padding:4px 10px}.menu{min-width:250px!important}.piece-panel{font-size:13px;margin-top:8px!important;min-width:0!important;padding:8px!important;width:calc(100% - 12px)}.piece-panel hr{margin:6px 0}.piece-panel button{font-size:13px;padding:6px 10px}}@media (max-width:900px) and (max-height:480px){.app-header{display:none}:root{--tile-size:min(46px,calc(12.5vw - 4.25px),calc(12.5vh - 16.25px))}@supports (height:100svh){:root{--tile-size:min(46px,calc(12.5vw - 4.25px),calc(100svh/8 - 16.25px))}}}.board-frame{display:inline-grid;gap:4px;grid-template-areas:"ranks grid" ".     files";grid-template-columns:auto auto;margin:0 auto}.board-grid{border:1px solid var(--board-edge);border-radius:4px;display:grid;grid-area:grid;grid-template-columns:repeat(8,clamp(32px,min(8vw,6.7vh),66px));grid-template-columns:repeat(8,var(--tile-size,46px));overflow:hidden}.board-files,.board-ranks{color:var(--ink-3);display:grid;font-family:var(--f-mono);font-size:10px;font-weight:500;-webkit-user-select:none;user-select:none}.board-ranks{grid-area:ranks;grid-template-rows:repeat(8,1fr)}.board-files{grid-area:files;grid-template-columns:repeat(8,clamp(32px,min(8vw,6.7vh),66px));grid-template-columns:repeat(8,var(--tile-size,46px))}.board-files span,.board-ranks span{display:grid;place-items:center}.board-files span{height:13px}.sq{background:none;border:0;cursor:pointer;display:grid;font-family:inherit;font-size:calc(clamp(32px, min(8vw, 6.7vh), 66px)*.58);font-size:var(--tile-font,26px);height:clamp(32px,min(8vw,6.7vh),66px);height:var(--tile-size,46px);isolation:isolate;padding:0;place-items:center;position:relative;width:clamp(32px,min(8vw,6.7vh),66px);width:var(--tile-size,46px)}.sq-light{background:var(--sq-light)}.sq-dark{background:var(--sq-dark)}.sq:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:6}.sq-selected{box-shadow:inset 0 0 0 3px var(--accent)}.sq-strike{box-shadow:inset 0 0 0 3px var(--danger)}.sq-bonus{box-shadow:inset 0 0 0 3px var(--bonus-mark)}.sq-charge{box-shadow:inset 0 0 0 3px var(--danger)}.sq-check{box-shadow:inset 0 0 0 3.5px var(--bonus-mark)}.sq-heal{box-shadow:inset 0 0 0 3px var(--heal)}.sq>i{pointer-events:none;position:absolute}.ov-tint{inset:0;z-index:0}.ov-tint-last{background:var(--last)}.ov-tint-charge{background:var(--danger-soft)}.ov-tint-check{animation:check-breathe 1.6s ease-in-out infinite;background:var(--bonus-soft)}.ov-ring{border-radius:3px;inset:3px;z-index:2}.ov-ring-land{border:2px dashed var(--accent)}.ov-ring-bonus{background:var(--bonus-soft)}.ov-ring-bonus,.ov-ring-danger{border:2px dashed var(--bonus-mark)}.ov-ring-danger{background:color-mix(in srgb,var(--bonus-mark) 14%,#0000);inset:2px;opacity:.9}.ov-ring-heal{background:var(--heal-soft);border:2px solid var(--heal);inset:2px}.ov-ring-crowned{border:3px solid var(--bonus-mark);box-shadow:inset 0 0 0 1px #00000040}.ov-dot{background:var(--dot);border-radius:50%;height:26%;width:26%;z-index:2}.ov-wedge{background:linear-gradient(135deg,var(--bonus-mark) 0 7px,#0000 7px) 0 0 /50% 50% no-repeat,linear-gradient(225deg,var(--bonus-mark) 0 7px,#0000 7px) 100% 0 /50% 50% no-repeat,linear-gradient(45deg,var(--bonus-mark) 0 7px,#0000 7px) 0 100% /50% 50% no-repeat,linear-gradient(315deg,var(--bonus-mark) 0 7px,#0000 7px) 100% 100% /50% 50% no-repeat;inset:0;z-index:3}@keyframes check-breathe{0%,to{opacity:.3}50%{opacity:1}}.piece-glyph{--own:var(--own-dark-fill);--ow:max(1.6px,calc(var(--tile-size, 46px)*0.038));--od:calc(var(--ow)*0.72);display:block;line-height:1;position:relative;text-shadow:var(--ow) 0 0 var(--own),calc(var(--ow)*-1) 0 0 var(--own),0 var(--ow) 0 var(--own),0 calc(var(--ow)*-1) 0 var(--own),var(--od) var(--od) 0 var(--own),calc(var(--od)*-1) var(--od) 0 var(--own),var(--od) calc(var(--od)*-1) 0 var(--own),calc(var(--od)*-1) calc(var(--od)*-1) 0 var(--own),0 2px 3px #00000073}img.piece-glyph{filter:drop-shadow(var(--ow) 0 0 var(--own)) drop-shadow(calc(var(--ow)*-1) 0 0 var(--own)) drop-shadow(0 var(--ow) 0 var(--own)) drop-shadow(0 calc(var(--ow)*-1) 0 var(--own)) drop-shadow(0 1.5px 2px rgba(0,0,0,.45));text-shadow:none}.piece-own-0{--own:var(--own-light-fill)}.piece-own-1{--own:var(--own-dark-fill)}.piece-wrap{display:grid;place-items:center;position:relative;z-index:1}.piece-hurt:after{border:2px solid var(--danger);border-radius:50%;content:"";inset:-2px;pointer-events:none;position:absolute}@media (prefers-reduced-motion:reduce){.ov-tint-check{animation:none;opacity:.85}}.app-title{color:var(--ink);font-family:var(--f-display);font-weight:800;letter-spacing:-.025em}.sel-square{border:1px solid var(--line);border-radius:4px;color:var(--ink-3);font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.03em;padding:1px 4px;text-transform:none;vertical-align:1px}.piece-panel{color:var(--ink)}.piece-panel hr,.side-panel hr{border:0;border-top:1px solid var(--line)}.console{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:inherit;font-size:13px;margin:10px auto 0;max-width:460px;min-height:76px;padding:10px 12px;text-align:left;width:100%}.console-rest{align-items:center;cursor:pointer;display:flex;gap:8px}.console-rest:disabled{cursor:default}.console-rest:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.console-chev{color:var(--ink-3);margin-left:auto}.console-head{align-items:center;display:flex;gap:8px}.console-glyph{font-size:20px;line-height:1}.console-name{font-size:15px}.console-prompt strong{display:block;margin-bottom:8px}.console-actions{display:flex;flex-wrap:wrap;gap:8px}.cta{background:var(--accent-fill);border:1px solid #0000;border-radius:8px;color:var(--on-accent);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:7px 14px}.cta-ghost{background:#0000;border-color:var(--line);color:var(--ink-2)}.cta-danger{background:var(--danger);color:var(--on-accent)}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.console-rest,.log-row{font-size:13px}.log-turn{color:var(--ink-3);font-size:11px;min-width:18px;text-align:right}.log-turn,.log-who{flex:none;font-family:var(--f-mono)}.log-who{border:1px solid #0000;border-radius:4px;font-size:9.5px;font-weight:600;letter-spacing:.06em;min-width:34px;padding:2px 5px;text-align:center;text-transform:uppercase}.log-who-p0{background:var(--own-light-fill);border-color:var(--own-dark-fill);color:var(--own-dark-fill)}.log-who-p1{background:var(--own-dark-fill);border-color:var(--own-light-fill);color:var(--own-light-fill)}.log-text{flex:1 1;min-width:0}.log-empty{color:var(--ink-3)}.log-bonus{border:1px solid var(--bonus);border-radius:4px;color:var(--bonus);flex:none;font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;padding:0 5px;text-transform:uppercase}.log-scrim{background:#080b106b;border:0;cursor:pointer;inset:0;padding:0;position:fixed;z-index:55}.log-drawer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;bottom:0;box-shadow:var(--shadow);display:flex;flex-direction:column;left:50%;max-height:42vh;position:fixed;text-align:left;transform:translateX(-50%);width:min(460px,100%);z-index:60}.log-drawer-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 12px}.log-rows{overflow-y:auto;padding:4px 0}.log-row{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:8px;padding:7px 12px}.log-row:last-child{border-bottom:0}.opponent-chip{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--ink-2);display:inline-flex;font-size:13px;font-weight:600;padding:3px 12px}.status-btn.icon-only{font-size:15px;padding:6px 10px}.status-btn-quiet{color:var(--ink-2)}.btn-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;height:16px;width:16px}.status-btn.icon-only{align-items:center;display:inline-flex;font-size:13px;gap:6px;line-height:1;padding:6px 12px}.main-content{max-width:100%}.app-bar{align-items:center;display:flex;gap:12px;margin:0 auto 10px;max-width:760px;padding:0 2px;width:100%}.app-bar .app-title{font-size:1.35rem;margin:0 auto 0 0}.iconbtn{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--ink-2);cursor:pointer;display:grid;flex:none;height:34px;padding:0;place-items:center;width:34px}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-drawer{background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;left:0;position:fixed;text-align:left;top:0;width:min(360px,92vw);z-index:60}.menu-body{overflow-y:auto;padding:4px 16px 28px}.htp{border-bottom:1px solid var(--line-soft);padding:14px 0}.htp:last-child{border-bottom:0}.htp h4{color:var(--accent);font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.htp p{margin:0 0 8px}.htp p,.htp ul{font-size:13.5px;line-height:1.5}.htp ul{margin:0;padding-left:18px}.htp li{margin-bottom:5px}.htp-note{color:var(--ink-2);font-size:12.5px;margin-top:8px}.cycle{display:flex;flex-direction:column;gap:5px}.cycle-row{align-items:center;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;display:flex;font-size:13px;gap:7px;padding:6px 10px}.cycle-icon{font-size:16px;line-height:1}.cycle-name,.cycle-rel{font-weight:600}.cycle-rel{color:var(--bonus);font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.shape-card{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;margin-bottom:8px;padding:10px 12px}.shape-top{align-items:center;display:flex;gap:8px;margin-bottom:7px}.shape-icon{flex:none;font-size:19px;line-height:1}.shape-name{font-size:14.5px}.shape-geo{border:1px solid var(--line);border-radius:4px;color:var(--ink-3);font-family:var(--f-mono);font-size:9.5px;letter-spacing:.06em;margin-left:auto;padding:1px 5px;text-transform:uppercase}.shape-facts{grid-gap:4px 10px;display:grid;font-size:12.5px;gap:4px 10px;grid-template-columns:auto 1fr;line-height:1.45;margin:0}.shape-facts dt{color:var(--ink-3);font-family:var(--f-mono);font-size:9.5px;letter-spacing:.06em;padding-top:2px;text-transform:uppercase}.shape-facts .dt-bonus{color:var(--bonus)}.shape-facts dd{margin:0}.egg-row{align-items:flex-start;display:flex;font-size:12.5px;gap:9px;line-height:1.45;margin-bottom:9px}.egg-row-rule{border-left:2px solid var(--heal);margin-left:1px;padding-left:9px}.egg-row-rule strong{color:var(--heal)}.sidebar-setting{align-items:center;border-bottom:0;cursor:pointer;display:flex;font-size:13.5px;gap:8px;margin-bottom:0;padding:6px 0}.online-status{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink-2);font-size:12.5px;margin:0 auto 8px;max-width:100%;padding:5px 12px;width:-webkit-fit-content;width:fit-content}.online-status-warn{border-color:var(--bonus);color:var(--bonus)}.online-status-bad{border-color:var(--danger);color:var(--danger)}.online-sep{color:var(--ink-3);margin:0 6px}.front{display:grid;min-height:100svh;padding:24px 16px;place-items:center}.front-card{max-width:360px;text-align:left;width:100%}.front-card-tight{max-width:340px}.front-mark{color:var(--ink);font-family:var(--f-display);font-size:clamp(30px,9vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1;margin:0 0 7px}.front-mark-sm{font-size:27px}.front-sub{color:var(--ink-2);font-size:13.5px;margin:0 0 18px;max-width:45ch}.front-label{color:var(--ink-3);font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.vignette{--tile-size:calc((min(360px, 100vw - 32px) - 2px)/5);--tile-font:calc(var(--tile-size)*0.58);border:1px solid var(--board-edge);border-radius:6px;display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 20px;overflow:hidden;width:100%}.vignette .sq{aspect-ratio:1;cursor:default;height:auto;width:100%}.modes{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.mode{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer;font-size:13.5px;font-weight:600;padding:11px 10px}.mode[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mode:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ddwrap{position:relative}.dd{appearance:none;-webkit-appearance:none;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-bottom:12px;padding:11px 34px 11px 12px;width:100%}.dd:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ddwrap:after{border-bottom:2px solid var(--ink-3);border-right:2px solid var(--ink-3);content:"";height:8px;pointer-events:none;position:absolute;right:14px;top:19px;transform:rotate(45deg) translate(-2px,-2px);width:8px}.front .cta{background:var(--accent-fill);border:1px solid #0000;border-radius:10px;color:var(--on-accent);cursor:pointer;font-size:15px;font-weight:700;padding:13px 16px;width:100%}.front .cta-ghost{background:#0000;border-color:var(--line);color:var(--ink);font-size:13.5px;font-weight:600;padding:10px 14px}.online-block{border-top:1px dashed var(--line);padding-top:14px}.online-block .cta{margin-bottom:9px}.joinrow{display:flex;gap:8px}.code{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);flex:1 1;font-family:var(--f-mono);font-size:17px;letter-spacing:.32em;min-width:0;padding:10px 6px;text-align:center;text-transform:uppercase}.code::placeholder{color:var(--ink-3)}.join{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer;flex:none;font-size:13.5px;font-weight:600;padding:0 16px}.join:disabled{cursor:not-allowed;opacity:.45}.footlink{background:none;border:0;color:var(--ink-2);cursor:pointer;display:block;font-size:13px;margin-top:18px;padding:4px;text-align:center;text-decoration:underline;text-underline-offset:3px;width:100%}.dev-variant{margin-top:16px;opacity:.75}.dev-variant .dd{font-size:12px;margin-bottom:0;padding:8px 30px 8px 10px}.dev-variant:after{top:15px}.dev-rules{color:var(--ink-2);font-size:12px;margin-top:12px;text-align:left}.dev-rules summary{cursor:pointer;opacity:.75}.dev-rule{align-items:baseline;cursor:pointer;display:flex;gap:8px;margin:6px 0}.dev-rule input{flex:none}.dev-rule-changed span{color:var(--ink);font-weight:600}.dev-rule em{color:var(--ink-3);font-style:normal;white-space:nowrap}.dev-rules-badge{align-self:center;border:1px dashed var(--line);border-radius:9px;color:var(--ink-2);cursor:help;font-size:11px;font-weight:600;padding:3px 8px}.front-error{color:var(--danger);font-size:13px;margin:12px 0 0}.front-rule{background:var(--line);height:1px;margin:16px 0}.roomcode{color:var(--ink);font-family:var(--f-mono);font-size:clamp(34px,11vw,44px);font-weight:600;letter-spacing:.22em;margin:12px 0 4px;text-align:center;text-indent:.22em}.roomhint{text-align:center}.roomhint,.waiting{color:var(--ink-2);font-size:13px;margin:0 0 18px}.waiting{align-items:center;display:flex;gap:8px;justify-content:center}.waiting-dot{animation:waiting-blip 1.4s ease-in-out infinite;background:var(--accent);border-radius:50%;height:8px;width:8px}@keyframes waiting-blip{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.waiting-dot{animation:none}}.ov-ghost{animation:ghost-in .22s ease-out both;display:grid;font-size:calc(clamp(32px, min(8vw, 6.7vh), 66px)*.58*.5);font-size:calc(var(--tile-font, 26px)*.5);font-style:normal;inset:0;opacity:.7;place-items:center;z-index:4}.ov-ghost .piece-glyph{--ow:max(1px,calc(var(--tile-size, 46px)*0.02));line-height:1}.ov-ghost-over{opacity:.66}.sq-doomed .piece-wrap{opacity:.3}.ov-stay{border:2px dashed var(--danger);border-radius:3px;inset:3px;z-index:2}@keyframes ghost-in{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.ov-ghost{animation:none}}.sq-fx{z-index:5}.sq-moving{z-index:8}.fx-burst{inset:0;z-index:7}.fx-burst:after,.fx-burst:before{border-radius:50%;content:"";position:absolute}.fx-burst:before{animation:burst-ring .5s ease-out forwards;border:3px solid var(--bonus-mark);inset:12%}.fx-burst:after{animation:burst-flash .32s ease-out forwards;background:radial-gradient(circle,var(--bonus-mark) 0,#0000 62%);inset:-10%}.fx-burst b{animation:burst-ray .46s ease-out forwards;background:var(--bonus-mark);border-radius:2px;height:22%;left:50%;margin-left:-1.5px;position:absolute;top:50%;transform-origin:50% 0;width:3px}@keyframes burst-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes burst-flash{0%{opacity:.85}to{opacity:0}}@keyframes burst-ray{0%{opacity:1;transform:rotate(var(--a)) translateY(calc(clamp(32px, min(8vw, 6.7vh), 66px)*.12)) scaleY(.4);transform:rotate(var(--a)) translateY(calc(var(--tile-size, 46px)*.12)) scaleY(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(clamp(32px, min(8vw, 6.7vh), 66px)*.62)) scaleY(1);transform:rotate(var(--a)) translateY(calc(var(--tile-size, 46px)*.62)) scaleY(1)}}.fx-shatter{display:grid;font-style:normal;inset:0;place-items:center;z-index:7}.shard{animation:shard-fly .52s cubic-bezier(.2,.7,.4,1) forwards;grid-area:1/1;line-height:1}.shard-tl{--dx:-1;--dy:-1;--r:-28deg;-webkit-clip-path:inset(0 50% 50% 0);clip-path:inset(0 50% 50% 0)}.shard-tr{--dx:1;--dy:-1;--r:24deg;-webkit-clip-path:inset(0 0 50% 50%);clip-path:inset(0 0 50% 50%)}.shard-bl{--dx:-1;--dy:1;--r:-18deg;-webkit-clip-path:inset(50% 50% 0 0);clip-path:inset(50% 50% 0 0)}.shard-br{--dx:1;--dy:1;--r:30deg;-webkit-clip-path:inset(50% 0 0 50%);clip-path:inset(50% 0 0 50%)}@keyframes shard-fly{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(var(--dx)*clamp(32px, min(8vw, 6.7vh), 66px)*.38),calc((var(--dy)*0.3 + .22)*clamp(32px, min(8vw, 6.7vh), 66px))) rotate(var(--r));transform:translate(calc(var(--dx)*var(--tile-size, 46px)*.38),calc((var(--dy)*0.3 + .22)*var(--tile-size, 46px))) rotate(var(--r))}}.fx-eggshatter{display:grid;font-style:normal;inset:0;place-items:center;z-index:7}.fx-eggshatter:before{animation:eggshatter-ring .56s ease-out .2s forwards;border:4px solid var(--bonus-mark);border-radius:50%;box-shadow:0 0 12px var(--bonus-mark),inset 0 0 8px var(--bonus-mark);content:"";inset:6%;opacity:0;position:absolute}.fx-eggshatter:after{animation:eggshatter-flash .3s ease-out .19s forwards;background:radial-gradient(circle,#fff 0,var(--bonus-mark) 30%,#0000 64%);border-radius:50%;content:"";inset:-20%;opacity:0;position:absolute}.eshard{animation:eggshatter-swell .22s ease-in both,eggshard-fly .62s cubic-bezier(.15,.75,.35,1) .22s forwards;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 4px var(--bonus-mark)) drop-shadow(0 0 8px var(--bonus-mark));grid-area:1/1;line-height:1}.fx-eggshatter-cracks{height:80%;inset:10%;overflow:visible;pointer-events:none;position:absolute;width:80%}.fx-eggshatter-cracks path{fill:none;stroke:var(--bonus-mark);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:eggshatter-crack .24s ease-in forwards,eggshatter-fade .12s ease-out .23s forwards;filter:drop-shadow(0 0 2px #fff)}@keyframes eggshatter-crack{to{stroke-dashoffset:0}}@keyframes eggshatter-fade{to{opacity:0}}@keyframes eggshatter-swell{0%{transform:scale(1)}70%{transform:scale(1.12) rotate(-3deg)}to{transform:scale(1.16) rotate(3deg)}}@keyframes eggshard-fly{0%{opacity:1;transform:scale(1.16)}65%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx)*clamp(32px, min(8vw, 6.7vh), 66px)*1.05),calc((var(--dy)*1.05 + .35)*clamp(32px, min(8vw, 6.7vh), 66px))) rotate(var(--r)) scale(.9);transform:translate(calc(var(--dx)*var(--tile-size, 46px)*1.05),calc((var(--dy)*1.05 + .35)*var(--tile-size, 46px))) rotate(var(--r)) scale(.9)}}@keyframes eggshatter-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}@keyframes eggshatter-flash{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.fx-burst,.fx-eggshatter,.fx-shatter{display:none}}.tut{flex-direction:column;gap:14px;margin:0 auto;max-width:560px;padding:14px 16px 28px}.tut,.tut-bar{align-items:center;display:flex}.tut-bar{gap:12px;justify-content:space-between;width:100%}.tut-quiet{background:none;border:0;color:var(--ink-3);cursor:pointer;font:inherit;font-size:13px;padding:6px 2px;text-decoration:underline}.tut-quiet:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tut-dots{display:flex;gap:6px}.tut-dot{background:var(--line);border-radius:50%;height:8px;width:8px}.tut-dot.is-done{background:var(--ink-3)}.tut-dot.is-here{background:var(--accent)}.tut-head{align-items:center;display:flex;flex-direction:column;gap:2px}.tut-eyebrow{color:var(--accent);font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.tut-title{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.tut-say{align-items:center;color:var(--ink-2);display:flex;flex-direction:column;font-size:16.5px;gap:4px;justify-content:center;line-height:1.5;margin:0;max-width:25em;min-height:4.7em;text-align:center}.tut-line{text-wrap:balance;display:block}.tut-line-do,.tut-pill{color:var(--ink);font-weight:650}.tut-pill{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.94em;gap:.28em;line-height:1.55;margin:0 .06em;padding:0 .6em 0 .42em;vertical-align:.04em;white-space:nowrap}.tut-pill-icon{font-size:1.02em;line-height:1}.tut-nowrap{white-space:nowrap}.tut-pill-you{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 50%,#0000)}.tut-pill-enemy{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 50%,#0000)}.tut-pill-gold{background:var(--bonus-soft);border-color:var(--bonus-mark)}.tut-label{border:1px solid var(--line);border-radius:5px;color:var(--ink-2);display:inline-block;font-family:var(--f-mono);font-size:.64em;font-weight:700;letter-spacing:.1em;margin-right:.5em;padding:.18em .55em;text-transform:uppercase;vertical-align:.18em}.tut-label-bonus{background:var(--bonus-soft);border-color:var(--bonus-mark);color:var(--bonus)}.tut-gold{color:var(--bonus);font-weight:700}.tut-heal{color:var(--heal);font-weight:700}.tut-accent{color:var(--accent);font-weight:700}.tut-em,.tut-key{color:var(--ink);font-weight:700}.tut-key{background:var(--surface);border:solid var(--line);border-radius:6px;border-width:1px 1px 2px;display:inline-block;font-size:.94em;padding:0 .5em;white-space:nowrap}.tut-board{--tile-size:clamp(28px,min(calc(12.5vw - 9.75px),6.7vh),66px);--tile-font:calc(var(--tile-size)*0.58);margin:0 auto}.tut-foot{align-items:center;gap:10px;min-height:42px}.tut-foot,.tut-shapes{display:flex;flex-wrap:wrap;justify-content:center}.tut-shapes{gap:8px;max-width:360px}.tut-shapes .cta{font-weight:650;margin:0;padding:7px 15px 7px 11px;width:auto}.tut-next,.tut-shapes .cta{border-radius:999px;font-size:15px}.tut-next{padding:9px 24px}.tut-outro{color:var(--ink-2);font-size:14px;line-height:1.6;text-align:center}.tut-outro-line{margin:4px 0}.tut-index{grid-gap:8px;display:grid;gap:8px;max-width:380px;width:100%}.tut-index-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:flex;font:inherit;font-size:15px;gap:10px;justify-content:space-between;padding:11px 13px;text-align:left}.tut-index-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tut-index-tick{color:var(--ink-3);font-size:12px}.front-learn{font-size:14px;margin-top:10px;padding:10px 16px;width:100%}.watch{gap:12px}.front>.watch{align-self:start;justify-self:center;max-width:440px;width:100%}.front>.watch-viewer{max-width:560px}.front>.watch{container-type:inline-size}.watch .tut-board{--tile-size:clamp(28px,min(calc(100cqw/8 - 0.25px),6.7vh),66px)}html:has(.watch){scrollbar-gutter:stable}.watch:focus{outline:none}.watch-spacer{width:40px}.watch-turn{color:var(--ink-3);font-family:var(--f-mono);font-size:12px;min-width:40px;text-align:right}.watch-card,.watch-list{display:flex;flex-direction:column;gap:8px;width:100%}.watch-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px}.watch-form{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.watch-field{color:var(--ink-2);display:flex;flex-direction:column;font-size:12px;gap:4px}.watch-actions{display:flex;flex-wrap:wrap;gap:8px}.watch-actions .cta{flex:1 1 140px}.watch-status{color:var(--ink);font-size:15px;margin:0}.watch-note{color:var(--ink-3);font-size:12.5px;margin:0;text-align:center}.watch-list-head{align-items:center}.watch-list-head,.watch-row{display:flex;justify-content:space-between}.watch-row{align-items:baseline;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;gap:12px;padding:10px 12px;text-align:left;width:100%}.watch-row:hover{border-color:var(--accent)}.watch-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.watch-row-title{font-size:14px;font-weight:600}.watch-row-meta{color:var(--ink-3);font-size:12px;text-align:right}.watch-line{font-size:15px;min-height:2.6em}.watch-end,.watch-line{color:var(--ink);margin:0;text-align:center}.watch-end{font-weight:600}.watch-why{color:var(--ink-2);display:block;font-size:13.5px;font-weight:400;margin-top:2px}.watch-another{max-width:280px;width:100%}.watch-controls{display:flex;gap:8px;justify-content:center}.watch-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;font-size:15px;height:40px;min-width:44px}.watch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.watch-play{border-color:var(--accent);min-width:56px}.watch-scrub{accent-color:var(--accent);width:100%}.ov-ring-last{border:2px solid var(--accent);opacity:.75}.watch-speeds{grid-template-columns:repeat(5,52px);margin-bottom:0}.watch-swatch{border:1.5px solid var(--ink-3);border-radius:50%;display:inline-block;flex:none;height:14px;margin-right:8px;vertical-align:-2px;width:14px}.watch-swatch-0{background:var(--own-light-fill)}.watch-swatch-1{background:var(--own-dark-fill)}.watch-pick{gap:12px}.watch-pick,.watch-pick-name{align-items:center;display:flex}.watch-pick-name{color:var(--ink);flex:none;font-size:15px;font-weight:600;width:64px}.watch-levels{flex:1 1;grid-template-columns:repeat(3,1fr);margin-bottom:0}.watch-go{font-size:16px;width:100%}.watch-more,.watch-past{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);width:100%}.watch-more>summary,.watch-past>summary{align-items:center;color:var(--ink-2);cursor:pointer;display:flex;font-size:14px;gap:8px;list-style:none;padding:10px 14px}.watch-more>summary::-webkit-details-marker,.watch-past>summary::-webkit-details-marker{display:none}.watch-more>summary:before,.watch-past>summary:before{border-bottom:1.5px solid;border-right:1.5px solid;content:"";height:6px;transform:rotate(-45deg);transition:transform .15s ease;width:6px}.watch-more[open]>summary:before,.watch-past[open]>summary:before{transform:rotate(45deg)}.watch-more>summary:focus-visible,.watch-past>summary:focus-visible{border-radius:var(--radius);outline:2px solid var(--accent);outline-offset:2px}.watch-more-body,.watch-past-body{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px}.watch-batch{display:flex;gap:8px}.watch-batch .ddwrap{flex:none;width:120px}.watch-batch .cta{flex:1 1}.watch-pasts{display:flex;flex-direction:column;gap:8px;width:100%}.watch-past-count{color:var(--ink-3);font-family:var(--f-mono);font-size:12px;margin-left:auto}.watch-side{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink-2);font-size:14px;gap:10px;padding:8px 12px;width:100%}.watch-side,.watch-side-name{align-items:center;display:flex}.watch-side-name{color:var(--ink);font-weight:600}.watch-side-level{color:var(--ink-2);margin-left:auto}.watch-side.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.watch-side.is-won{border-color:var(--bonus-mark)}
/*# sourceMappingURL=main.b8102301.css.map*/