:root{color-scheme:dark;--desk:#242d47;--ink:#f8f1dc;--muted:#ddd9db;--paper:#f6eccf;--gold:#ffd17d;--mint:#abebdb;--edge:#aeb4d342;--panel:#1c243c;font:16px/1.45 system-ui,sans-serif;background:#181f33;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 60% 0,#45507555,transparent 65%),radial-gradient(ellipse at 0% 85%,#6a4d603d,transparent 44%),repeating-linear-gradient(115deg,#d1c7fd06 0 1px,transparent 1px 24px),var(--desk)}button,input{font:inherit}a,button{color:inherit}button{background:#333c56;border:1px solid var(--edge);border-radius:10px;padding:.55rem .83rem;font-weight:700;cursor:pointer;min-height:42px}button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.1)}button:disabled{opacity:.39;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[aria-pressed=true]:not(.swatch){border-color:var(--gold);background:#584b47}a{text-decoration:none}.site-bar{width:min(100%,1270px);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px clamp(12px,3vw,25px);gap:10px;border-bottom:1px solid var(--edge);min-height:64px}.site-bar a{font-size:.85rem;white-space:nowrap;justify-self:start}.brand{font:700 1.45rem Georgia,serif;white-space:nowrap}.brand span{color:var(--gold)}.audio-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px}.audio-controls button{min-height:38px;padding:0 8px;font-size:.8rem}.audio-controls input{width:72px;accent-color:var(--gold);margin:0 3px}main{width:min(100%,1100px);margin:auto;padding:22px clamp(14px,3vw,30px) 40px}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,serif;line-height:1.08}.primary{padding:.65rem 1.3rem;color:#221d21;background:linear-gradient(#ffe5a9,#efb95d);border-color:#fff0ba;box-shadow:inset 0 1px #fff7de,0 4px #a66638;font-weight:850}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800;font-size:.73rem}.muted{color:var(--muted);font-size:.86rem}.message{color:#ffcf9c;font-weight:700}.message:empty{display:none}.home-sheet{margin:clamp(16px,8vh,100px) auto 0;display:grid;grid-template-columns:1fr minmax(220px,.7fr);gap:clamp(20px,5vw,60px);align-items:center;background:linear-gradient(140deg,#19213be8,#2c3350);border:1px solid var(--edge);border-radius:20px;padding:clamp(24px,6vw,70px);box-shadow:0 22px 60px #101324aa}.home-copy{display:grid;gap:18px;justify-items:start}.home-copy h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.07em;color:#fff1ca;text-shadow:0 3px #6e4c36}.tagline{font-family:Georgia,serif;font-style:italic;color:var(--mint);font-size:clamp(1.1rem,2.6vw,1.65rem)}.cover{color:#40344a;background:var(--paper);padding:9px 12px 13px;border-radius:5px;box-shadow:0 10px 35px #11172daa;transform:rotate(5deg);text-align:center;font:italic 1.05rem Georgia,serif}.cover svg{background:#fff7df}.practice-label{display:inline-block;color:var(--mint);border:1px solid #abebdb50;border-radius:99px;padding:4px 9px;font-size:.74rem;font-weight:750}.phase-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 17px}.phase-header h1{font-size:clamp(2rem,5.2vw,4rem);margin-top:5px;letter-spacing:-.04em}.clock{background:#151e34;border:1px solid var(--edge);min-width:5ch;padding:.35rem .65rem;text-align:center;border-radius:8px;color:var(--mint);font-weight:800;font-variant-numeric:tabular-nums}.clock.low{color:#ffb5bc}.workshop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.7fr);gap:clamp(14px,3.8vw,40px);align-items:start}.paper-board{position:relative;padding:clamp(9px,2vw,17px);border-radius:7px;background:#ba9870;box-shadow:0 12px 23px #171829ba,inset 0 0 0 1px #e9c394}.paper-board:before{position:absolute;content:"";inset:-5px auto auto 50%;transform:translate(-50%);width:22%;height:11px;border-radius:5px;background:linear-gradient(#ede8d9,#85745e);box-shadow:0 4px 8px #21172a82;pointer-events:none}.paper-board svg{background:repeating-linear-gradient(0deg,transparent 0 24px,#a69b8330 24px 25px),#fbf5e5;touch-action:none;cursor:crosshair}.sketch-bench{background:#1c243c;border:1px solid var(--edge);border-radius:14px;padding:clamp(14px,2.5vw,28px);display:grid;gap:13px}.sketch-bench h2{font-size:1.8rem}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{position:relative;padding:0;background:transparent;min-height:40px}.swatch:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;background:var(--ink);box-shadow:inset 0 1px 3px #ffffff4e}.swatch[aria-pressed=true]{border-color:var(--gold);outline:1px solid var(--gold)}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.naming{display:grid;gap:8px}.naming label{font-weight:750}.naming input{min-width:0;padding:.6rem .7rem;background:#101a31;border:1px solid var(--edge);border-radius:8px;color:#fff}.naming .primary{justify-self:start}svg{display:block;width:100%;height:auto;aspect-ratio:1;background:#f7f1dd;border-radius:3px}.starter-ink,.player-ink path{fill:none;stroke-width:1.23;stroke-linecap:round;stroke-linejoin:round}.starter-ink{stroke:#25242c}.highlight .starter-ink{stroke:#c54465;stroke-width:1.9}.voting-guide{display:grid;gap:5px;margin-bottom:15px}.private-note{color:#ffcf9c}.ballot{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ballot-row,.excluded-row{display:flex;align-items:center;gap:clamp(7px,2vw,20px);padding:9px;background:var(--panel);border:1px solid var(--edge);border-radius:11px}.ballot-row h2{overflow-wrap:anywhere;font-size:clamp(1rem,3vw,1.4rem)}.rank{min-width:2ch;text-align:center;color:var(--gold);font:700 1.65rem Georgia,serif}.thumb,.result-picture{padding:3px;background:#cfb995;min-width:0}.thumb{width:clamp(49px,9vw,86px);flex:none}.art-details{flex:1;min-width:0}.move{display:flex;gap:3px}.move button{min-height:40px;padding:0 .56rem}.grip{touch-action:none;cursor:grab;padding:4px;color:var(--muted);font-size:1.24rem}.excluded{margin:9px 0}.excluded-row{color:#e1e3e6;background:#3b4050}.excluded-row .thumb{width:49px;filter:grayscale(1)}.ballot-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.art-dialog{border:1px solid var(--edge);border-radius:12px;background:var(--panel);color:var(--ink);width:min(90vw,575px);max-width:none}.art-dialog::backdrop{background:#101629c9}.art-dialog svg{max-height:66vh;margin:10px auto}.champions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px}.ribbon{display:grid;padding:10px;background:#303751;border:1px solid var(--edge);border-top:3px solid var(--mint);border-radius:7px;text-align:center}.ribbon:nth-child(2){border-top-color:var(--gold)}.ribbon:nth-child(3){border-top-color:#eba7d1}.ribbon strong{font-size:1.15rem}.ribbon span:last-child{color:var(--muted);font-size:.82rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.gallery-sheet{min-width:0;background:#202940;border:1px solid var(--edge);border-radius:10px;padding:10px}.result-picture{display:block;width:100%;margin-bottom:7px}.result-name{display:flex;align-items:baseline;justify-content:space-between;gap:2px 8px;flex-wrap:wrap}.result-name strong{color:var(--gold);white-space:nowrap}.drawing-title{color:var(--mint);overflow-wrap:anywhere}.gallery-sheet dl{display:grid;grid-template-columns:1fr auto;gap:4px 7px;font-size:.8rem;margin-bottom:0}.gallery-sheet dd{margin:0;text-align:right}@media (max-width:680px){.site-bar{grid-template-columns:auto auto;justify-content:space-between}.brand{justify-self:end}.audio-controls{grid-column:1/-1}.home-sheet,.workshop{grid-template-columns:1fr}.cover{max-width:210px;justify-self:center}.workshop svg{max-height:49vh}.workshop .paper-board svg{width:min(100%,49vh);margin-inline:auto}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ribbon{padding:6px}.ribbon .eyebrow{letter-spacing:.03em;font-size:.61rem}}@media (max-width:370px){.ballot-row{gap:5px}.art-details .muted{font-size:.72rem}.move button{padding:0 .42rem}.grip{padding:0}.ribbon strong{font-size:.95rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.ballot,.excluded{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,224px),300px));justify-content:center;gap:12px}.ballot-row,.excluded-row{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rank title" "art art" "move grip";gap:8px;padding:10px}.ballot-row .thumb,.excluded-row .thumb{grid-area:art;display:block;justify-self:center;width:min(100%,262px);padding:4px}.ballot-row .art-details,.excluded-row .art-details{grid-area:title}.ballot-row .art-details h2,.excluded-row .art-details h2{overflow-wrap:anywhere}.ballot-row .rank{grid-area:rank}.ballot-row .move{grid-area:move}.ballot-row .grip{grid-area:grip;justify-self:end}.excluded{margin-top:14px}.excluded-row{grid-template-areas:"title title" "art art"}.excluded-row .art-details{text-align:center}.excluded-row .thumb{filter:saturate(.35)}.ballot-footer{position:sticky;bottom:0;z-index:1;margin-top:12px;padding:8px 0 12px;background:var(--desk)}@media (max-width: 620px){.ballot,.excluded{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ballot-row,.excluded-row{padding:6px;column-gap:5px}.ballot-row .rank{min-width:1.2ch;font-size:1.35rem}.ballot-row .move button{min-width:34px}.ballot-footer .muted{max-width:20ch}}@media (max-width: 350px){.ballot,.excluded{grid-template-columns:minmax(0,278px)}}body[data-judging]{--room-light: #fff1d7;--room-border: #f7d9ab66;--room-panel: #332d46;--room-paper: #fff8e6;--room-accent: #ffc263;--room-shadow: #110d26a8;--room-trim: #e2ae6c;background-color:#241c35}body[data-judging=creativity]{--room-accent: #ffd288;--room-panel: #3d284a;--room-trim: #d78793;background-image:radial-gradient(ellipse at 50% 30%,#301d40 26%,transparent 77%),radial-gradient(ellipse at -8% 38%,#ff7b987a 5%,transparent 32%),repeating-linear-gradient(127deg,transparent 0 86px,#efa14b0e 87px 104px,transparent 105px 170px),conic-gradient(from 40deg at 92% 9%,#3d3467,#2e1e3d,#ce6174 14%,#483660 26%,#332441 45%,#a34f73 52%,#3d3467 68%)}body[data-judging=accuracy]{--room-accent: #a3edff;--room-panel: #102c46;--room-paper: #fcfcf0;--room-border: #78bfe988;--room-trim: #80bfd9;background-color:#0c2239;background-image:linear-gradient(180deg,#0e28432c,#071a30c0 90%),repeating-linear-gradient(0deg,#87cdf423 0 1px,transparent 1px 100px),repeating-linear-gradient(90deg,#87cdf423 0 1px,transparent 1px 100px),repeating-linear-gradient(0deg,#87cdf410 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,#87cdf410 0 1px,transparent 1px 20px)}body[data-judging=complexity]{--room-accent: #b9f0d5;--room-panel: #183c37;--room-paper: #fcf4dc;--room-border: #bd9e6a91;--room-trim: #d9b67f;background-color:#0d2425;background-image:radial-gradient(ellipse at 50% 34%,#112d2a 30%,transparent 78%),repeating-radial-gradient(ellipse at 0% 34%,transparent 0 15px,#c6aa7425 16px 17px,transparent 18px 22px),repeating-radial-gradient(ellipse at 100% 52%,transparent 0 19px,#81c2ab2e 20px 21px,transparent 22px 26px),linear-gradient(145deg,#33463c,#162a2b 62%,#2d473d)}[data-judging] main{color:var(--room-light)}.judging-progress{display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:12px 0;list-style:none}.judging-progress li{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid transparent;border-radius:5px;color:var(--muted);background:#17142155;font-size:.78rem}.judging-progress li[aria-current=step]{color:var(--room-accent);border-color:var(--room-border);background:var(--room-panel);font-weight:800}.judging-progress .is-finished .step-number{color:var(--mint)}.step-number{font-variant-numeric:tabular-nums}[data-judging] .phase-header{justify-content:flex-start;margin:12px 0;padding:13px 16px;background:var(--room-panel);border:1px solid var(--room-border);box-shadow:0 6px 18px var(--room-shadow)}.room-sigil{flex:0 0 auto;display:grid;place-items:center;width:clamp(37px,7vw,70px);aspect-ratio:1;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1;color:var(--room-accent);border:1px solid var(--room-border)}[data-judging] .phase-header .eyebrow,[data-judging] .rank{color:var(--room-accent)}[data-judging] .phase-header .clock{margin-inline-start:auto}[data-judging] .voting-guide{padding-inline:3px}[data-judging] .ballot-row,[data-judging] .excluded-row{background:var(--room-panel);border-color:var(--room-border)}[data-judging] .thumb{background:var(--room-trim)}[data-judging] .thumb svg{background:var(--room-paper)}[data-judging] .ballot-footer{border-top:1px solid var(--room-border);background:var(--room-panel);padding-inline:12px}.lock-prompt{display:grid;gap:1px;text-align:right}.lock-prompt strong{font-size:.82rem;color:var(--room-accent)}.ballot-lock{min-width:95px}.ballot-lock:disabled{opacity:1;color:#d3d7e2;background:#454b59;border-color:#7a8191;box-shadow:none}[data-judging=creativity] .phase-header{border-radius:5px 22px 7px 12px;border-inline-start:5px solid #ef947e}[data-judging=creativity] .room-sigil{border-radius:14px 6px 16px 7px;background:#9b49616b;transform:rotate(-7deg)}[data-judging=creativity] .ballot-row{border-radius:4px 16px 6px 14px}[data-judging=creativity] .ballot-row:nth-child(2n){border-radius:16px 5px 14px 6px}[data-judging=creativity] .ballot-row .thumb{box-shadow:0 3px #1e1529c7}[data-judging=creativity] .rank{text-decoration:underline wavy #e8929c;text-underline-offset:3px}[data-judging=accuracy] .phase-header{border-radius:3px;box-shadow:inset 0 0 0 4px #80bfd91c,0 6px 18px var(--room-shadow)}[data-judging=accuracy] .phase-header h1{font:800 clamp(1.8rem,4.5vw,3.5rem)/1.05 system-ui,sans-serif}[data-judging=accuracy] .room-sigil{background:#183b58;font-family:monospace}[data-judging=accuracy] .ballot-row{border-radius:4px}[data-judging=accuracy] .ballot-row .rank{font-family:ui-monospace,monospace;font-size:1.08rem}[data-judging=accuracy] .ballot-row .thumb{padding-top:9px;border-radius:4px;background:repeating-linear-gradient(90deg,#80bfd9 0,#80bfd9 7px,#2e6687 7px,#2e6687 8px) top / 100% 6px no-repeat,#b4d5de}[data-judging=complexity] .phase-header{border:3px double var(--room-border);border-radius:20px 20px 5px 5px}[data-judging=complexity] .phase-header h1{font-style:italic}[data-judging=complexity] .room-sigil{border:3px double var(--room-border);border-radius:50%;background:#24584b}[data-judging=complexity] .ballot-row{border:3px double var(--room-border);border-radius:19px 19px 8px 8px;background:repeating-linear-gradient(145deg,transparent 0 7px,#b0d2b20c 7px 8px),var(--room-panel)}[data-judging=complexity] .ballot-row .rank{font-style:italic}[data-judging=complexity] .ballot-row .thumb{box-shadow:0 0 0 2px #0b2825,0 0 0 3px var(--room-border)}@media (max-width: 620px){.judging-progress li{gap:4px;padding-inline:6px}[data-judging] .phase-header{gap:9px;padding:9px}[data-judging] .phase-header .eyebrow{letter-spacing:.06em}[data-judging=complexity] .ballot-row{padding-inline:5px}}:root{--ink: #fff8df;--desk: #131434;--panel: #1d1c44;--edge: #9c8be975;--gold: #ffe363;--mint: #95f8ef}body:not([data-judging]){background:radial-gradient(ellipse at 16% 18%,#4a206052,transparent 43%),radial-gradient(ellipse at 90% 55%,#204aaa46,transparent 45%),#11112d}.site-bar{border-bottom-color:#8575ba59}.brand{font-family:system-ui,sans-serif;font-weight:900;font-style:italic}[data-phase=home]{--front-width: min(100%, 900px, clamp(540px, calc((100svh - 355px)*1.33) , 900px))}.home-sheet{display:flex;flex-direction:column;gap:0;width:var(--front-width);margin:2px auto 0;padding:0 0 25px;border:1px solid #8d46c9;background:#12112e;overflow:hidden;box-shadow:0 0 28px #a35aff38,0 14px 40px #08091cbb}.home-sheet .cover{width:100%;max-width:none;padding:0;background:none;box-shadow:none;transform:none;border-radius:0;text-align:center}.home-sheet .cover img{display:block;width:100%;height:auto}.home-copy{width:min(100%,520px);margin:0 auto;padding:13px 18px 0;gap:12px;justify-items:center;text-align:center}.home-copy .eyebrow{color:#a8f7ff}.home-instructions{color:var(--ink)}.front-actions{display:grid;gap:12px;width:min(100%,460px)}.home-copy .neon-solo,.home-copy .neon-create,.front-join{width:100%;min-height:53px;margin:2px 0;border-radius:999px;border:2px solid #7efbff;background:linear-gradient(#0ddce9 0,#10b9d6 16%,#07617c 92%);box-shadow:inset 0 2px 1px #c1ffffb8,0 4px #063a58,0 0 19px #28c9e771;color:#fff;text-shadow:0 2px 3px #052336;font-size:1.25rem;font-weight:900}.home-copy .neon-create{color:#29101c;border-color:#ffec74;background:linear-gradient(#ffdc37,#ffa416 49%,#e77a19);box-shadow:inset 0 2px #fff2abaf,0 4px #7e3017,0 0 18px #ffb61a45;text-shadow:0 1px #fff1a880}.front-join{margin:2px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;padding:4px;border-color:#ddadff;background:linear-gradient(#a647f3,#6020b1 65%,#4d178a);box-shadow:inset 0 2px #e0bbffc9,0 4px #391369,0 0 18px #a747f350}.front-join input{align-self:stretch;min-width:0;width:100%;padding:7px 14px;border-radius:99px;border:1px solid #e1baff88;background:#291347;color:#fff6ff;text-transform:uppercase}.front-join input::placeholder{color:#ead7fc;text-transform:none}.front-join button{padding-inline:22px;border:0;border-radius:99px;background:transparent;color:#fff;text-shadow:0 1px #3a1169;font-size:1rem}.workbench-shortcut,.drawing-reminder{color:#fceb99;font-size:.83rem}.drawing-reminder{padding:6px 9px;border-inline-start:3px solid #ffcc55;background:#45334e}.local-lobby{max-width:650px;margin:10vh auto 0;display:grid;gap:18px;padding:clamp(15px,4vw,32px);border:1px solid #b57af2;border-radius:20px;background:#21183e;box-shadow:0 0 25px #a35aff38}.lobby-code-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lobby-code{color:#ffe170;font-size:clamp(1.7rem,6vw,2.75rem);letter-spacing:.12em}.lobby-roster{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px;padding:0;margin:0}.lobby-roster li{display:grid;gap:4px;border:1px solid #bc99fa77;border-radius:10px;padding:10px;background:#2e2454}[data-phase=drawing] .phase-header h1,[data-phase=results] .phase-header h1{font-family:system-ui,sans-serif;font-weight:950;font-style:italic}[data-phase=drawing] .clock{border-color:#78fff3;box-shadow:0 0 10px #1cebea43}.paper-board{background:#aa8b70}.paper-board:before{width:20%;height:16px;background:linear-gradient(100deg,#edb331,#ffdf79,#e7a82b);border-radius:2px;transform:translate(-50%) rotate(-3deg)}.paper-board svg{background:#fbf2db}.sketch-bench{background:#211b40;border-color:#ac65d586}.brush-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.brush-choice{min-width:0;padding:.45rem .2rem;font-size:clamp(.7rem,2vw,.82rem)}.brush-choice:before{content:"";display:block;width:24px;height:2px;margin:4px auto 5px;background:currentColor;border-radius:9px}.brush-choice[data-tool=marker]:before{height:4px;border-radius:1px}.brush-choice[data-tool=paintbrush]:before{height:6px;border-radius:65% 50% 60% 35%}.brush-choice[aria-pressed=true]{background:#6221a1;border-color:#ea8aff;color:#fff;box-shadow:0 0 8px #e47cff37}.swatch[aria-pressed=true]{border-color:#8df7ff;outline-color:#8df7ff}.player-ink path[data-brush=marker]{stroke-width:3.1;stroke-linecap:square;opacity:.83}.player-ink circle[data-brush=marker]{opacity:.83}.player-ink path[data-brush=paintbrush]{fill:var(--paint, currentColor);stroke:none}.naming .primary{color:#10231e;border-color:#c5ffad;background:linear-gradient(#b2ff8a,#62d96e);box-shadow:inset 0 1px #edffd9,0 4px #29884b}[data-phase=results] .ribbon{border-radius:11px;background:#252050;border-top-color:#73edff}[data-phase=results] .ribbon:nth-child(2){border-top-color:#ffe363}[data-phase=results] .ribbon:nth-child(3){border-top-color:#fa80f1}.match-standings{margin:18px 0;padding:14px;border:1px solid #b487f47d;border-radius:14px;background:#24204b}.match-standings h2{font-size:1.3rem}.match-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:8px;margin:10px 0 0;padding:0;list-style-position:inside}.match-players li{border:1px solid #ae90ed4a;background:#181836;border-radius:8px;padding:8px 10px}.match-players li::marker{color:#b7a3e6}.match-players li.your-score{border-color:#77f3f9}.match-players strong{display:block;color:#ffdf63}.result-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:16px}body[data-judging=creativity]{--room-accent: #ffe262;--room-trim: #f58bc9}body[data-judging=accuracy]{--room-accent: #9cf3ff}body[data-judging=complexity]{--room-accent: #ffbdf1;--room-panel: #2d204a;--room-trim: #ba89df;--room-border: #e4a3da82;background-color:#221533;background-image:radial-gradient(ellipse at 50% 34%,#252044 25%,transparent 80%),repeating-radial-gradient(ellipse at 0% 33%,transparent 0 15px,#f4a7e734 16px 17px,transparent 18px 22px),repeating-radial-gradient(ellipse at 100% 55%,transparent 0 19px,#ad83f938 20px 21px,transparent 22px 26px),linear-gradient(145deg,#51265a,#231733 62%,#513463)}body[data-judging=complexity] .room-sigil{background:#583568}@media (max-width: 620px){.home-sheet{margin-top:0;padding-bottom:18px}.home-copy{gap:8px}}body[data-studio]{position:relative;isolation:isolate}body[data-judging],body[data-studio=lobby],body[data-studio=drawing],body[data-studio=results]{background:var(--studio-base)}body[data-judging]:before,body[data-studio=lobby]:before,body[data-studio=drawing]:before,body[data-studio=results]:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--studio-art) center / cover no-repeat}body[data-studio=lobby]{--studio-base: #031e24;--studio-art: url(/assets/studio-lobby-D7yOpSlQ.webp);--studio-accent: #62ffe6}body[data-studio=drawing]{--studio-base: #05182f;--studio-art: url(/assets/studio-workbench-j7MIIobh.webp);--studio-accent: #77ffc5}body[data-judging=creativity]{--studio-base: #10062c;--studio-art: url(/assets/studio-creativity-Dp1RJBCM.webp);--studio-accent: #ff62db;--room-panel: #221044;--room-border: #e957d4;--room-trim: #ed8bc9;--room-rank: #ffdb65}body[data-judging=accuracy]{--studio-base: #020d27;--studio-art: url(/assets/studio-accuracy-CmL4aM67.webp);--studio-accent: #33edff;--room-panel: #09274a;--room-border: #36b9de;--room-trim: #8cf2f9;--room-rank: #63f0ff}body[data-judging=complexity]{--studio-base: #1a0625;--studio-art: url(/assets/studio-complexity-BKgON797.webp);--studio-accent: #f673fa;--room-panel: #2a0d51;--room-border: #bc5dee;--room-trim: #dd90f5;--room-rank: #ffa7f1}body[data-studio=results]{--studio-base: #220713;--studio-art: url(/assets/studio-reveal-DIGiKmLx.webp);--studio-accent: #ffca56}[data-studio]:not([data-studio=home]) .site-bar{border:1px solid color-mix(in srgb,var(--studio-accent) 50%,transparent);border-radius:22px;background:color-mix(in srgb,var(--studio-base) 96%,transparent);box-shadow:0 4px 22px #0707198c}[data-studio]:not([data-studio=home]) .practice-label{background:#06152a;border-color:#57e7ed;color:#9effff}[data-judging] .phase-header,[data-judging] .ballot-row,[data-judging] .ballot-footer{--edge-glow: color-mix(in srgb, var(--studio-accent) 36%, transparent);border:1px solid var(--room-border);background:var(--room-panel);box-shadow:inset 0 0 0 1px var(--edge-glow),0 0 16px var(--edge-glow),0 7px 15px #090617a8}[data-judging] .phase-header{background:linear-gradient(115deg,var(--room-panel) 34%,color-mix(in srgb,var(--studio-accent) 32%,var(--room-panel)));border-radius:18px}[data-judging=accuracy] .phase-header{border-radius:8px;background-image:repeating-linear-gradient(90deg,transparent 0 31px,#59c9ff24 31px 32px),linear-gradient(105deg,#091d3a,#054e76)}[data-judging] .phase-header h1{font:italic 900 clamp(1.9rem,5.2vw,4rem)/1 system-ui,sans-serif;text-shadow:0 3px #09041e}[data-judging] .room-sigil{border:1px solid var(--room-border);border-radius:12px;background:var(--studio-base);box-shadow:0 0 12px var(--edge-glow)}[data-judging] .clock{background:#0a0e27;border-color:#59f2ff;border-radius:999px;box-shadow:0 0 11px #2feafa65}[data-judging] .judging-progress li{background:#0a0e27}[data-judging] .judging-progress [aria-current=step]{background:var(--room-rank);color:#140c25;box-shadow:0 0 12px color-mix(in srgb,var(--room-rank) 50%,transparent)}[data-judging] .voting-guide{background:color-mix(in srgb,var(--studio-base) 93%,transparent);padding:8px 10px;border-radius:10px}[data-judging] .voting-guide p:first-child{font-weight:750}[data-judging] .ballot-row{border-radius:17px}[data-judging=creativity] .ballot-row:nth-child(2n){--studio-accent: #57efff;--room-border: #4fcee9;--room-rank: #70f8ff;--room-trim: #7ceaff;--room-panel: #082a46}[data-judging=complexity] .ballot-row:nth-child(3n+1){--room-rank: #ffdb65}[data-judging=complexity] .ballot-row:nth-child(3n+3){--room-rank: #6feaff}[data-judging] .ballot-row .rank{min-width:2.3ch;border-radius:7px 9px 5px 11px;background:var(--room-rank);color:#140c25;text-decoration:none}[data-judging] .ballot-row .thumb{border-radius:11px}[data-judging] .ballot-footer{border-radius:16px}[data-judging] .ballot-lock:not(:disabled){color:#211027;border-color:#fff087;background:linear-gradient(#ffe883,#ffc328 60%,#ffab22);box-shadow:inset 0 2px #fff8cd,0 3px #b24e25,0 0 13px #ffac3d87}[data-studio=lobby] .local-lobby,[data-studio=drawing] .sketch-bench,[data-studio=results] .match-standings,[data-studio=results] .gallery-sheet{background:color-mix(in srgb,var(--studio-base) 86%,var(--studio-accent));border-color:color-mix(in srgb,var(--studio-accent) 64%,transparent)}[data-studio=drawing] .phase-header,[data-studio=results] .phase-header{background:linear-gradient(105deg,var(--studio-base) 57%,color-mix(in srgb,var(--studio-accent) 29%,var(--studio-base)));padding:clamp(10px,2vw,20px);border-radius:13px;border:1px solid color-mix(in srgb,var(--studio-accent) 60%,transparent)}.art-dialog{width:min(90vw,86dvh,720px);padding:5px}.art-dialog .zoom-art{display:block;width:100%;padding:0;border:0;border-radius:5px;cursor:zoom-out}.art-dialog .zoom-art svg{max-height:none;margin:0}.local-lobby{margin-top:clamp(16px,5vh,54px)}[data-studio=results] .match-standings{padding:clamp(12px,2.5vw,24px);border:1px solid #ffca5680;border-radius:20px;background:radial-gradient(ellipse at 0 0,#562254,transparent 70%),#1c1026;box-shadow:inset 0 0 0 3px #ffca5615,0 5px #11061a}[data-studio=results] .match-standings h2{margin-top:.2rem;font:italic 900 clamp(1.45rem,3.5vw,2.25rem)/1.05 system-ui,sans-serif}.reveal-podium{grid-template-columns:repeat(auto-fit,minmax(min(100%,142px),1fr));gap:9px;padding:0;list-style:none}.reveal-podium li{--medal: #eab494;position:relative;min-width:0;padding:13px 10px 10px;border:1px solid var(--medal);background:linear-gradient(142deg,color-mix(in srgb,var(--medal) 18%,#140a24),#180d2b 73%) padding-box;box-shadow:inset 0 1px #fff2,0 3px #060512}.reveal-podium li[data-place="1"]{--medal: #f9bbfa;border-color:transparent;background:linear-gradient(142deg,#482555,#241539 73%) padding-box,linear-gradient(135deg,#ff9cbc,#ffe266,#7efde1,#bc94ff) border-box}.reveal-podium li[data-place="2"]{--medal: #ffe276}.reveal-podium li[data-place="3"]{--medal: #cfe9ff}.reveal-podium li:nth-child(n+6){--medal: #aa91bd}.reveal-place{display:inline-block;margin-bottom:8px;padding:1px 7px;border-radius:6px;background:var(--medal);color:#201430;font-weight:900;font-style:italic}.reveal-author{display:flex;align-items:center;gap:8px;min-width:0}.reveal-author h2,.reveal-player-name{overflow-wrap:anywhere}.reveal-names{min-width:0}.reveal-names small,.reveal-points{display:block;color:#e8cde7;font-size:.72rem}.reveal-player-name{font-weight:800}.reveal-portrait{position:relative;display:inline-grid;flex:none;place-items:center;width:38px;aspect-ratio:1;overflow:hidden;border:1px solid var(--medal, #ffa4df);border-radius:50%;background:#351c4b;color:#fff2d8;font-weight:900}.reveal-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reveal-ready{margin-inline-start:.24em}.reveal-podium strong{margin-top:5px;color:var(--medal);font-size:clamp(1.2rem,2.4vw,1.63rem);font-variant-numeric:tabular-nums}.reveal-gallery .gallery-sheet{background:linear-gradient(155deg,#3a2047,#210f2d);border-color:#a674bd;box-shadow:0 4px #16091d,inset 0 1px #fff2}.reveal-gallery .result-name{align-items:center}.reveal-gallery .result-name h2{font-size:1rem}.reveal-gallery .result-name>strong{color:#ffe276;white-space:nowrap}[data-studio=results] .result-controls{align-items:center;margin-bottom:16px;padding:10px;border:1px solid #ef88c57d;border-radius:13px;background:#200e2bec}.reveal-help{flex:1 1 16rem}.reveal-help strong{color:#ffc2ed}.reveal-done{border-color:#71f7dd;background:#173a40;color:#aaffec}.reveal-done:disabled{opacity:.9}.lobby-how{width:min(100%,650px);margin:16px auto 0;padding:15px clamp(12px,3vw,20px) 17px;border:1px solid #639e92;border-radius:17px;background:#081f26f5;box-shadow:0 8px 20px #00101485}.lobby-how h2{display:inline-block;padding:4px 13px 5px;margin-bottom:13px;color:#24222e;background:#ffe363;clip-path:polygon(2% 8%,97% 0,100% 22%,98% 49%,100% 69%,97% 96%,0 100%,2% 76%,0 46%);font:italic 900 1.14rem/1.2 system-ui,sans-serif}.front-how{width:var(--front-width);margin-top:14px;padding-block:16px 20px;border-color:#b465e8;background:radial-gradient(ellipse at 0 0,#5020687a,transparent 53%),radial-gradient(ellipse at 100% 100%,#00627a55,transparent 55%),#161333;box-shadow:0 0 18px #a94ef135,0 8px 20px #07061b9e}.front-how h2{font-size:1.25rem;transform:rotate(-2deg)}.lobby-how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0;padding:0;list-style:none}.lobby-how-step{--sticker: #6cf8e2;min-width:0}.lobby-how-step:nth-child(2){--sticker: #ff8c9d}.lobby-how-step:nth-child(3){--sticker: #ffdf6c}.lobby-how-step:nth-child(4){--sticker: #85caff}.lobby-how-step:nth-child(5){--sticker: #eda1ff}.lobby-how-sticker{position:relative;display:grid;place-items:center;width:39px;height:37px;margin:0 0 9px 5px;border:2px solid #fff1d8;border-radius:9px;color:#172136;background:var(--sticker);box-shadow:0 3px #041216;transform:rotate(-5deg)}.lobby-how-step:nth-child(2n) .lobby-how-sticker{transform:rotate(5deg)}.lobby-how-sticker svg{width:24px;background:transparent;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.lobby-how-number{position:absolute;inset:-7px auto auto -9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--sticker);color:var(--sticker);background:#172136;font:850 .65rem/1 system-ui,sans-serif}.lobby-how-step h3{margin:0 0 3px;color:var(--sticker);font-size:.89rem;line-height:1.22}.lobby-how-step p{color:#e5f2ee;font-size:.82rem;line-height:1.35}@media (max-width: 580px){.lobby-how-steps{grid-template-columns:1fr;gap:8px}.lobby-how-step{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:10px;padding:6px 4px;border-top:1px solid #6b9f8b45}.lobby-how-sticker{margin-bottom:0}.front-how .lobby-how-step{border-color:#ab86e345}}@media (max-width: 700px) and (orientation: portrait){body[data-studio]:before{background-position:center top;background-size:auto 62vh}}.draw-match-records{--record-wash: #1e1a3d;--record-ink: #140f2d;--record-mint: #91fff2;--record-gold: #ffe072;--record-muted: #c5bedc;display:grid;gap:16px;margin:24px 0 0;padding:clamp(12px,3vw,25px);color:#fff8e9;border:1px solid #a46de5aa;border-radius:18px;background:radial-gradient(ellipse at 16% 3%,#57246c74,transparent 50%),radial-gradient(ellipse at 86% 26%,#214b7780,transparent 49%),#1b1737;box-shadow:inset 0 1px #f0ccff44,0 16px 35px #0e0b2477}.draw-match-records h3{font:850 clamp(1rem,2.4vw,1.2rem)/1.25 system-ui,sans-serif}.draw-record-heading h2{font:italic 950 clamp(1.75rem,5vw,2.65rem)/1.15 system-ui,sans-serif}.draw-record-heading .eyebrow{color:var(--record-mint);margin-bottom:4px}.draw-record-top,.draw-record-chart,.draw-record-leaders{min-width:0;padding:clamp(10px,2vw,16px);border:1px solid #b495ec60;border-radius:13px;background:var(--record-wash)}.draw-record-trophies,.draw-record-leader-list{list-style:none;margin:11px 0 0;padding:0}.draw-record-trophies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.draw-record-trophy{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.3vw,14px);padding:9px clamp(2px,1.3vw,14px);border:1px solid var(--record-medal);border-radius:12px;background:radial-gradient(ellipse at 15% 30%,var(--record-medal-wash),transparent 75%),var(--record-ink);box-shadow:inset 0 1px var(--record-medal-wash),0 0 14px var(--record-medal-wash)}.draw-record-trophy[data-record-medal=rainbow],.draw-match-records [data-medal=rainbow]{--record-medal: #ffbbf5;--record-medal-wash: #d479ff35}.draw-record-trophy[data-record-medal=gold],.draw-match-records [data-medal=gold]{--record-medal: #ffe072;--record-medal-wash: #f6c64332}.draw-record-trophy[data-record-medal=silver],.draw-match-records [data-medal=silver]{--record-medal: #d7e7ff;--record-medal-wash: #b8d6ff32}.draw-match-records svg{background:none}.draw-record-trophy>.draw-record-brush{width:clamp(32px,7vw,62px);flex:0 0 auto;filter:drop-shadow(0 0 6px var(--record-medal-wash))}.draw-record-trophy-copy{display:grid;gap:2px;min-width:0}.draw-record-place{color:var(--record-medal);font-size:.72rem;font-weight:850}.draw-record-score{font-size:clamp(.91rem,2.75vw,1.6rem);line-height:1.1;overflow-wrap:anywhere}.draw-record-date{color:var(--record-muted);font-size:.75rem}.draw-record-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.draw-record-empty,.draw-record-privacy{color:var(--record-muted);font-size:.85rem;margin:10px 0 0}.draw-record-chart{--plot-height: clamp(120px, 24vw, 165px)}.draw-record-stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;margin:9px 0 0}.draw-record-axis{display:grid;grid-template-rows:repeat(3,auto);align-content:space-between;height:var(--plot-height);padding:calc(var(--plot-height) * .12 - .45rem) 0;text-align:right;color:var(--record-muted);font-size:.68rem}.draw-record-assembly{position:relative;min-width:0}.draw-record-trace{position:absolute;inset:0 0 auto;width:100%;height:var(--plot-height);pointer-events:none;z-index:1}.draw-record-columns,.draw-record-dates{display:grid;grid-template-columns:repeat(var(--points),minmax(0,1fr))}.draw-record-columns{height:var(--plot-height);background-image:linear-gradient(transparent 11.6%,#b19ad837 11.9% 12.35%,transparent 12.6% 49.6%,#b19ad837 49.9% 50.35%,transparent 50.6% 87.6%,#b19ad837 87.9% 88.35%,transparent 88.6%),linear-gradient(#191532,#221b42 76%,#302050);border-radius:8px}.draw-record-mark{position:relative;--record-medal: #8bfff2}.draw-record-stem{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:min(58%,28px);height:calc(var(--height) - 12%);background:linear-gradient(to top,transparent,var(--record-medal));opacity:.22;border-radius:10px 10px 0 0}.draw-match-records .draw-record-dot{position:absolute;left:50%;bottom:var(--height);z-index:2;display:grid;place-items:center;transform:translate(-50%,50%);min-height:0;width:min(100%,46px);height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--record-medal);cursor:pointer;touch-action:manipulation}.draw-match-records .draw-record-dot[aria-pressed=true]{background:#54e3ff24;border:1px solid var(--record-mint)}.draw-match-records .draw-record-dot:focus-visible{outline:2px solid var(--record-gold);outline-offset:0}.draw-record-dot>.draw-record-brush{width:min(100%,34px);filter:drop-shadow(0 1px 2px #070514)}.draw-record-paint-dot{width:12px;height:12px;border:2px solid #e4e0ff;border-radius:50%;background:#924cff;box-shadow:0 0 8px #50fdf6b1}.draw-record-dates{padding:3px 0 0;text-align:center;color:var(--record-muted);font-size:clamp(.58rem,1.5vw,.72rem)}.draw-record-dates span{white-space:nowrap}.draw-record-selected{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:3px 9px;margin:7px 0 0;padding:5px;border-radius:7px;background:#2b2250}.draw-record-selected-score{color:var(--record-mint)}.draw-record-selected-best{color:var(--record-gold);font-size:.75rem}.draw-record-leader-list{display:grid;gap:5px}.draw-record-leader{display:grid;grid-template-columns:24px 36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:4px 8px;border:1px solid var(--record-medal, #b38bf86a);border-radius:9px;background:linear-gradient(100deg,var(--record-medal-wash, #af8be51c),transparent 75%),#1b1637}.draw-record-leader-rank{text-align:center;font-weight:900;color:var(--record-medal, #e0dbef)}.draw-record-portrait{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--record-medal, #b5a3da);border-radius:50%;overflow:hidden;background:#34295e;font-weight:850}.draw-record-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.draw-record-identity{display:grid;overflow-wrap:anywhere}.draw-record-leader-score{color:var(--record-medal, #fff8ed);font-variant-numeric:tabular-nums}@media (max-width: 560px){.draw-record-trophy{flex-direction:column;text-align:center}.draw-record-dates-dense span:not(.draw-record-key-date){visibility:hidden}}