@font-face{font-family:Cabin Sketch;src:url(/fonts/cabinsketch-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrickhand-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2) format("woff2");font-weight:400 900;font-display:swap}:root{--board-1: #2a3b33;--board-2: #17211c;--panel: rgba(255, 252, 235, .045);--panel-solid: #22312a;--line: rgba(243, 241, 229, .16);--line-strong: rgba(243, 241, 229, .34);--chalk: #f3f1e5;--chalk-dim: #aebbac;--butter: #f8df8b;--violet: #cbc0f5;--mint: #b8e6c8;--peach: #ff9a5a;--peach-deep: #e8743f;--peach-ink: #3d1c0a;--red: #ef6a5a;--paper: #fbf9f0;--paper-ink: #24201a;--radius: 16px;--sketch: 18px 22px 19px 23px / 22px 18px 24px 19px;--sketch-pill: 24px 28px 22px 30px / 28px 22px 30px 24px;--shadow-1: 0 2px 6px rgba(0, 0, 0, .3);--shadow-2: 0 12px 26px rgba(0, 0, 0, .42);--font-display: "Cabin Sketch", "Patrick Hand", cursive;--font-chalk: "Patrick Hand", "Comic Sans MS", cursive;--font-body: "Nunito", ui-sans-serif, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--chalk);background:var(--board-2);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/art/orchard-dim.webp) center calc(100% + 30px) / min(1000px,130%) auto no-repeat,radial-gradient(90% 60% at 20% 10%,rgba(243,241,229,.05),transparent 60%),radial-gradient(70% 50% at 85% 75%,rgba(243,241,229,.035),transparent 55%),radial-gradient(120% 90% at 50% -20%,var(--board-1) 0%,#1d2a24 45%,var(--board-2) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 0.93  0 0 0 0.045 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}#app{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,.logo,.winline,.codebig{font-family:var(--font-display);font-weight:700}.bigbtn,.judgehdr{font-family:var(--font-display)}.createbtn{font-family:var(--font-chalk)}.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.16em}.logo,.winline{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'><path d='M2 5 Q 20 2 40 5 T 78 4 T 118 5' fill='none' stroke='%23f8df8b' stroke-width='2.4' stroke-linecap='round' opacity='.9'/></svg>");background-repeat:no-repeat;background-position:center bottom;background-size:82% 7px;padding-bottom:12px}.status{flex:1;display:grid;place-content:center;text-align:center;gap:14px;padding:40px;justify-items:center}.logo{letter-spacing:1px;font-size:clamp(30px,7vw,46px);margin:0;color:var(--chalk);text-shadow:0 0 14px rgba(243,241,229,.18)}.muted{color:var(--chalk-dim)}#topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:54px;padding:0 max(10px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right));background:#101814d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px dashed var(--line)}.brandmark{font-family:var(--font-display);letter-spacing:.6px;display:flex;align-items:center;gap:7px;font-size:19px;flex:0 0 auto;color:var(--chalk)}.brandmark span{font-size:15px}.brandimg{width:36px;height:36px;border-radius:50%;display:block;box-shadow:0 0 0 1px var(--line)}.homeemblem{width:124px;height:124px;border-radius:50%;box-shadow:0 0 0 1.5px var(--line-strong),0 10px 26px #00000059;margin-bottom:2px}.paperbrand{width:26px;height:26px;display:block;opacity:.9;mix-blend-mode:multiply}.statusline{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--chalk-dim);font-size:15px;font-family:var(--font-chalk);letter-spacing:.4px;white-space:nowrap;overflow:hidden}#phaselabel{overflow:hidden;text-overflow:ellipsis}.createbtn{border:2px solid rgba(61,28,10,.55);cursor:pointer;font-size:15px;letter-spacing:.4px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--peach-ink);background:linear-gradient(180deg,var(--peach),var(--peach-deep));padding:7px 13px;border-radius:var(--sketch-pill);flex:0 0 auto;box-shadow:var(--shadow-1);transition:transform .08s ease,filter .15s ease}.createbtn:hover{filter:brightness(1.06)}.createbtn:active{transform:translateY(1px) scale(.98)}.iconbtn{border:2px solid var(--line-strong);background:transparent;color:var(--chalk);width:38px;height:38px;border-radius:14px 16px 15px 17px/16px 14px 17px 15px;cursor:pointer;font-size:15px;display:grid;place-items:center;flex:0 0 auto}.iconbtn .icon{width:18px;height:18px}.iconbtn:hover{background:#f3f1e514}#main{flex:1;width:min(1000px,100%);margin:0 auto;padding:16px 14px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:16px}.lobby,.playview,.roundend,.gameend{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.hero{text-align:center}.lobbylogo{font-size:clamp(28px,6vw,40px)}.tag2{color:var(--chalk-dim);margin:6px 0 0;max-width:460px;font-size:17px;font-family:var(--font-chalk)}.tag2 em{color:var(--peach);font-style:normal}.hint{color:var(--chalk-dim);font-size:15px;font-family:var(--font-chalk);text-align:center;max-width:420px;margin:2px 0}.hint b{color:var(--chalk)}.promptzone{display:flex;justify-content:center;width:100%}.countdown{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-family:var(--font-chalk);color:var(--butter);font-variant-numeric:tabular-nums;border:2px solid rgba(248,223,139,.4);padding:1px 9px;border-radius:12px 14px 12px 15px/14px 12px 15px;font-size:14px}.countdown .icon{width:13px;height:13px}.countdown.hidden{display:none}.countdown.urgent{color:#ff9b8f;border-color:#ef6a5a8c;animation:tickpulse 1s ease infinite}@keyframes tickpulse{50%{opacity:.5}}.stakes{font-family:var(--font-display);letter-spacing:1.4px;font-size:15px;color:var(--butter);background:transparent;border:2px solid rgba(248,223,139,.5);padding:5px 16px;border-radius:var(--sketch-pill);animation:tickpulse 1.6s ease infinite}.codecard{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:2.5px dashed rgba(248,223,139,.55);border-radius:var(--sketch);padding:14px 16px 12px;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.codecard:hover{border-color:var(--butter);transform:translateY(-1px) rotate(-.3deg)}.codelabel{font-family:var(--font-chalk);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--chalk-dim)}.codebig{font-size:46px;letter-spacing:10px;color:var(--butter);line-height:1.15;text-indent:10px;text-shadow:0 0 16px rgba(248,223,139,.25);background-size:70% 6px;padding-bottom:8px}.codehint{font-size:14px;color:var(--chalk-dim);font-family:var(--font-chalk);display:inline-flex;align-items:center;gap:5px}.howto{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.howto span{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-family:var(--font-chalk);color:var(--chalk-dim);border:1.5px solid var(--line);padding:4px 12px 4px 6px;border-radius:var(--sketch-pill)}.stepnum{display:inline-grid;place-items:center;font-style:normal;width:21px;height:21px;border:1.5px solid var(--butter);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;color:var(--butter);font-family:var(--font-chalk);font-size:13px}.card{position:relative;width:clamp(128px,30vw,168px);min-height:clamp(168px,40vw,216px);border-radius:var(--radius);padding:14px 13px 10px;display:flex;flex-direction:column;justify-content:space-between;font-weight:800;line-height:1.26;box-shadow:var(--shadow-2),inset 0 0 0 1px #0000000d;-webkit-user-select:none;user-select:none}#main.enter .card{animation:pop .28s cubic-bezier(.2,.9,.3,1.2) both}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}.card .ctext{font-size:clamp(13px,3.4vw,15.5px)}.card .cfoot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;font-size:9.5px;font-weight:800;letter-spacing:.3px;opacity:.62;text-transform:uppercase;white-space:nowrap}.card.white{background:linear-gradient(178deg,#fffef8,var(--paper) 60%,#f1eee1);color:var(--paper-ink)}.card.black{background:radial-gradient(80% 60% at 25% 15%,rgba(243,241,229,.05),transparent 60%),linear-gradient(168deg,#26362e,#18231d 70%);color:var(--chalk);border:2px solid var(--line-strong);border-radius:var(--sketch);box-shadow:var(--shadow-2),0 0 30px #f8df8b0d;font-family:var(--font-chalk);font-weight:400}.card.big{width:min(480px,100%);min-height:0;padding:16px 18px 10px}.card.big .ctext{font-size:clamp(20px,5.4vw,27px);line-height:1.3;letter-spacing:.3px;text-shadow:0 0 10px rgba(243,241,229,.12)}.card .blank{display:inline-block;min-width:64px;margin:0 3px;vertical-align:baseline;border-bottom:0;height:.9em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6' preserveAspectRatio='none'><path d='M1 4 Q 15 2 30 4 T 59 3' fill='none' stroke='%23f8df8b' stroke-width='2.6' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:bottom;background-size:100% 5px}.card .fill{color:var(--peach);padding:0 2px}.card.reveal{box-shadow:0 0 0 3px var(--butter),0 14px 30px #0006}.pickbadge{border:1.5px solid var(--butter);color:var(--butter);padding:1px 8px;border-radius:var(--sketch-pill);opacity:1;flex:0 0 auto;font-family:var(--font-chalk);font-size:11px;letter-spacing:1px}.authortag{border:1.5px solid rgba(255,154,90,.5);color:var(--peach);padding:1px 8px;border-radius:var(--sketch-pill);opacity:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-chalk);font-size:11px}.card.black .cfoot{opacity:.8}.card.black .brand{font-family:var(--font-chalk);letter-spacing:1px;color:var(--chalk-dim)}.card.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card.clickable:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 18px 30px #0000006b}.card.white.selected{outline:3px solid var(--peach);transform:translateY(-10px);box-shadow:0 20px 34px #00000073}#main.enter .card.fresh{box-shadow:0 0 0 2px var(--butter),var(--shadow-2)}.ordbadge{position:absolute;top:-10px;right:-10px;width:27px;height:27px;border-radius:48% 52% 46% 54%/52% 48% 54% 46%;background:var(--peach);color:var(--peach-ink);font-family:var(--font-chalk);font-size:15px;display:grid;place-items:center;box-shadow:0 3px 8px #0006;border:2px solid rgba(61,28,10,.4)}.handzone,.waitzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.handhint{font-family:var(--font-chalk);color:var(--butter);font-size:17px;text-align:center}.handhint .muted{font-size:15px}.waitzone{text-align:center;color:var(--chalk-dim);padding:8px 0;font-family:var(--font-chalk)}.waitzone h2{margin:0;color:var(--chalk);font-size:24px}.waitzone p{margin:4px 0 0;font-size:16px}.progress{color:var(--peach);font-size:17px;margin-top:6px;font-family:var(--font-chalk)}.handrow{display:flex;gap:11px;padding:10px 4px 14px;overflow-x:auto;max-width:100%;scroll-snap-type:x proximity;scrollbar-width:thin}.handrow.small{justify-content:center;flex-wrap:wrap}.handrow .card{flex:0 0 auto;scroll-snap-align:center}.handfan{position:relative;width:100%;height:252px;touch-action:none;-webkit-touch-callout:none}.handfan .card{position:absolute;bottom:42px;margin:0;left:calc(50% + (var(--i, 0) - (var(--n, 1) - 1) / 2) * min(48px,var(--step, 40px)));width:clamp(142px,38vw,168px);min-height:194px;transform:translate(-50%) translateY(var(--fy, 0px)) rotate(var(--fr, 0deg));transform-origin:50% 112%;transition:transform .16s ease,left .16s ease,box-shadow .16s ease;z-index:calc(var(--i, 0) + 1)}.handfan .card:hover,.handfan .card:focus-visible,.handfan .card.preview,.handfan .card.selected:hover,.handfan .card.selected.preview{left:50%;transform:translate(-50%) translateY(calc(var(--fy, 0px) - 88px)) rotate(0) scale(1.22);z-index:40;box-shadow:0 26px 50px #0000008c}.handfan .card.white.selected{outline:3px solid var(--peach);transform:translate(-50%) translateY(calc(var(--fy, 0px) - 30px)) rotate(var(--fr, 0deg));z-index:calc(var(--i, 0) + 12)}#main.enter .handfan .card{animation:fanin .3s ease both}@keyframes fanin{0%{opacity:0}to{opacity:1}}@media (max-width: 400px){.handfan{height:244px}.handfan .card{width:150px}}.board{display:flex;flex-wrap:wrap;gap:12px 10px;justify-content:center;width:100%;padding:4px 0 8px}.board .card{width:clamp(118px,26vw,148px);min-height:clamp(146px,33vw,188px)}.board .card .ctext{font-size:clamp(12px,3.1vw,14px)}.board .submission:nth-child(odd){transform:rotate(-1.1deg)}.board .submission:nth-child(2n){transform:rotate(.9deg)}.board .submission:nth-child(3n){transform:rotate(1.6deg)}.submission{position:relative;display:flex;gap:8px;padding:9px;border-radius:var(--sketch);background:var(--panel);border:1.5px solid var(--line);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .2s ease}.submission.clickable{cursor:pointer}.submission.clickable:hover{transform:translateY(-6px) rotate(0)!important;background:#ff9a5a1a;box-shadow:0 14px 28px #0006}.judgehdr{font-size:clamp(19px,4.6vw,24px);text-align:center;color:var(--chalk)}.judgehdr .muted{display:block;font-family:var(--font-chalk);font-size:15px;margin-top:3px}.card.back{background:url(/art/cardback.png) center / cover no-repeat,#1b2620;border:1.5px solid rgba(243,241,229,.28);border-radius:var(--radius);box-shadow:var(--shadow-2)}.submission.facedown.clickable:hover{transform:translateY(-6px) rotate(0)!important;background:#ff9a5a1a}.flip-hint{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-family:var(--font-chalk);font-size:12px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:var(--butter);color:#3a2e00;padding:1px 10px;border-radius:var(--sketch-pill);animation:tickpulse 1.6s ease infinite}#main.enter .submission.flipin .card{animation:flipin .45s ease both}@keyframes flipin{0%{transform:perspective(700px) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}.heartbtn{position:absolute;bottom:-11px;right:-4px;border:1.5px solid rgba(203,192,245,.55);background:#241f38;color:var(--violet);font-family:var(--font-chalk);font-size:14px;padding:2px 11px;border-radius:var(--sketch-pill);cursor:pointer;box-shadow:var(--shadow-1);transition:transform .1s ease,background .15s ease}.heartbtn:hover{background:#322a52;transform:scale(1.08)}.heartbtn.still{cursor:default;pointer-events:none}.submission.picked{outline:3px solid var(--butter);transform:scale(1.05) rotate(0)!important;box-shadow:0 0 0 6px #f8df8b29,0 18px 40px #00000080;animation:pickpulse .8s ease infinite alternate}@keyframes pickpulse{to{box-shadow:0 0 0 10px #f8df8b42,0 18px 40px #00000080}}.submission.dimmed{opacity:.32;filter:grayscale(.6)}.scoreboard{width:min(460px,100%);background:var(--panel);border:2px solid var(--line);border-radius:var(--sketch);overflow:hidden;box-shadow:var(--shadow-1)}.scorerow{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1.5px dashed rgba(243,241,229,.1)}.scorerow:first-child{border-top:0}.scorerow.me{background:#ff9a5a14}.scorerow.winner{background:#f8df8b1a}.scorerow.offline{opacity:.55}.avatar{width:30px;height:30px;border-radius:48% 52% 50% 46%/52% 46% 50% 48%;display:grid;place-items:center;font-family:var(--font-chalk);font-size:16px;color:var(--chalk);background:transparent;border:1.5px solid var(--line-strong);flex:0 0 auto}img.avatar{object-fit:cover;padding:0;border:1.5px solid var(--line-strong)}.pname{flex:1;min-width:0;font-family:var(--font-chalk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17.5px;color:var(--chalk)}.pname em{color:var(--chalk-dim);font-size:14px;font-style:normal}.scoretags{display:flex;gap:4px;flex:0 0 auto}.tag{font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px 10px 9px 11px/10px 8px 11px 9px;border:1px solid var(--line);color:var(--chalk-dim);letter-spacing:.3px;background:transparent}.tag.czar{border-color:#f8df8b80;color:var(--butter)}.tag.host{border-color:#ff9a5a80;color:var(--peach)}.tag.done{color:var(--mint);border-color:#b8e6c866}.tag.wait{color:var(--chalk-dim)}.tag.bot,.tag.rando{border-color:#cbc0f573;color:var(--violet)}.tag.away{border-color:#ef6a5a80;color:#ff9b8f}.tag.next{color:var(--chalk-dim)}.pscore{font-family:var(--font-chalk);font-size:21px;min-width:24px;text-align:right;color:var(--butter)}.kickbtn{position:relative;border:none;background:transparent;color:var(--chalk-dim);width:22px;height:22px;border-radius:999px;cursor:pointer;font-size:11px;line-height:1}.kickbtn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.kickbtn:hover{background:var(--red);color:#fff}.bigbtn{border:2px solid rgba(61,28,10,.55);cursor:pointer;font-size:20px;letter-spacing:.6px;color:var(--peach-ink);background:linear-gradient(180deg,var(--peach),var(--peach-deep));padding:11px 30px;border-radius:var(--sketch-pill);white-space:nowrap;box-shadow:0 2px #3d1c0a80,0 10px 22px #e8743f38;transition:transform .08s ease,filter .15s ease}.bigbtn:hover{filter:brightness(1.06)}.bigbtn:active{transform:translateY(2px) scale(.99);box-shadow:0 0 #3d1c0a80,0 4px 10px #e8743f38}.bigbtn.disabled,.bigbtn:disabled{background:transparent;color:var(--chalk-dim);border:2px dashed var(--line-strong);box-shadow:none;cursor:not-allowed}.bigbtn.wide{width:100%}.ghostbtn{border:2px solid var(--line-strong);background:transparent;color:var(--chalk);font-family:var(--font-chalk);font-size:16px;padding:10px 22px;border-radius:var(--sketch-pill);cursor:pointer;white-space:nowrap}.ghostbtn:hover{background:#f3f1e512}.pointsctl{display:flex;align-items:center;gap:8px;color:var(--chalk-dim);font-family:var(--font-chalk);font-size:17px}.pbtn,.pkbtn{border:2px solid var(--line-strong);background:transparent;color:var(--chalk);font-family:var(--font-chalk);font-size:17px;min-width:42px;height:42px;border-radius:12px 15px 13px 16px/15px 12px 16px 13px;cursor:pointer;padding:0 10px}.pbtn.on,.pkbtn.on{background:var(--peach);color:var(--peach-ink);border-color:#3d1c0a80}.pbtn:disabled{opacity:.4;cursor:not-allowed}.handzone .submitbtn,.lobby .bigbtn[data-action=start]{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30}.botctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.botbtn{border:2px dashed rgba(203,192,245,.5);background:transparent;color:var(--violet);font-family:var(--font-chalk);font-size:16px;padding:7px 15px;border-radius:var(--sketch-pill);cursor:pointer}.botbtn:hover{background:#cbc0f51f}.botbtn.disabled,.botbtn:disabled{opacity:.4;cursor:not-allowed}.botchip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-chalk);font-size:15px;padding:4px 6px 4px 10px;border-radius:var(--sketch-pill);border:1.5px solid var(--line);color:var(--chalk)}.botx{position:relative;border:none;background:#f3f1e51f;color:var(--chalk);width:20px;height:20px;border-radius:999px;cursor:pointer;font-size:11px;line-height:1}.botx:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.botx:hover{background:var(--peach-deep);color:#fff}.winline{font-size:clamp(22px,5.4vw,32px);margin:0;text-align:center;color:var(--chalk)}.crowdline{margin:0;font-family:var(--font-chalk);font-size:18px;color:var(--violet)}.attrlist,.recap{width:min(560px,100%);background:var(--panel);border:2px solid var(--line);border-radius:var(--sketch);padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-1)}.attrhdr{font-family:var(--font-chalk);font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chalk-dim)}.attributed{display:flex;gap:10px;align-items:baseline;font-size:14px}.attrwho{font-family:var(--font-chalk);font-size:16px;color:var(--peach);flex:0 0 auto}.attrhearts{color:var(--violet);font-weight:700}.attrwhat{color:var(--chalk);opacity:.92;font-weight:600}.champ{position:relative;margin-top:8px;width:210px;height:210px;display:grid;place-items:center}.champ .laurel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 71%);mask-image:radial-gradient(circle,#000 58%,transparent 71%);animation:crowndrop .7s cubic-bezier(.2,.9,.3,1.3) both}.champ-avatar{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 4px var(--butter),0 0 44px #f8df8b59,0 18px 40px #00000080}.champ-avatar.letter{display:grid;place-items:center;font-size:44px;font-family:var(--font-chalk);color:var(--chalk);background:var(--panel-solid);border:2px solid var(--line-strong)}@keyframes crowndrop{0%{transform:translateY(-24px) scale(.92);opacity:0}}.awards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.award{font-family:var(--font-chalk);font-size:15px;color:var(--chalk);border:1.5px solid var(--line-strong);padding:5px 12px;border-radius:var(--sketch-pill)}.recapline{display:flex;flex-direction:column;gap:2px;font-size:14px;text-align:left;font-weight:600}.recapfill .fill{color:var(--peach);font-weight:800}.recapwho{color:var(--chalk-dim);font-size:13px;font-family:var(--font-chalk)}.recap .ghostbtn{align-self:center;margin-top:4px}#modal-root,#settings-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center}#modal-root.hidden,#settings-root.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;width:min(440px,calc(100vw - 24px));background:var(--panel-solid);border:2px solid var(--line-strong);border-radius:var(--sketch);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 70px #0000008c;animation:pop .2s ease both;max-height:calc(100vh - 32px);overflow-y:auto}.modal h2{margin:0;font-size:24px;color:var(--chalk)}.modalhdr{display:flex;align-items:center;justify-content:space-between}.modaltabs{display:flex;gap:6px}.mtab{flex:1;border:2px solid var(--line-strong);background:transparent;color:var(--chalk);font-family:var(--font-chalk);font-size:16px;padding:8px;border-radius:var(--sketch-pill);cursor:pointer}.mtab.on{background:var(--peach);color:var(--peach-ink);border-color:#3d1c0a80}.mtabpane{display:flex;flex-direction:column;gap:14px}.mtabpane.hidden{display:none}.typetoggle{display:flex;gap:8px}.tbtn{flex:1;border:2px solid var(--line-strong);background:transparent;color:var(--chalk);font-family:var(--font-chalk);font-size:16px;padding:9px;border-radius:var(--sketch-pill);cursor:pointer}.tbtn.on{background:var(--peach);color:var(--peach-ink);border-color:#3d1c0a80}#cardtext{width:100%;min-height:84px;resize:vertical;border-radius:14px;border:2px solid var(--line-strong);background:#0a100d99;color:var(--chalk);padding:12px;font:inherit;font-weight:600}.pickrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--chalk-dim);font-family:var(--font-chalk)}.pickrow.hidden{display:none}.pickhint{font-size:13px}.modalbtns{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.mycards-list{display:flex;flex-direction:column;gap:8px;max-height:230px;overflow-y:auto}.mycard{display:flex;align-items:center;gap:8px;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px}.mycard .mctag{font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);color:var(--chalk-dim);flex:0 0 auto}.mycard.black .mctag{border-color:#ff9a5a66;color:var(--peach)}.mycard .mctext{flex:1;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharerow,.importrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.importrow{flex-direction:column;align-items:stretch}.sharebox{display:flex}.sharebox.hidden{display:none}.sharebox .txt{width:100%}#importjson{min-height:70px;resize:vertical;border-radius:12px;border:2px solid var(--line-strong);background:#0a100d99;color:var(--chalk);padding:10px;font:inherit;font-size:12px}.iconbtn.small{position:relative;width:26px;height:26px;font-size:13px}.iconbtn.small:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.bigbtn.small{font-size:16px;padding:8px 16px}.ghostbtn.small{font-size:14px;padding:7px 14px}.modal.settings{gap:6px}.sset{border-top:1.5px dashed var(--line);padding-top:14px;margin-top:8px;display:flex;flex-direction:column;gap:10px}.sset:first-of-type{border-top:0;padding-top:0;margin-top:0}.sset h3{margin:0;font-family:var(--font-chalk);font-weight:400;font-size:15px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chalk-dim)}.hosthint{color:var(--chalk-dim);font-size:12px;letter-spacing:0;text-transform:none}.setrow{display:flex;flex-direction:column;align-items:stretch;gap:7px}.setrow.wrap{flex-direction:row;flex-wrap:wrap;align-items:center}.setlbl{color:var(--chalk-dim);font-family:var(--font-chalk);font-size:15px}.btnrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.btnrow .pbtn{width:100%}.packlist{display:flex;flex-direction:column;gap:10px}.toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer}.toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:transparent;border:2px solid var(--line-strong);position:relative;cursor:pointer;transition:background .15s ease,border-color .15s ease}.toggle input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--chalk-dim);transition:transform .15s ease,background .15s ease}.toggle input:checked{background:var(--peach-deep);border-color:#3d1c0a80}.toggle input:checked:after{transform:translate(18px);background:#fff}.toggle input:disabled{opacity:.45;cursor:not-allowed}#set-profile .setrow{flex-direction:row;align-items:center}#set-profile .txt{flex:1}.field{display:flex;gap:8px;width:100%}.field.stack{flex-direction:column}.field.stack .bigbtn{width:100%}.txt{flex:1;min-width:0;border-radius:14px;border:2px solid var(--line-strong);background:#0a100d8c;color:var(--chalk);padding:12px 14px;font:inherit;font-weight:700}.txt:focus{outline:2px solid var(--peach);outline-offset:0;border-color:transparent}.codeinput{text-transform:uppercase;letter-spacing:4px;text-align:center;font-family:var(--font-chalk);font-size:18px}#toasts{position:fixed;left:0;right:0;z-index:40;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.toast{background:#141c17f7;border:1.5px solid var(--line-strong);color:var(--chalk);font-family:var(--font-chalk);font-size:15.5px;text-align:center;padding:8px 16px;border-radius:var(--sketch);box-shadow:var(--shadow-2);max-width:min(480px,calc(100vw - 32px));animation:toastin .3s ease both}.toast.out{animation:toastout .4s ease both}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastout{to{opacity:0;transform:translateY(10px)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;overflow:hidden}.confetti span{position:absolute;top:-8%;animation:fall 3.2s linear forwards}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.9}}.home{flex:1;display:grid;place-items:center;padding:30px 16px}.home-card{position:relative;width:min(400px,100%);background:var(--panel);border:2px solid var(--line-strong);border-radius:var(--sketch);padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 24px 60px #00000073;text-align:center}.home-card:before{content:"";position:absolute;top:10px;right:14px;width:26px;height:26px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 L14 9 L21 9 L15.5 13.5 L17.5 21 L12 16.5 L6.5 21 L8.5 13.5 L3 9 L10 9 Z' fill='none' stroke='%23f8df8b' stroke-width='1.6' stroke-linejoin='round' opacity='.8'/></svg>");background-size:contain;background-repeat:no-repeat;transform:rotate(12deg)}.home-card:after{content:"";position:absolute;bottom:14px;left:14px;width:30px;height:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'><path d='M2 14 Q 12 2 27 6 M 27 6 l -5 -3 M 27 6 l -4 4' fill='none' stroke='%23aebbac' stroke-width='1.6' stroke-linecap='round' opacity='.7'/></svg>");background-size:contain;background-repeat:no-repeat}.home-card .logo{font-size:clamp(28px,6vw,40px)}.home-card .bigbtn{width:100%}.home-card .field .ghostbtn{flex:0 0 auto}.divider{display:flex;align-items:center;gap:10px;width:100%;color:var(--chalk-dim);font-family:var(--font-chalk);font-size:14px}.divider:before,.divider:after{content:"";flex:1;height:0;border-top:1.5px dashed var(--line-strong)}.err{color:#ff9b8f;font-family:var(--font-chalk);font-size:15px;margin:0}.err.hidden{display:none}.whoami{color:var(--chalk-dim);font-family:var(--font-chalk);font-size:15px}.whoami b{color:var(--chalk)}.whoami a{color:var(--peach)}.codebig{font-variant-numeric:tabular-nums}.gbtn{display:flex;justify-content:center;width:100%}.idchip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px;font-size:13px;font-weight:700;max-width:220px}.idchip img{width:24px;height:24px;border-radius:50%;object-fit:cover}.import-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:60;width:min(560px,calc(100vw - 20px));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#161e19f7;border:2px dashed rgba(255,154,90,.45);border-radius:var(--sketch);padding:12px 16px;box-shadow:var(--shadow-2);font-size:14px}.import-banner .ib-btns{display:flex;gap:8px;flex:0 0 auto}#reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#080c0abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reconnect-box{background:var(--panel-solid);border:2px solid var(--line-strong);border-radius:var(--sketch);padding:26px 34px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 30px 70px #0000008c;font-family:var(--font-chalk);font-size:17px}.reconnect-box .spin{font-size:34px;animation:tickpulse 1.2s ease infinite}:focus-visible{outline:3px solid var(--butter);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}.card.clickable:hover,.card.white.selected,.submission.clickable:hover,.submission.picked{transform:none}}@media (max-width: 680px){.brandmark span{display:none}}@media (max-width: 640px){#main{padding:12px 10px calc(24px + env(safe-area-inset-bottom));gap:12px}.card.big{padding:14px 15px 9px}.scoreboard.compact .scorerow{padding:4px 10px}.scoreboard.compact .avatar{width:22px;height:22px;font-size:12px}.scoreboard.compact .pname{font-size:15px}.scoreboard.compact .pscore{font-size:17px}.scoreboard.compact .tag{font-size:9px;padding:1px 4px}.codebig{font-size:40px;letter-spacing:8px;text-indent:8px}}