/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.hidden{display:none}.table{display:table}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#ecfbff;--muted:#85a6ad;--cyan:#30e7f2;--yellow:#f6d447;--panel:#07131cc7}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#02070d}body{color:var(--ink);background:radial-gradient(circle at 18% 8%,#16778c2e,#0000 30%),radial-gradient(circle at 82% 70%,#7a2a8724,#0000 32%),linear-gradient(145deg,#040b12,#010409 68%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.game-shell{isolation:isolate;flex-direction:column;width:min(1400px,100%);min-height:100vh;margin:auto;padding:24px clamp(18px,3vw,52px) 22px;display:flex;position:relative}.aurora{aspect-ratio:1;pointer-events:none;z-index:-1;filter:blur(90px);opacity:.12;border-radius:50%;width:36vw;position:fixed}.aurora-left{background:#1be5f3;top:-12vw;left:-18vw}.aurora-right{background:#cb48ee;bottom:-18vw;right:-20vw}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{aspect-ratio:1;background:var(--yellow);color:#081017;border-radius:50%;place-items:center;width:42px;font-size:21px;font-weight:900;display:grid;box-shadow:0 0 24px #f6d44747}.brand b{letter-spacing:.13em;font-size:16px;display:block}.brand small{color:var(--cyan);letter-spacing:.58em;margin-top:2px;font-size:8px;display:block}.top-actions{gap:9px;display:flex}.account-trigger{color:#8fb6bd;cursor:pointer;background:#0a1922b8;border:1px solid #6bcbda2e;border-radius:13px;align-items:center;gap:8px;max-width:150px;min-height:42px;padding:4px 11px 4px 5px;display:flex}.account-trigger>span{width:32px;height:32px;color:var(--cyan);background:#132f37;border-radius:10px;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.account-trigger>b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.account-trigger.is-signed-in>span{background:var(--yellow);color:#081017}:is(.account-trigger:hover,.account-trigger:focus-visible){border-color:var(--cyan);color:#dffbff;outline:none}.icon-button{cursor:pointer;color:#9fc6cd;background:#0a1922b8;border:1px solid #6bcbda2e;border-radius:12px;width:42px;height:42px;font-weight:800}:is(.icon-button:hover,.icon-button:focus-visible){border-color:var(--cyan);color:var(--cyan);outline:none}.icon-button.is-active{color:var(--cyan);background:#14596261;border-color:#30e7f273}.icon-button.is-muted{color:#ff6b8b}.achievement-trigger{position:relative}.achievement-trigger small{background:var(--yellow);color:#081017;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-5px;right:-4px;box-shadow:0 0 12px #f6d44747}.text-button{color:#8fbbc2;cursor:pointer;letter-spacing:.08em;background:#0a1922b8;border:1px solid #6bcbda2e;border-radius:12px;min-height:42px;padding:0 15px;font-size:11px;font-weight:800}:is(.text-button:hover,.text-button:focus-visible){color:var(--cyan);border-color:var(--cyan);outline:none}.hero{text-align:center;padding:24px 0 18px}.eyebrow{color:#74a5ad;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);vertical-align:middle;border-radius:50%;margin-right:7px;display:inline-block}.hero h1{letter-spacing:-.045em;text-transform:uppercase;margin:14px 0 10px;font-size:clamp(32px,4vw,58px);font-style:italic;line-height:1}.hero h1 em{color:var(--yellow);font-style:inherit}.hero p{color:var(--muted);margin:0;font-size:14px}.hero.is-compact{padding-top:11px;padding-bottom:12px}.hero.is-compact h1{margin:9px 0 6px;font-size:clamp(27px,3vw,42px)}.hero.is-compact p{display:none}.score-strip{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;border:1px solid #53bfd129;border-radius:14px;grid-template-columns:repeat(4,1fr);width:min(920px,94%);margin:0 auto 15px;padding:10px 24px;display:grid;position:relative}.score-strip>div{text-align:center;border-right:1px solid #81c2cc1f}.score-strip>div:last-child{border:0}.score-strip span{color:#60848b;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.score-strip strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;font-size:17px}.score-strip .target-ball{color:#071019;background:var(--yellow);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid;box-shadow:0 0 12px #f6d44759}.score-strip .combo-hot{color:var(--yellow);text-shadow:0 0 16px #f6d44799}.score-strip .is-urgent strong{color:#ff5b7d;animation:.75s ease-in-out infinite alternate urgentPulse}.table-stage{flex:1;place-items:center;width:100%;display:grid;position:relative}.rail-glow{background:var(--table-glow,#1ad7e624);filter:blur(38px);border-radius:28px;position:absolute;inset:12% 8%}.table-frame{aspect-ratio:2;background:linear-gradient(145deg, var(--frame-a,#13252b), var(--frame-b,#061016) 55%, var(--frame-c,#173038));border:1px solid var(--table-accent,var(--cyan));border-radius:clamp(20px,2.2vw,30px);width:min(1100px,95%);padding:clamp(10px,1.3vw,17px);position:relative}@supports (color:color-mix(in lab, red, red)){.table-frame{border:1px solid color-mix(in srgb, var(--table-accent,var(--cyan)) 46%, transparent)}}.table-frame{box-shadow:0 28px 60px #0000007a, inset 0 0 0 6px var(--frame-b,#061117), inset 0 0 25px var(--table-glow,#30e7f238), 0 0 2px var(--table-accent,var(--cyan));transition:background .28s,border-color .28s,box-shadow .28s}.table-frame canvas{background:var(--felt-fallback,#074b59);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:15px;outline:none;width:100%;height:100%;display:block}.table-frame canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--yellow)}.table-frame.phase-moving canvas{cursor:wait}.table-frame.phase-ballInHand canvas{cursor:pointer}.table-frame.phase-paused canvas{filter:saturate(.55)brightness(.58)}.start-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(150deg,#08141cf0,#040a10e6);border:1px solid #65dde83d;border-radius:20px;width:min(390px,78%);padding:27px 30px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 60px #00000080}.mini-label{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:800}.start-card h2{letter-spacing:-.03em;margin:8px 0 7px;font-size:clamp(22px,2.4vw,31px)}.start-card p{color:#7ca2a9;margin:0 0 19px;font-size:13px}.start-card button{cursor:pointer;color:#061014;background:var(--yellow);letter-spacing:.06em;border:0;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;padding:13px 17px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #f6d4472e}.start-card button:hover{transform:translateY(-2px);box-shadow:0 11px 30px #f6d44747}.start-card button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.start-card button b{font-size:20px}.start-card small{color:#526e75;letter-spacing:.08em;margin-top:12px;font-size:9px;display:block}.overlay-card{z-index:6}.quick-rules{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 18px;display:grid}.quick-rules span{color:#7fa4aa;background:#183a426b;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;min-height:55px;padding:7px 5px;font-size:9px;line-height:1.25;display:flex}.quick-rules b{color:var(--cyan);font-size:10px}.primary-button{cursor:pointer;color:#061014;background:var(--yellow);letter-spacing:.06em;border:0;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:45px;padding:12px 17px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #f6d4472e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px 30px #f6d44747}.primary-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.primary-button:disabled{opacity:.48;cursor:default;box-shadow:none;transform:none}.secondary-button{color:#90b6bc;cursor:pointer;background:0 0;border:1px solid #69d2dd33;border-radius:12px;width:100%;min-height:42px;margin-top:8px;font-size:12px;font-weight:800}.secondary-button:hover{border-color:var(--cyan);color:var(--cyan)}.secondary-button:disabled{opacity:.48;cursor:default}.pause-card,.result-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(150deg,#08141cf5,#040a10f0);border:1px solid #65dde83d;border-radius:20px;width:min(380px,78%);padding:28px 30px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 60px #00000094}.pause-card h2,.result-card h2{letter-spacing:-.03em;margin:8px 0 7px;font-size:clamp(23px,2.5vw,32px)}.pause-card p,.result-card p{color:#7ca2a9;margin:0 0 18px;font-size:12px;line-height:1.5}.result-card.result-win{border-color:#f6d44773;box-shadow:0 25px 70px #0000009e,0 0 55px #f6d4471f}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.result-stats div{background:#102e3773;border-radius:10px;padding:9px 5px}.result-stats span{color:#5e858c;letter-spacing:.06em;margin-bottom:5px;font-size:8px;display:block}.result-stats b{color:#dffbff;font-family:var(--font-geist-mono), monospace;font-size:12px}.result-unlocks{background:#f6d4470f;border:1px solid #f6d44738;border-radius:10px;margin:-8px 0 15px;padding:9px 11px}.result-unlocks span{color:#a48724;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.result-unlocks b{color:#f8e889;font-size:10px;line-height:1.4}.game-notice{z-index:4;white-space:nowrap;text-overflow:ellipsis;color:#9dc1c6;pointer-events:none;background:#030d13d6;border:1px solid #30e7f233;border-radius:999px;max-width:80%;padding:9px 15px;font-size:10px;position:absolute;bottom:7%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}.notice-kicker{color:var(--yellow);letter-spacing:.12em;margin-right:9px;font-weight:900}.game-notice.notice-error{color:#ff9bb0;border-color:#ff4d748c}.power-panel{color:#4f7379;letter-spacing:.12em;text-transform:uppercase;opacity:.5;grid-template-columns:auto 1fr 38px;align-items:center;gap:11px;width:min(560px,82%);margin:12px auto 0;font-size:9px;font-weight:800;transition:opacity .2s;display:grid}.power-panel.is-ready{opacity:1}.power-track{background:#5181892e;border-radius:99px;height:6px;overflow:hidden}.power-track i{border-radius:inherit;background:linear-gradient(90deg,#29e2ef 0%,#f6d447 70%,#ff4e72 100%);height:100%;transition:width 40ms linear;display:block;box-shadow:0 0 14px #30e7f273}.power-panel>b{color:#83a9af;font-family:var(--font-geist-mono), monospace;font-size:10px}.ready-toast{white-space:nowrap;color:#96b9be;background:#030d13db;border:1px solid #30e7f247;border-radius:999px;padding:10px 17px;font-size:12px;animation:.35s both rise;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000052}.ready-toast span{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;margin-right:8px;font-size:9px}.ready-toast b{color:var(--yellow)}.game-footer{color:#52747a;justify-content:center;gap:28px;padding-top:16px;font-size:10px;display:flex}.game-footer kbd{color:#91b7bd;font-family:inherit;font-weight:700}.game-footer .best{margin-left:auto}.game-footer .best b{color:var(--yellow);margin-left:5px}.footer-legal{gap:10px;display:flex}.game-footer a{color:#62878d;text-underline-offset:3px}:is(.game-footer a:hover,.game-footer a:focus-visible){color:var(--cyan)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes urgentPulse{to{opacity:.55;text-shadow:0 0 18px #ff315f}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#000409c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{background:linear-gradient(145deg,#0b1d26,#050d13);border:1px solid #4edfeb40;border-radius:23px;width:min(650px,100%);padding:31px;position:relative;box-shadow:0 35px 90px #000000a6,0 0 50px #30e7f214}.help-modal>h2{letter-spacing:-.04em;margin:8px 0 22px;font-size:clamp(24px,4vw,35px)}.modal-close{color:#7ba0a7;cursor:pointer;background:#01070b66;border:1px solid #6dc8d32e;border-radius:12px;width:42px;height:42px;font-size:21px;position:absolute;top:17px;right:17px}:is(.modal-close:hover,.modal-close:focus-visible){color:var(--cyan);border-color:var(--cyan);outline:none}.help-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.help-grid article{background:#13363f61;border:1px solid #6fced917;border-radius:14px;padding:17px 16px}.help-grid article>b{aspect-ratio:1;color:#071115;background:var(--yellow);border-radius:50%;place-items:center;width:26px;font-size:11px;display:grid}.help-grid h3{margin:11px 0 6px;font-size:14px}.help-grid p{color:#73979e;margin:0;font-size:11px;line-height:1.55}.rule-note{background:#57172b2e;border-left:2px solid #ff5b7d;align-items:baseline;gap:14px;margin:13px 0;padding:12px 15px;display:flex}.rule-note strong{color:#ff9cb0;white-space:nowrap;font-size:11px}.rule-note span{color:#8ca9ae;font-size:10px;line-height:1.5}.settings-row{justify-content:space-between;align-items:center;margin:14px 0 17px;display:flex}.settings-row span b{margin-bottom:3px;font-size:12px;display:block}.settings-row span small{color:#63838a;font-size:9px;display:block}.toggle{cursor:pointer;background:#263d43;border:0;border-radius:99px;width:48px;height:27px;padding:3px;transition:background .2s}.toggle i{background:#8ba6aa;border-radius:50%;width:21px;height:21px;transition:transform .2s,background .2s;display:block}.toggle.is-on{background:#30e7f252}.toggle.is-on i{background:var(--cyan);transform:translate(21px);box-shadow:0 0 12px #30e7f280}.screen-reader{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.appearance-pill{color:#72969c;cursor:pointer;letter-spacing:.04em;background:#050f168a;border:1px solid #70c8d421;border-radius:999px;align-self:center;align-items:center;gap:8px;min-height:34px;margin:-7px auto 10px;padding:7px 11px;font-size:9px;display:flex}.appearance-pill>span{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.appearance-pill b{color:#a6cbd0;margin-left:3px;font-size:8px}:is(.appearance-pill:hover,.appearance-pill:focus-visible){color:var(--cyan);border-color:#30e7f273;outline:none}.utility-pills{justify-content:center;align-self:center;align-items:center;gap:7px;margin:-7px auto 10px;display:flex}.utility-pills .appearance-pill{margin:0}.ruleset-pill{color:#e7d985;background:#1f1a0857;border:1px solid #f6d44729;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:9px;display:flex}.ruleset-pill b{color:#887d43;font-size:8px}.eight-strip .turn-cell strong{color:var(--yellow)}.eight-strip .is-current-player{background:linear-gradient(#30e7f214,#0000)}.eight-strip .is-current-player strong{color:var(--cyan);text-shadow:0 0 14px #30e7f247}.eight-strip strong{font-size:14px}.mode-card{width:min(790px,92%);padding:23px 25px 18px}.mode-card>p{margin-bottom:15px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:12px;display:grid}.mode-panel{background:#030c1185;border:1px solid #67c1cc17;border-radius:17px;min-width:0;padding:8px}.start-card .mode-option{text-align:left;color:#dff9fc;width:100%;min-height:122px;box-shadow:none;letter-spacing:0;background:linear-gradient(145deg,#14333ba3,#050f15c2);border:1px solid #6bcdd92b;border-radius:15px;grid-template-rows:1fr auto;grid-template-columns:48px 1fr;gap:8px 12px;padding:14px;transition:transform .2s,border-color .2s,background .2s;display:grid}.start-card .mode-option:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 14px 30px #00000040}.start-card .mode-eight:hover{border-color:var(--yellow)}.mode-option .mode-ball{color:#071018;background:#f6d447;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid;box-shadow:0 0 18px #f6d44733}.mode-eight .mode-ball{color:#f8fafc;background:#11161c;border:2px solid #313943;box-shadow:0 0 18px #ffffff1c}.start-card .mode-option>span b{margin-bottom:5px;font-size:16px;display:block}.start-card .mode-option small{color:#70949a;letter-spacing:.03em;margin:0;font-size:9px;line-height:1.4;display:block}.mode-option>i{color:var(--cyan);letter-spacing:.08em;grid-column:2;font-size:9px;font-style:normal;font-weight:800}.mode-eight>i{color:var(--yellow)}.level-chips{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;display:grid}.start-card .level-chips button{color:#72989e;width:auto;min-height:32px;box-shadow:none;letter-spacing:0;background:#102b327a;border:1px solid #5ab3bf24;border-radius:9px;padding:6px 4px;font-size:9px;display:block}.start-card .level-chips button:hover{border-color:var(--cyan);box-shadow:none;color:#d9fbff;transform:none}.start-card .level-chips button.is-selected{color:#061014;border-color:var(--cyan);background:var(--cyan)}.start-card .level-chips-eight button.is-selected{border-color:var(--yellow);background:var(--yellow)}.mode-panel .level-note{color:#57777d;text-align:left;min-height:29px;margin:7px 3px 1px;font-size:8px;line-height:1.45}.mode-footnotes{color:#52777d;justify-content:center;gap:18px;font-size:9px;display:flex}.mode-footnotes span:before{content:"◆";color:var(--cyan);margin-right:6px;font-size:6px}.subtle-button{opacity:.72;border-color:#0000}.appearance-modal{background:linear-gradient(145deg,#0b1d26,#050d13);border:1px solid #4edfeb40;border-radius:23px;width:min(820px,100%);max-height:min(88dvh,780px);padding:31px;position:relative;overflow-y:auto;box-shadow:0 35px 90px #000000ad,0 0 50px #30e7f214}.appearance-modal>h2{letter-spacing:-.04em;margin:8px 0 23px;font-size:clamp(24px,4vw,35px)}.appearance-group{border:0;min-width:0;margin:0 0 22px;padding:0}.appearance-group legend{color:#9fc2c8;letter-spacing:.1em;margin-bottom:9px;font-size:11px;font-weight:800}.appearance-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.appearance-option{text-align:left;color:#dff8fb;cursor:pointer;background:#0e262e61;border:1px solid #63b7c321;border-radius:14px;min-width:0;padding:8px 8px 12px;transition:border-color .2s,transform .2s,background .2s}.appearance-option:hover{border-color:#30e7f280;transform:translateY(-2px)}.appearance-option:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.appearance-option.is-selected{border-color:var(--yellow);background:#f6d4470f;box-shadow:inset 0 0 0 1px #f6d4472b}.appearance-option>strong{margin:10px 3px 4px;font-size:12px;display:block}.appearance-option>small{color:#668a91;margin:0 3px;font-size:9px;line-height:1.4;display:block}.theme-preview,.cue-preview{border:5px solid #0a1115;border-radius:9px;height:69px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.theme-preview:after{content:"";border:1px solid #ffffff29;border-radius:5px;position:absolute;inset:8px}.theme-preview i,.theme-preview b{width:10px;height:10px;box-shadow:calc(100% + 139px) 0 #010304;background:#010304;border-radius:50%;position:absolute;top:3px;left:3px}.theme-preview b{top:auto;bottom:3px}.preview-neon-tide{background:repeating-linear-gradient(105deg,#0000 0 20px,#b8fbff0f 21px),linear-gradient(135deg,#042a36,#08717a 50%,#03212b);border-color:#122f37}.preview-tournament-jade{background:repeating-linear-gradient(0deg,#0000 0 8px,#d9ffe809 9px),repeating-linear-gradient(90deg,#0000 0 8px,#d9ffe809 9px),#116543;border-color:#5b321f}.preview-imperial-crimson{background:radial-gradient(circle,#0000 0 15%,#f2c56b17 16% 17%,#0000 18%),linear-gradient(135deg,#25070e,#70162a,#2c0811);border-color:#2d0b12}.cue-preview{background:linear-gradient(145deg,#18373fb8,#030b10cc);border-width:1px;place-items:center;display:grid}.cue-preview i{border-radius:999px;width:86%;height:8px;display:block;position:relative;transform:rotate(-5deg);box-shadow:0 4px 9px #0000008c}.cue-preview i:after{content:"";background:repeating-linear-gradient(45deg,#0000 0 4px,#ffffff1f 5px),#04080aa3;border-radius:2px;width:33%;height:12px;position:absolute;top:-2px;right:24%}.cue-preview b{border-radius:2px;width:9px;height:10px;position:absolute;right:6%;transform:rotate(-5deg)}.cue-aurora-carbon i{background:linear-gradient(90deg,#2fe1ee 0 3%,#eafdff 3% 9%,#f7e4b8 10% 52%,#15232b 53% 88%,#2fe1ee 89%)}.cue-aurora-carbon b{background:#2fe1ee}.cue-black-gold i{background:linear-gradient(90deg,#356aa0 0 3%,#fff2d2 3% 9%,#f3d6a6 10% 52%,#17171b 53% 86%,#e1b44f 87% 90%,#08090b 91%)}.cue-black-gold b{background:#b9872e}.cue-vermilion-dragon i{background:linear-gradient(90deg,#277eb3 0 3%,#fff0cf 3% 9%,#f5dca9 10% 52%,#8a1825 53% 87%,#d5a445 88% 91%,#211619 92%)}.cue-vermilion-dragon b{background:#d5a445}.appearance-actions{grid-template-columns:160px 1fr;gap:10px;display:grid}.appearance-actions .secondary-button{margin:0}.progress-modal{background:linear-gradient(145deg,#0b1d26,#050d13);border:1px solid #4edfeb40;border-radius:23px;width:min(850px,100%);max-height:min(88dvh,820px);padding:31px;position:relative;overflow-y:auto;box-shadow:0 35px 90px #000000ad,0 0 50px #30e7f214}.account-modal{overscroll-behavior:contain;background:linear-gradient(145deg,#0b1d26,#050d13);border:1px solid #4edfeb40;border-radius:23px;width:min(690px,100%);max-height:min(88dvh,760px);padding:31px;position:relative;overflow-y:auto;box-shadow:0 35px 90px #000000ad,0 0 50px #30e7f214}.account-modal>h2{letter-spacing:-.04em;margin:8px 0 19px;font-size:clamp(24px,4vw,35px)}.admin-modal{width:min(920px,100%)}.account-loading{color:#71949a;place-items:center;min-height:170px;font-size:11px;display:grid}.profile-heading{background:#12343d6b;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.profile-heading>span{background:var(--yellow);color:#081017;border-radius:14px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:900;display:grid}.profile-heading b,.profile-heading small{display:block}.profile-heading b{font-size:14px}.profile-heading small{white-space:nowrap;text-overflow:ellipsis;color:#64868c;max-width:260px;margin-top:4px;font-size:8px;overflow:hidden}.sync-state{color:#71abb2;background:#30e7f214;border-radius:99px;padding:5px 8px;font-size:8px;font-style:normal}.sync-syncing{color:var(--yellow)}.sync-error{color:#ff829d;background:#ff4d741a}.profile-stats{grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0;display:grid}.profile-stats div{background:#0c22298c;border-radius:11px;padding:10px}.profile-stats span{color:#56777d;margin-bottom:5px;font-size:8px;display:block}.profile-stats b{color:#dffbff;font-size:12px}.nickname-field{margin:13px 0;display:block}.nickname-field>span{color:#91b2b7;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.nickname-field>div{grid-template-columns:1fr 82px;gap:7px;display:grid}.nickname-field input{color:#e6fbfd;background:#020a0fad;border:1px solid #6ac4cf30;border-radius:11px;outline:0;width:100%;min-height:42px;padding:0 12px;font-size:12px}.nickname-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #30e7f217}.nickname-field button,.import-card button{background:var(--yellow);color:#071014;cursor:pointer;border:0;border-radius:11px;min-height:42px;font-size:9px;font-weight:900}.nickname-field button:disabled,.import-card button:disabled{opacity:.45;cursor:default}.nickname-field>small{color:#536f75;margin-top:6px;font-size:8px;display:block}.import-card{background:#f6d4470b;border:1px solid #f6d44726;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.import-card b,.import-card small{display:block}.import-card b{color:#e6db9a;font-size:11px}.import-card small{color:#6f785d;max-width:390px;margin-top:4px;font-size:8px;line-height:1.45}.import-card button{min-width:112px;padding:0 11px}.account-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.account-actions .secondary-button{margin:0}.account-actions button:disabled{opacity:.48;cursor:default}.account-actions .admin-entry{color:#d9c86f;border-color:#f6d44747}.account-link{text-decoration:none}.account-actions .account-link{place-items:center;display:grid}.privacy-note{color:#506f75;margin:11px 0 0;font-size:8px;line-height:1.5}.privacy-note a{color:#6ca0a8;text-underline-offset:3px;margin-left:9px}.account-error{color:#ff91a8;background:#ff4d7414;border-radius:9px;margin:9px 0 0;padding:8px 10px;font-size:9px}.signed-out-card{text-align:center;padding:8px 4px 2px}.guest-avatar{width:64px;height:64px;color:var(--cyan);background:#123640;border-radius:20px;place-items:center;margin:0 auto 12px;font-size:20px;font-weight:900;display:grid}.signed-out-card h3{margin:0 0 8px;font-size:18px}.signed-out-card p{color:#72969c;max-width:500px;margin:0 auto 17px;font-size:11px;line-height:1.6}.signed-out-card .primary-button{max-width:390px;margin:auto}.signed-out-card>small{color:#526f75;margin-top:10px;font-size:8px;display:block}.signed-out-card>small a,.consent-card a{color:#78abb2;text-underline-offset:3px}.auth-methods{width:min(390px,100%);margin:0 auto}.auth-methods .secondary-button{margin-top:0}.auth-divider{color:#5f7e84;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:12px 0;font-size:11px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#69d2dd24;height:1px}.email-auth-entry:disabled{opacity:.5;cursor:not-allowed}.email-auth-availability{color:#c99a73;margin-top:8px;font-size:12px;line-height:1.45;display:block}.email-auth-form{text-align:left;width:min(440px,100%);margin:0 auto}.email-auth-form>label{color:#b2d0d5;margin:0 2px 7px;font-size:12px;font-weight:800;display:block}.email-auth-form>input{color:#e6fbfd;background:#020a0fb8;border:1px solid #6ac4cf38;border-radius:11px;outline:0;width:100%;min-height:46px;padding:0 13px;font-size:16px}.email-auth-form>input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #30e7f21c}.email-auth-form>input[aria-invalid=true]{border-color:#ff5b7d94}.email-auth-form>input:disabled{opacity:.66;cursor:wait}.email-auth-form>small{color:#719298;margin:7px 2px 0;font-size:11px;line-height:1.5;display:block}.email-auth-form .primary-button{max-width:none;min-height:46px;margin:15px 0 0}.email-auth-code{text-align:center;font-family:var(--font-geist-mono), monospace;letter-spacing:.24em;font-weight:800;font-size:20px!important}.email-auth-delivery{overflow-wrap:anywhere;background:#11343c5c;border:1px solid #30e7f224;border-radius:11px;padding:11px 13px;color:#8fb6bc!important;max-width:440px!important;margin:0 auto 15px!important;font-size:12px!important}.email-auth-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.email-auth-form>.email-auth-resend-ready{color:#83cfae;text-align:center;margin-top:4px}.auth-text-button{color:#79a5ac;cursor:pointer;text-underline-offset:3px;background:0 0;border:1px solid #0000;border-radius:10px;min-height:44px;padding:7px 10px;font-size:12px;font-weight:800;text-decoration:underline}:is(.auth-text-button:hover,.auth-text-button:focus-visible){color:var(--cyan);border-color:#30e7f247;outline:none}.auth-text-button:disabled{opacity:.48;cursor:default}.auth-other-methods{width:100%;margin-top:2px}.auth-legal{line-height:1.5;font-size:11px!important}.signed-out-card .account-error{color:#ff91a8;text-align:left;max-width:none;margin:10px 0 0;font-size:12px;line-height:1.45}.identity-manager{text-align:left;background:#081d2480;border:1px solid #5bb8c524;border-radius:14px;margin:13px 0;padding:14px}.identity-manager-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.identity-manager-heading h3{color:#dff8fb;margin:0;font-size:13px}.identity-manager-heading h3:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.identity-manager-heading small{color:#67888e;max-width:460px;margin-top:4px;font-size:10px;line-height:1.45;display:block}.identity-manager-heading>span{color:#d8c86f;flex:none;font-size:10px}.identity-manager-loading{color:#71949a;place-items:center;min-height:70px;font-size:11px;display:grid}.identity-manager-retry .secondary-button{margin-top:9px}.identity-list{gap:7px;display:grid}.identity-row{background:#12343d73;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.identity-row>span{width:36px;height:36px;color:var(--cyan);background:#30e7f21a;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.identity-row b,.identity-row small{display:block}.identity-row b{color:#dff8fb;font-size:11px}.identity-row small{color:#74969c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.identity-row i{color:#83cfae;background:#48d2971a;border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal}.identity-manager-notice{color:#83cfae;background:#48d29714;border-radius:9px;margin:9px 0 0;padding:8px 10px;font-size:11px;line-height:1.45}.identity-link-button{margin-top:9px}.identity-manager-hint{color:#76969b;margin-top:7px;font-size:10px;line-height:1.45;display:block}.identity-unlink-entry{color:#d98296;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:40px;margin-top:8px;padding:6px 9px;font-size:11px;font-weight:800;text-decoration:underline}:is(.identity-unlink-entry:hover,.identity-unlink-entry:focus-visible){color:#ff91a8;outline-offset:2px;outline:2px solid #ff829d}.identity-email-form{text-align:left;width:100%}.identity-email-form>p{color:#82a4aa;margin:0 0 11px;font-size:11px;line-height:1.5}.identity-email-form>label{color:#b2d0d5;margin:0 2px 7px;font-size:12px;font-weight:800;display:block}.identity-email-form>input{color:#e6fbfd;background:#020a0fb8;border:1px solid #6ac4cf38;border-radius:11px;outline:0;width:100%;min-height:46px;padding:0 13px;font-size:16px}.identity-email-form>input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #30e7f21c}.identity-email-form>input[aria-invalid=true]{border-color:#ff5b7d94}.identity-email-form>input:disabled{opacity:.66;cursor:wait}.identity-email-form>small{color:#719298;margin:7px 2px 0;font-size:11px;line-height:1.5;display:block}.identity-email-form .primary-button{min-height:46px;margin-top:14px}.identity-email-form>.identity-email-delivery{overflow-wrap:anywhere;background:#11343c66;border-radius:10px;margin-bottom:12px;padding:10px 12px}.identity-email-form>.email-auth-resend-ready{color:#83cfae;text-align:center;margin-top:4px}.identity-unlink-confirm{background:#ff5b860b;border:1px solid #ff5b8633;border-radius:12px;padding:12px}.identity-unlink-confirm h4{color:#f0b0bf;margin:0 0 6px;font-size:12px}.identity-unlink-confirm>p{color:#9f7881;margin:0;font-size:11px;line-height:1.5}.identity-unlink-confirm>div:last-child{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.identity-unlink-confirm .secondary-button{margin:0}.identity-unlink-confirm-button{color:#ff91a8;cursor:pointer;background:#ff5b861a;border:1px solid #ff5b8661;border-radius:11px;min-height:42px;font-size:11px;font-weight:900}:is(.identity-unlink-confirm-button:hover,.identity-unlink-confirm-button:focus-visible){outline-offset:2px;border-color:#ff829d;outline:2px solid #ff829d}.identity-unlink-confirm-button:disabled{opacity:.48;cursor:default}.account-unavailable .secondary-button{place-items:center;max-width:360px;margin-inline:auto;display:grid}.consent-card{padding:3px 2px 1px}.consent-identity{background:#14384173;border-radius:13px;align-items:center;gap:11px;padding:12px;display:flex}.consent-identity>span{background:var(--yellow);color:#071014;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.consent-identity b,.consent-identity small{display:block}.consent-identity b{font-size:12px}.consent-identity small{color:#66888e;margin-top:3px;font-size:8px}.consent-card>p{color:#789aa0;margin:13px 2px;font-size:10px;line-height:1.65}.consent-card>label{color:#9ab9be;cursor:pointer;background:#081d2480;border:1px solid #5bb8c524;border-radius:11px;align-items:center;gap:10px;min-height:45px;margin:7px 0;padding:10px 12px;font-size:10px;display:flex}.consent-card input{width:17px;height:17px;accent-color:var(--yellow);flex:none}.consent-card .primary-button{margin-top:13px}.consent-card .primary-button:disabled{opacity:.45;cursor:default;transform:none}.consent-cancel{color:#78abb2;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;width:fit-content;min-height:40px;margin:11px auto 0;padding:6px 9px;font-size:11px;text-decoration:underline;display:block}:is(.consent-cancel:hover,.consent-cancel:focus-visible){color:var(--cyan);outline:2px solid var(--cyan);outline-offset:2px}.consent-cancel:disabled{opacity:.48;cursor:default}.account-danger{background:#ff5b8609;border:1px solid #ff5b8629;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:12px;padding:12px 13px;display:grid}.account-danger b,.account-danger small{display:block}.account-danger b{color:#e69aab;font-size:10px}.account-danger small{color:#7e5b64;margin-top:3px;font-size:8px;line-height:1.45}.account-danger button{color:#ff829d;cursor:pointer;background:0 0;border:1px solid #ff5b8657;border-radius:10px;min-height:38px;padding:0 12px;font-size:9px;font-weight:900}.account-danger button:disabled{opacity:.45;cursor:default}.admin-toolbar{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.admin-toolbar p{color:#66888f;margin:0;font-size:9px;line-height:1.55}.admin-toolbar button{color:#8cb6bc;cursor:pointer;background:0 0;border:1px solid #57c6d333;border-radius:10px;min-height:38px;padding:0 15px;font-size:9px;font-weight:900}.admin-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.admin-list article{background:#0a1f278c;border:1px solid #59b1be1f;border-radius:13px;min-width:0;padding:13px}.admin-account-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.admin-account-heading b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.admin-account-heading small{color:#4e7177;font-family:var(--font-geist-mono), monospace;font-size:7px}.admin-account-heading .status{color:#72cfa8;background:#48d29717;border-radius:99px;padding:4px 6px;font-size:7px;font-weight:900}.admin-account-heading .status-disabled{color:#f3c55d;background:#f3c55d14}.admin-account-heading .status-deleted{color:#d97991;background:#d9799114}.admin-list dl{grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0;display:grid}.admin-list dl div{background:#020c116e;border-radius:9px;min-width:0;padding:8px}.admin-list dt{color:#4f747a;font-size:7px}.admin-list dd{white-space:nowrap;text-overflow:ellipsis;color:#9ab8bd;margin:3px 0 0;font-size:8px;overflow:hidden}.admin-row-actions{justify-content:flex-end;align-items:center;gap:7px;min-height:32px;display:flex}.admin-row-actions button{color:#82aeb4;cursor:pointer;background:0 0;border:1px solid #60c1cd30;border-radius:9px;min-height:32px;padding:0 11px;font-size:8px;font-weight:900}.admin-row-actions button.danger{color:#e57f96;border-color:#ff5b863b}.admin-row-actions button:disabled{opacity:.4;cursor:default}.admin-row-actions span{color:#5d7479;font-size:8px}.admin-empty{text-align:center;color:#608087;grid-column:1/-1;margin:0;padding:35px;font-size:10px}.progress-modal>h2{letter-spacing:-.04em;margin:8px 0 18px;font-size:clamp(24px,4vw,35px)}.achievement-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px;display:grid}.achievement-summary div{background:#13363f66;border-radius:12px;padding:11px 13px}.achievement-summary span{color:#698e94;letter-spacing:.1em;margin-bottom:4px;font-size:8px;display:block}.achievement-summary b{color:var(--yellow);font-size:13px}.achievement-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.achievement-list article{background:#0e262e5c;border:1px solid #63b7c31c;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:start;gap:10px;min-width:0;padding:12px;display:grid}.achievement-list article.is-complete{background:#f6d4470d;border-color:#f6d44747}.achievement-emblem{width:32px;height:32px;color:var(--cyan);background:#123640;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.achievement-list h3{margin:0 0 3px;font-size:12px}.achievement-list h3 small{color:#496d73;margin-left:6px;font-size:7px}.achievement-list p{color:#668990;min-height:27px;margin:0 0 7px;font-size:8px;line-height:1.45}.achievement-list article>b{color:#7ea2a8;font-size:9px}.achievement-progress{background:#55868d2e;border-radius:99px;height:4px;overflow:hidden}.achievement-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--yellow));height:100%;display:block}.achievement-progress+small{color:#587b81;margin-top:5px;font-size:7px;display:block}.progress-note{color:#668990;margin:13px 0;font-size:9px;line-height:1.5}.achievement-toast{z-index:45;background:linear-gradient(145deg,#142326fa,#070d12fa);border:1px solid #f6d44773;border-radius:15px;width:min(300px,100vw - 28px);padding:14px 16px;animation:.35s both toastIn;position:fixed;top:82px;right:clamp(14px,3vw,42px);box-shadow:0 18px 50px #0000007a,0 0 24px #f6d4471a}.achievement-toast span{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.achievement-toast b{color:#fff4ad;font-size:15px;display:block}.achievement-toast small{color:#789ba1;margin-top:3px;font-size:9px;display:block}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.online-status-pill{color:#83cfae;white-space:nowrap;background:#09251d6b;border:1px solid #48d29733;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:8px;display:flex}.online-status-pill i{background:#48d297;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #48d297a6}.online-status-pill.connection-connecting,.online-status-pill.connection-reconnecting{color:#e7d985;background:#31290a59;border-color:#f6d44733}.online-status-pill.connection-connecting i,.online-status-pill.connection-reconnecting i{background:var(--yellow);animation:.8s ease-in-out infinite alternate urgentPulse;box-shadow:0 0 10px #f6d4478c}.online-status-pill.connection-offline{color:#f090a4;background:#3e0e1d61;border-color:#ff5b7d38}.online-status-pill.connection-offline i{box-shadow:none;background:#ff5b7d}.eight-play-switch{background:#00080c85;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 7px;padding:4px;display:grid}.start-card .eight-play-switch button{width:auto;min-height:30px;box-shadow:none;color:#5f858b;letter-spacing:.03em;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:8px}.start-card .eight-play-switch button:hover{box-shadow:none;color:#d5f7fa;transform:none}.start-card .eight-play-switch button.is-selected{color:#081014;background:var(--yellow)}.online-entry{min-height:193px}.online-rule-pick{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px;display:grid}.start-card .online-rule-pick button{min-height:30px;box-shadow:none;color:#6f979d;background:#0c262d8c;border:1px solid #68c2cd21;border-radius:9px;padding:6px;font-size:8px}.start-card .online-rule-pick button:hover{box-shadow:none;border-color:var(--cyan);transform:none}.start-card .online-rule-pick button.is-selected{border-color:var(--yellow);color:#f3e49a;background:#f6d44721}.start-card .online-create-button{text-align:left;color:#edf9fb;min-height:72px;box-shadow:none;background:linear-gradient(145deg,#3a310d85,#081115c7);border:1px solid #f6d44733;grid-template-columns:38px 1fr;justify-content:stretch;gap:10px;padding:10px 12px;display:grid}.start-card .online-create-button:hover{border-color:var(--yellow);box-shadow:0 10px 25px #00000040}.start-card .online-create-button:disabled,.start-card .online-join-form button:disabled{opacity:.5;cursor:wait;transform:none}.online-create-button .mode-ball{color:#fff;background:#11161c;border:2px solid #303943;grid-row:auto;width:36px;height:36px;font-size:14px}.online-create-button>span:last-child b{font-size:12px;display:block}.online-create-button>span:last-child small{color:#758f92;letter-spacing:0;margin-top:3px;font-size:8px;font-weight:600}.online-join-form{text-align:left;margin-top:7px}.online-join-form>label{color:#6f9197;margin:0 2px 5px;font-size:8px;font-weight:800;display:block}.online-join-form>div{grid-template-columns:1fr 70px;gap:6px;display:grid}.online-join-form input{color:#e8fcff;width:100%;min-width:0;min-height:36px;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:#020b10d1;border:1px solid #63bcc72e;border-radius:9px;outline:none;padding:0 10px;font-size:11px;font-weight:800}.online-join-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #30e7f217}.start-card .online-join-form button{border-radius:9px;width:auto;min-height:36px;padding:0 9px;font-size:9px}.online-join-form>small{color:#47676d;letter-spacing:0;margin:5px 2px 0;font-size:7px}.online-entry-note{place-items:center;min-height:126px;display:grid;color:#789ca2!important;margin:0!important}.online-gate{background:#0a212873;border:1px solid #4bb3c121;border-radius:12px;align-content:center;gap:10px;min-height:148px;padding:11px;display:grid}.online-gate p{line-height:1.55;color:#7e9fa4!important;margin:0!important;font-size:9px!important}.start-card .online-gate button{background:var(--yellow);color:#061014;border-radius:10px;place-items:center;width:100%;min-height:44px;padding:0 12px;font-size:9px;font-weight:900;text-decoration:none;display:grid}.online-gate>small{color:#66868c;letter-spacing:0;margin:0;font-size:8px}.online-inline-error{background:#ff5b7d17;border-radius:9px;padding:7px 9px;line-height:1.4;color:#ff9ab0!important;margin:7px 0 0!important;font-size:8px!important}.online-room-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(150deg,#08171ff7,#030a10f2);border:1px solid #30e7f247;border-radius:21px;width:min(600px,88%);max-height:92%;padding:24px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 28px 70px #00000094,0 0 45px #30e7f214}.online-room-card h2{margin:7px 0 5px;font-size:clamp(21px,2.7vw,30px)}.online-room-card>p{color:#75979d;margin:0 0 13px;font-size:10px}.invite-ticket{text-align:left;background:#f6d4470e;border:1px dashed #f6d44752;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin-bottom:10px;padding:11px 12px;display:grid}.invite-ticket>span{color:#887f50;letter-spacing:.18em;font-size:7px}.invite-ticket>strong{color:#fff0a1;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:18px}.invite-ticket>button{background:var(--yellow);color:#071014;cursor:pointer;border:0;border-radius:10px;grid-area:1/2/3;min-height:38px;padding:0 13px;font-size:8px;font-weight:900}.online-player-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.online-player-list article{text-align:left;background:#0c252d8c;border:1px solid #5bb7c321;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:0;padding:11px;display:grid}.online-player-list article.is-ready{background:#10382d80;border-color:#48d29745}.online-seat{width:32px;height:32px;color:var(--cyan);background:#15333b;border-radius:10px;place-items:center;font-size:9px;font-weight:900;display:grid}.online-player-list b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;display:block;overflow:hidden}.online-player-list small{color:#56767c;align-items:center;gap:5px;margin-top:3px;font-size:7px;display:flex}.online-player-list small i,.online-match-controls span i{background:#52666a;border-radius:50%;width:6px;height:6px}.online-player-list small i.is-online,.online-match-controls span i.is-online{background:#48d297;box-shadow:0 0 8px #48d29799}.online-player-list em{color:#66878d;white-space:nowrap;font-size:7px;font-style:normal}.online-player-list .is-ready em{color:#6fd1a5}.online-room-actions{grid-template-columns:1fr 130px;gap:8px;margin-top:10px;display:grid}.online-room-actions .secondary-button{margin:0}.online-room-actions button:disabled{opacity:.48;cursor:wait;transform:none}.online-room-note{color:#506f75;letter-spacing:.08em;margin-top:9px;font-size:7px;display:block}.table-frame.is-online-locked canvas{cursor:default}.online-turn-banner{z-index:5;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030e14d1;border:1px solid #30e7f233;border-radius:13px;min-width:min(340px,78%);padding:9px 14px;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.online-turn-banner span{color:var(--cyan);letter-spacing:.18em;font-size:7px;font-weight:900;display:block}.online-turn-banner b{margin-top:3px;font-size:10px;display:block}.online-turn-banner small{color:#638187;margin-top:2px;font-size:7px;display:block}.online-turn-banner.is-reconnecting{border-color:#f6d44759}.online-turn-banner.is-reconnecting span{color:var(--yellow)}.online-command-lock{z-index:8;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#01070b94;border-radius:15px;place-content:center;justify-items:center;padding:20px;display:grid;position:absolute;inset:0}.online-command-lock i{border:2px solid #30e7f233;border-top-color:var(--cyan);border-radius:50%;width:28px;height:28px;margin-bottom:9px;animation:.7s linear infinite onlineSpin}.online-command-lock b{font-size:13px}.online-command-lock small{color:#6f9298;margin-top:4px;font-size:8px}.online-motion-lock{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020c12cc;border:1px solid #30e7f233;border-radius:12px;width:min(360px,82%);padding:8px 13px;inset:5% auto auto 50%;transform:translate(-50%)}.online-motion-lock b{color:var(--cyan);font-size:9px}.online-motion-lock small{font-size:7px}.online-takeover-card{gap:7px}.online-takeover-card>b{font-size:15px}.online-takeover-card>small{max-width:390px;line-height:1.5}.online-takeover-card .primary-button{width:min(320px,82%);margin-top:7px}.online-retry-card{z-index:9;background:#330a17e6;border:1px solid #ff5b7d59;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:min(470px,86%);padding:9px 10px 9px 13px;display:grid;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0006}.online-retry-card span{color:#ffafbf;font-size:8px;line-height:1.4}.online-retry-card button{color:#16050a;cursor:pointer;background:#ff7895;border:0;border-radius:8px;min-height:32px;padding:0 10px;font-size:8px;font-weight:900}.online-match-controls{justify-content:center;align-items:center;gap:8px;width:min(720px,92%);min-height:38px;margin:9px auto 0;display:flex}.online-match-controls>span{color:#66878d;align-items:center;gap:6px;margin-right:auto;font-size:8px;display:flex}.online-landscape-hint{color:#9b8f54;font-size:8px;display:none}.online-match-controls button{cursor:pointer;border-radius:9px;min-height:34px;padding:0 12px;font-size:8px;font-weight:900}.online-resign{color:#e7899d;background:0 0;border:1px solid #ff5b7d40}:is(.invite-ticket>button:focus-visible,.online-match-controls button:focus-visible,.online-retry-card button:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.online-result-card .rematch-note{color:#708f94;margin-top:9px;font-size:8px;display:block}.online-modal-clock-note{z-index:60;color:#f0df88;letter-spacing:.06em;background:#231d07f0;border:1px solid #f6d4474d;border-radius:999px;padding:8px 13px;font-size:8px;font-weight:900;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000061}@keyframes onlineSpin{to{transform:rotate(360deg)}}@media (max-width:700px){.game-shell{padding:16px 12px}.hero{padding:18px 0 14px}.hero p{font-size:12px}.hero.is-compact{padding:8px 0}.hero.is-compact .eyebrow{display:none}.hero.is-compact h1{font-size:25px}.score-strip{width:100%;padding:9px 4px}.score-strip strong{font-size:13px}.table-frame{width:100%}.game-footer{flex-wrap:wrap;gap:12px}.game-footer .best{margin-left:0}.quick-rules{display:none}.start-card{padding:20px}.game-notice{max-width:92%;bottom:5%}.help-modal{max-height:90vh;padding:25px 18px 19px;overflow-y:auto}.help-grid{grid-template-columns:1fr}.help-grid article{grid-template-columns:26px 1fr;gap:0 10px;padding:11px;display:grid}.help-grid h3{margin:1px 0 3px}.help-grid p{grid-column:2}.result-stats{gap:4px}.result-card{padding:20px}.mode-card{width:min(520px,90%);padding:20px}.mode-grid{grid-template-columns:1fr}.start-card .mode-option{grid-template-rows:1fr;grid-template-columns:42px 1fr auto;min-height:82px}.mode-option .mode-ball{grid-row:1;width:40px;height:40px}.mode-option>i{grid-column:3;align-self:center}.mode-footnotes{display:none}.mode-panel{padding:6px}.mode-panel .level-note,.online-status-pill{display:none}.online-entry{min-height:0}.online-room-card{width:min(520px,92%);padding:19px}.online-room-card>p{display:block}.online-player-list{grid-template-columns:1fr}.online-room-actions{grid-template-columns:1fr 110px}.online-match-controls{width:100%;padding:0 3px}.online-turn-banner{top:4%}.progress-backdrop{align-items:end;padding:0}.progress-modal{width:100%;max-height:86dvh;padding:25px 16px calc(19px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.account-backdrop{align-items:end;padding:0}.account-modal{width:100%;max-height:86dvh;padding:25px 16px calc(19px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.admin-list,.account-danger{grid-template-columns:1fr}.account-danger button{width:100%}.achievement-list{grid-template-columns:1fr}.appearance-pill{margin-bottom:8px}.appearance-backdrop{align-items:end;padding:0}.appearance-modal{width:100%;max-height:84dvh;padding:25px 18px calc(19px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.appearance-options{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(142px,46%);grid-auto-flow:column;padding:2px 2px 8px;overflow-x:auto}.appearance-option{scroll-snap-align:start}.appearance-actions{grid-template-columns:1fr 1.4fr}}@media (max-width:460px){.brand>span:last-child{display:none}.brand-mark{width:38px}.top-actions{gap:5px}.account-trigger{width:38px;min-width:38px;min-height:38px;padding:3px}.account-trigger>span{width:30px;height:30px}.account-trigger>b{display:none}.icon-button{border-radius:10px;width:38px;height:38px}.text-button{min-height:38px;padding-inline:10px}.motion-trigger{display:none}.eight-strip{grid-template-columns:repeat(2,1fr);row-gap:7px}.eight-strip>div:nth-child(2){border-right:0}.eight-strip>div:nth-child(3),.eight-strip>div:nth-child(4){border-top:1px solid #81c2cc1f;padding-top:6px}.appearance-pill{white-space:nowrap;text-overflow:ellipsis;max-width:92%;overflow:hidden}.utility-pills{max-width:100%}.utility-pills .appearance-pill{max-width:66%}.ruleset-pill{white-space:nowrap}.table-frame.phase-menu{aspect-ratio:auto;min-height:370px}.mode-card{width:92%}.start-card .mode-option{grid-template-columns:38px 1fr;padding:10px}.mode-option>i{display:none}.mode-option .mode-ball{width:36px;height:36px}.online-entry .online-create-button{grid-template-columns:34px 1fr}.online-create-button .mode-ball{width:32px;height:32px}.online-room-card{width:94%;max-height:96%;padding:15px}.online-room-card h2{font-size:19px}.invite-ticket{grid-template-columns:1fr 102px}.invite-ticket>strong{font-size:15px}.online-player-list article{padding:8px}.online-room-actions{grid-template-columns:1fr}.online-turn-banner{min-width:88%;padding:7px 10px}.online-turn-banner small{display:none}.online-match-controls{flex-wrap:wrap}.online-match-controls>span{justify-content:center;width:100%;margin:0}.online-match-controls button{flex:1;min-width:100px}.profile-heading{grid-template-columns:42px 1fr}.profile-heading>span{width:40px;height:40px}.profile-heading .sync-state{grid-column:2;justify-self:start}.profile-stats{grid-template-columns:repeat(2,1fr)}.import-card{grid-template-columns:1fr}.import-card button{width:100%}.email-auth-secondary-actions{grid-template-columns:1fr;gap:2px}.email-auth-form>input{font-size:16px}.email-auth-code{letter-spacing:.17em;font-size:19px!important}.identity-manager{padding:11px}.identity-manager-heading{display:block}.identity-manager-heading>span{margin-top:5px;display:block}.identity-email-form>input{font-size:16px}.identity-unlink-confirm>div:last-child{grid-template-columns:1fr}}@media (max-width:700px) and (orientation:portrait){.online-landscape-hint{text-align:center;order:-1;width:100%;display:block}.online-match-controls{padding-bottom:env(safe-area-inset-bottom)}}@media (max-height:720px) and (orientation:landscape){.game-shell{padding-top:12px}.hero{padding:8px 0 10px}.hero h1{margin:7px 0;font-size:30px}.hero.is-compact{display:none}.score-strip{margin-bottom:8px;padding-block:6px}.table-frame{width:min(900px,80vw)}.power-panel{margin-top:7px}.game-footer{padding-top:8px}.quick-rules{display:none}.start-card,.pause-card,.result-card{padding:17px 22px}.online-room-card{padding:12px 17px}.online-room-card>p,.online-room-note{display:none}.online-player-list article{padding-block:7px}.start-card p,.pause-card p,.result-card p{margin-bottom:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}