:root{--paper:#fbfbf8;--ink:#2b2d35;--ink-soft:#2b2d3599;--note:#fff6b8;--note-edge:#e8d978;--accent:#e8574a;--hand:"Patrick Hand", "Comic Sans MS", "Segoe Print", cursive;--marker:"Permanent Marker", "Patrick Hand", "Comic Sans MS", cursive}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--hand);margin:0;font-size:18px;overflow:hidden}#app{position:fixed;inset:0}#game{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}body.in-game #game{cursor:none}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}.screen{background:radial-gradient(#fbfbf8db 30%,#fbfbf880 85%);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.home-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;width:min(940px,100%);display:flex}.note.main-note{width:min(540px,100%)}.note.side-note{background:#e9f3ff;border-color:#b9d2ef;width:min(320px,100%);margin-top:36px;animation-delay:.12s;transform:rotate(1.2deg);box-shadow:0 2px #b9d2ef,0 16px 30px -18px #00000073}.tape{background:#f0a9a48c;border-left:2px dashed #fff9;border-right:2px dashed #fff9;width:96px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.note.side-note .tape{background:#3fae7a66;transform:translate(-50%)rotate(4deg)}.note{position:relative}.brand{align-items:center;gap:8px;margin:-8px 0 0 -12px;display:flex}.mascot-wrap{flex:none;position:relative}.mascot{cursor:pointer;border-radius:50%;width:112px;height:112px;transition:transform .15s;display:block}.mascot:hover{transform:scale(1.08)rotate(-4deg)}.mascot:focus-visible{outline:3px dashed var(--accent);outline-offset:-6px}.mascot-hint{color:var(--accent);font-family:var(--marker);white-space:nowrap;pointer-events:none;align-items:flex-end;gap:2px;font-size:15px;transition:opacity .4s;animation:1.8s ease-in-out infinite hint-nudge;display:flex;position:absolute;bottom:-20px;left:64px;transform:rotate(-6deg)}.mascot-hint svg{margin-bottom:4px}.mascot-hint.picked svg{display:none}.mascot-hint.gone{opacity:0}@keyframes hint-nudge{50%{transform:rotate(-6deg)translate(-3px,-2px)}}.logo span{animation:3.2s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * .12s);display:inline-block}.logo span:nth-child(4){color:var(--accent)}@keyframes letter-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-2deg)}}.play-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.card{border:2px dashed var(--note-edge);background:#ffffff8c;border-radius:10px;align-content:start;gap:10px;padding:10px 12px 12px;display:grid}.card h2{margin:0;font-size:17px}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:center;gap:10px;line-height:1.15;display:flex}.steps b{font-family:var(--marker);font-weight:400}.doodle{flex:none;width:48px;height:32px}.steps li:nth-child(odd) .doodle{transform:rotate(-4deg)}.note{background:var(--note);border:1px solid var(--note-edge);box-shadow:0 2px 0 var(--note-edge), 0 16px 30px -18px #00000073;gap:16px;width:min(520px,100%);padding:28px 32px;animation:.35s cubic-bezier(.3,1.5,.6,1) both note-in;display:grid;transform:rotate(-.6deg)}@keyframes note-in{0%{opacity:0;transform:translateY(18px)rotate(-3deg)scale(.96)}}.logo{font-family:var(--marker);letter-spacing:.01em;margin:0;font-size:clamp(48px,9vw,72px);font-weight:400;line-height:1;display:inline-block}.tagline{color:var(--ink-soft);margin:-8px 0 0}.title{font-family:var(--marker);margin:0;font-size:28px;font-weight:400}.code{background:var(--ink);color:var(--note);letter-spacing:.12em;padding:0 10px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 8px;font-size:20px;font-weight:400}.section{border-top:2px dashed var(--note-edge);padding-top:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.join input,.row.copy input{flex:1;min-width:0}.field{color:var(--ink-soft);gap:4px;display:grid}input{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fffdf0;border-radius:6px;padding:6px 10px}#code{text-transform:uppercase;letter-spacing:.12em}.btn{font:inherit;color:var(--ink);border:2px solid var(--ink);cursor:pointer;box-shadow:2px 3px 0 var(--ink);background:#fff;border-radius:8px;padding:6px 16px;transition:transform 60ms,box-shadow 60ms}.btn:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,3px)}.btn:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.big{background:var(--accent);color:#fff;padding:8px 22px;font-size:22px}.btn.ghost{box-shadow:none;background:0 0}.invite{border:2px dashed var(--accent);background:#fff;gap:8px;padding:10px 14px;display:grid}.invite p{margin:0}.slots{gap:6px;margin:0;padding:0;list-style:none;display:grid}.slots li{align-items:center;gap:10px;font-size:20px;display:flex}.slots li.empty{color:var(--ink-soft)}.slots em{border:1.5px solid var(--ink);border-radius:999px;padding:0 8px;font-size:14px;font-style:normal}.slots .tally{letter-spacing:.05em;margin-left:auto}.dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.dot.empty-dot{border-style:dashed;border-color:var(--ink-soft);background:0 0}.muted{color:var(--ink-soft);margin:0}.controls{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;font-size:15px;display:flex}kbd{font-family:var(--hand);border:1.5px solid var(--ink-soft);background:#fff;border-bottom-width:3px;border-radius:5px;margin-right:3px;padding:0 5px}.hud{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100% - 140px);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);pointer-events:none!important}.chip{border:2px solid var(--ink);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:2px 10px;font-size:18px;display:flex}.chip.me{box-shadow:2px 3px 0 var(--ink)}.chip.out{opacity:.45}.chip .tally{font-family:var(--marker);letter-spacing:.04em;min-width:1.5em}.tally s{text-decoration-thickness:2px}.round{color:var(--ink-soft);font-size:16px}.leave-game{font-size:16px;position:absolute;top:10px;right:12px}.hud .chip{animation:.3s cubic-bezier(.3,1.6,.6,1) both chip-in}@keyframes chip-in{0%{transform:scale(.85)}}.banner{opacity:0;text-align:center;transition:opacity .25s,transform .25s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.6)rotate(-3deg);pointer-events:none!important}.banner.show{opacity:1;transition:opacity .12s,transform .18s cubic-bezier(.3,1.6,.6,1);transform:translate(-50%,-50%)scale(1)rotate(-3deg)}.banner .big-text{font-family:var(--marker);color:var(--ink);text-shadow:3px 3px 0 var(--paper), -3px -3px 0 var(--paper), 3px -3px 0 var(--paper), -3px 3px 0 var(--paper);font-size:clamp(40px,8vw,84px);line-height:1.05}.banner .hl{background:linear-gradient(transparent 52%, var(--hl) 52%, var(--hl) 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.banner .sub{color:var(--ink);background:#fbfbf8e6;border-radius:8px;margin-top:4px;padding:0 12px;font-size:24px;display:inline-block}.match-over{background:#fbfbf899;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.match-over[hidden]{display:none}.toast{background:var(--ink);color:var(--paper);font-family:var(--hand);z-index:10;border-radius:8px;padding:8px 18px;font-size:18px;animation:.2s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)rotate(-1deg)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)rotate(-1deg)}}.card.quick{border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:#fff;border-style:solid}.quick-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.online{color:var(--ink-soft);align-items:center;gap:6px;font-size:15px;display:inline-flex}.live{background:#3fae7a;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{50%{box-shadow:0 0 0 4px #3fae7a40}}.quick-btn{flex:1;min-width:150px;font-size:24px}.segmented{border:2px solid var(--ink);border-radius:8px;display:inline-flex;overflow:hidden}.segmented label{cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{background:#fff;padding:6px 12px;display:block}.segmented label+label span{border-left:2px solid var(--ink)}.segmented input:checked+span{background:var(--ink);color:var(--note)}.segmented input:focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}.small{font-size:15px}.starts{margin:0;font-size:20px}.dots i{font-style:normal;animation:1.2s infinite dot-blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,60%,to{opacity:.15}30%{opacity:1}}.slots li.joined{animation:.3s cubic-bezier(.3,1.6,.6,1) slot-in}@keyframes slot-in{0%{opacity:0;transform:translate(-10px)}}.credits{color:var(--ink-soft);flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:16px;display:flex}.credits a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1.5px}.credits .coffee{border:1.5px solid var(--ink);box-shadow:1px 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:1px 12px 1px 8px;text-decoration:none;transition:transform .1s;display:inline-flex}.credits .coffee:hover{transform:translateY(-1px)rotate(-2deg)}.feed{justify-items:end;gap:4px;display:grid;position:absolute;top:58px;right:12px;pointer-events:none!important}.feed-line{border:1.5px solid var(--ink);background:#ffffffeb;border-radius:6px;padding:0 10px;font-size:17px;transition:opacity .4s,transform .4s;animation:.25s cubic-bezier(.3,1.6,.6,1) feed-in;transform:rotate(-.8deg)}.feed-line b{align-items:center;gap:5px;font-weight:700;display:inline-flex}.feed-line .dot{border-width:1.5px;width:12px;height:12px}.feed-line.gone{opacity:0;transform:translate(16px)rotate(-.8deg)}@keyframes feed-in{0%{opacity:0;transform:translate(24px)rotate(2deg)}}.corner-buttons{z-index:6;gap:4px;display:flex;position:fixed;top:8px;left:10px}.settings-btn{border-color:#0000;padding:4px 6px;line-height:0}.sound-btn.off{color:var(--ink-soft)}.sliders{gap:10px;display:grid}.settings-btn:hover{border-color:var(--ink)}.settings-btn svg{transition:transform .4s}.settings-btn:hover svg{transform:rotate(60deg)}.settings-layer{z-index:7;cursor:auto;background:#fbfbf899;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings-layer[hidden]{display:none}.note.settings{width:min(420px,100%);transform:rotate(.6deg)}.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle b{font-size:20px;font-weight:400;display:block}.toggle small{color:var(--ink-soft);font-size:15px;line-height:1.2;display:block}.toggle>span:last-child{grid-column:2}.switch{border:2px solid var(--ink);width:46px;height:26px;box-shadow:1px 2px 0 var(--ink);background:#fff;border-radius:999px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--ink);border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.3,1.6,.6,1);position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{background:#fff;transform:translate(20px)}.toggle input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:2px}input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}body.lightweight *,body.lightweight :before,body.lightweight :after{animation:none!important}body.lightweight .banner,body.lightweight .banner.show{transition:opacity .2s}@media (prefers-reduced-motion:reduce){.banner,.banner.show,.btn{transition:none}.logo,.logo span,.note{animation:none}}@media (max-width:700px){.screen{padding-top:56px}.note.side-note{margin-top:8px}}.touch-layer{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:absolute;inset:0}body.touch.in-game .touch-layer{display:block}body.touch{overscroll-behavior:none}.touch-stick{pointer-events:none;background:#ffffff59;border:2.5px dashed #2b2d3573;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed}.touch-stick .knob{border:2.5px solid var(--ink);width:52px;height:52px;box-shadow:2px 3px 0 var(--ink);background:#fff;border-radius:50%;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.touch-stick.aim .knob{background:var(--note)}.touch-stick.aim.armed{border-color:var(--accent)}.touch-stick.aim.armed .knob{background:var(--accent)}.touch-dash{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border:2.5px solid var(--ink);width:74px;height:74px;box-shadow:2px 3px 0 var(--ink);font:20px var(--marker);color:var(--ink);touch-action:none;background:#fff;border-radius:50%;position:absolute}.touch-dash.down{box-shadow:none;background:var(--note);transform:translate(2px,3px)}.touch-dash{--cd:0;padding:0;overflow:hidden}.touch-dash .label{transition:opacity .15s;position:relative}.touch-dash .cooldown{background:conic-gradient(#2b2d3547 calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.touch-dash.charging{box-shadow:1px 1.5px 0 var(--ink)}.touch-dash.charging .label{opacity:.45}.touch-dash.ready{animation:.35s ease-out dash-ready}@keyframes dash-ready{0%{transform:scale(1)}40%{background:var(--note);transform:scale(1.14)}to{transform:scale(1)}}.touch-hints{pointer-events:none;position:absolute;inset:0}.touch-hint{color:var(--ink-soft);text-align:center;justify-items:center;gap:4px;font-size:15px;line-height:1.1;transition:opacity .2s;display:grid;position:absolute;bottom:40px}.touch-hint i{border:2px dashed #2b2d354d;border-radius:50%;width:70px;height:70px}.touch-hint.left{left:60px}.touch-hint.right{right:120px}.touch-hints.hide-left .left,.touch-hints.hide-right .right{opacity:0}.rotate-hint{display:none}@media (orientation:portrait) and (max-width:700px){body.touch.in-game .rotate-hint{z-index:8;font-family:var(--marker);text-align:center;background:#fbfbf8f0;align-content:center;place-items:center;gap:12px;padding:24px;font-size:24px;display:grid;position:fixed;inset:0}.rotate-hint svg{animation:2s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-hint small{font-family:var(--hand);font-size:17px}.rotate-hint .rotate-paused,body.paused .rotate-hint .rotate-live{display:none}body.paused .rotate-hint .rotate-paused{display:block}.rotate-hint .rotate-live{color:var(--accent)}@media (max-height:500px){.hud{gap:6px;top:4px}.hud .chip{border-width:1.5px;padding:0 8px;font-size:14px}.hud .round{display:none}.leave-game{padding:2px 10px;font-size:14px;top:4px}.corner-buttons{top:2px}.feed{top:40px}}.settings-btn.lang-btn{font-family:var(--marker);min-width:38px;padding:7px 7px 5px;font-size:15px;line-height:1}.settings-btn.lang-btn:hover{transform:rotate(-4deg)}.lang-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.small-seg span{padding:3px 10px;font-size:16px}.chip.match-point{border-color:#d9443a;animation:.95s ease-in-out infinite mp-pulse}.mp-flag{transform-origin:20% 90%;margin-left:-2px;line-height:0;animation:.6s ease-in-out infinite alternate flag-wave}.mp-text{color:#d9443a;font-weight:400;font-family:var(--marker);letter-spacing:.02em}@keyframes mp-pulse{0%,to{box-shadow:0 0 #d9443a73}30%{box-shadow:0 0 0 6px #d9443a00}}@keyframes flag-wave{to{transform:rotate(-10deg)}}#app:after{content:"";pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 0 90px #d9443a4d}body.match-point #app:after{opacity:1;animation:.95s ease-in-out infinite heartbeat}body.lightweight.match-point #app:after{opacity:.5}@keyframes heartbeat{0%,45%,to{box-shadow:inset 0 0 70px #d9443a38}10%{box-shadow:inset 0 0 110px #d9443a6b}28%{box-shadow:inset 0 0 95px #d9443a57}}.match-over{z-index:3;background:#fbfbf8d6;animation:.4s ease-out both over-fade;overflow:hidden auto}@keyframes over-fade{0%{background:#fbfbf800}}.match-over .rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--win) 26%, transparent) 0deg 9deg, transparent 9deg 18deg);width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;animation:40s linear infinite rays-spin,.8s ease-out both rays-in;position:fixed;top:34%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0009 14%,#0000 34%);mask:radial-gradient(circle,#000 0%,#0009 14%,#0000 34%)}.match-over.lost .rays{background:repeating-conic-gradient(#2b2d3512 0deg 9deg,#0000 9deg 18deg)}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes rays-in{0%{opacity:0;scale:.3}}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{top:-24px;left:var(--x);background:var(--c);border:1.5px solid var(--ink);width:9px;height:15px;animation:confetti-fall var(--dur) var(--d) cubic-bezier(.3, .2, .7, 1) 3 both;border-radius:2px;position:absolute}.confetti i:nth-child(3n){border-radius:50%;width:11px;height:11px}@keyframes confetti-fall{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 110vh) rotate(var(--r))}}body.lightweight .confetti{display:none}.over-card{justify-items:center;gap:8px;width:min(560px,100%);padding:8px 0 16px;display:grid;position:relative}.over-head{justify-content:center;align-items:flex-end;gap:14px;display:flex}.placement{font-family:var(--marker);color:var(--ink);text-align:center;paint-order:stroke fill;-webkit-text-stroke:6px var(--paper);font-size:clamp(84px,16vw,132px);line-height:.9;animation:.55s cubic-bezier(.2,1.4,.5,1) .15s both stamp;transform:rotate(-6deg)}.match-over.won .placement{color:var(--win);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 6px 7px 0 #2b2d3540}.placement .hash{vertical-align:.7em;font-size:.5em}.placement small{font-family:var(--hand);color:var(--ink-soft);-webkit-text-stroke:0;text-shadow:none;font-size:22px;line-height:1.2;display:block}@keyframes stamp{0%{opacity:0;transform:scale(2.6)rotate(-20deg)}60%{opacity:1}}.champion{aspect-ratio:1;width:clamp(110px,22vw,150px);animation:.5s cubic-bezier(.3,1.6,.6,1) .35s both pop-up;position:relative}.champion .portrait{width:100%;height:100%;display:block}.champion .crown{z-index:1;width:46%;line-height:0;animation:.6s cubic-bezier(.3,1.5,.6,1) .9s both crown-drop,1.2s ease-in-out 1.5s infinite crown-bob;position:absolute;top:2%;left:50%;transform:translate(-50%)rotate(-10deg)}.champion .crown svg{width:100%;height:auto}@keyframes crown-drop{0%{opacity:0;transform:translate(-50%,-80px)rotate(-30deg)}}@keyframes crown-bob{0%,to{transform:translate(-50%)rotate(-10deg)}50%{transform:translate(-50%,-5px)rotate(-4deg)}}@keyframes pop-up{0%{opacity:0;transform:translateY(30px)scale(.6)}}.over-title{font-family:var(--marker);text-align:center;color:var(--ink);margin:0;font-size:clamp(46px,10vw,92px);font-weight:400;line-height:1}.match-over.won .over-title{color:var(--win);text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink)}.over-title span{animation:letter-pop .45s calc(.45s + var(--i) * 55ms) cubic-bezier(.3, 1.8, .6, 1) both;display:inline-block}.match-over.won .over-title span{animation:letter-pop .45s calc(.45s + var(--i) * 55ms) cubic-bezier(.3, 1.8, .6, 1) both, letter-bob 1.6s calc(1.4s + var(--i) * 90ms) ease-in-out infinite}@keyframes letter-pop{0%{opacity:0;transform:translateY(-40px)scale(.4)rotate(-15deg)}}.over-sub{text-align:center;align-items:center;gap:8px;margin:0;font-size:24px;animation:.4s ease-out .9s both pop-up;display:flex}.over-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:4px 0;padding:0;list-style:none;display:flex}.over-stats li{border:2px solid var(--ink);min-width:96px;box-shadow:2px 3px 0 var(--ink);animation:pop-up .4s calc(1s + var(--n,0) * .1s) cubic-bezier(.3, 1.6, .6, 1) both;background:#fff;border-radius:10px;justify-items:center;padding:4px 12px 6px;display:grid}.over-stats li:nth-child(2){--n:1;transform:rotate(1.5deg)}.over-stats li:nth-child(3){--n:2;transform:rotate(-1deg)}.over-stats b{font-family:var(--marker);font-size:30px;font-weight:400;line-height:1.1}.over-stats span{color:var(--ink-soft);font-size:15px}.note.over-note{gap:10px;width:100%;padding:18px 24px;animation-delay:1.15s;transform:rotate(.6deg)}.over-note h3{font-family:var(--marker);margin:0;font-size:20px;font-weight:400}.standings .pos{font-style:normal;font-family:var(--marker);border:none;min-width:2em;padding:0;font-size:18px}.standings li.me>span:not(.tally){background:linear-gradient(#0000 55%,#f2b6328c 55% 92%,#0000 92%)}@media (max-height:640px){.placement{font-size:72px}.champion{width:96px}.over-title{font-size:44px}.over-stats li{min-width:80px;padding:2px 10px 4px}.over-stats b{font-size:24px}}@media (max-height:500px){.over-card{gap:4px;padding:0 0 8px}.over-head{gap:8px}.placement{font-size:54px}.placement small{font-size:16px}.champion{width:70px}.over-title{font-size:38px}.over-sub{font-size:18px}.over-stats{gap:6px;margin:0}.over-stats li{min-width:0;box-shadow:1px 2px 0 var(--ink);grid-auto-flow:column;align-items:baseline;gap:6px;padding:0 10px}.over-stats b{font-size:20px}.note.over-note{gap:6px;padding:10px 16px}.over-note h3{display:none}.standings li{font-size:17px}}body.touch .controls{display:none}@media (max-width:500px){.screen.home{font-size:17px}.note{gap:12px;padding:22px 16px}.mascot{width:88px;height:88px}.mascot-hint{left:48px}.card.quick .row{flex-direction:column;align-items:stretch}.card.quick .row>*{flex:none}.card.quick .segmented{display:flex}.card.quick .segmented label{text-align:center;white-space:nowrap;flex:1 1 0}.play-grid{gap:10px}}@media (max-height:500px) and (orientation:landscape){.screen.home{place-items:start center;padding:40px 12px 10px;font-size:16px}.home-layout{gap:14px}.note.main-note{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:8px 18px;width:min(780px,100%);padding:12px 18px 14px}.main-note>.brand{grid-area:1/1;margin:-6px 0 0 -8px}.main-note>.field{grid-area:2/1;align-self:end}.main-note>.invite{grid-area:3/1/auto/-1;padding:8px 12px}.main-note>.quick{grid-area:1/2/span 2}.main-note>.play-grid{grid-area:4/1/auto/-1;grid-template-columns:1fr 1fr;gap:10px}.mascot{width:66px;height:66px}.mascot-hint{font-size:14px;bottom:-16px;left:36px}.logo{font-size:42px}.tagline,.card.quick>.muted{display:none}.card{gap:8px;padding:8px 10px 10px}.card h2{font-size:14px}.card .row{gap:6px}.btn{padding:4px 11px}.btn.big{padding:6px 16px;font-size:19px}.card.quick .row>.quick-btn{flex:1}.segmented span{padding:4px 10px}input{padding:4px 8px}.note.side-note{width:min(780px,100%);margin-top:0;padding:16px 18px;transform:rotate(.6deg)}.side-note .steps{grid-template-columns:1fr 1fr;gap:8px 16px}.credits{margin-top:10px}}.loading-layer{z-index:8;background:#fbfbf8b3;place-items:center;animation:.2s ease-out 80ms both loading-in;display:grid;position:fixed;inset:0}@keyframes loading-in{0%{opacity:0}}.loading-card{background:var(--note);border:1px solid var(--note-edge);box-shadow:0 2px 0 var(--note-edge), 0 16px 30px -18px #00000073;align-items:center;gap:14px;padding:16px 26px 16px 18px;font-size:24px;display:flex;transform:rotate(-1.5deg)}.loading-ring{stroke-dasharray:138;stroke-dashoffset:138px;transform-origin:32px 32px;animation:1.4s ease-in-out infinite loading-draw;transform:rotate(-90deg)}.loading-pencil{transform-origin:32px 32px;animation:1.4s ease-in-out infinite loading-spin}@keyframes loading-draw{0%{stroke-dashoffset:138px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-138px}}@keyframes loading-spin{to{transform:rotate(360deg)}}body.lightweight .loading-ring{stroke-dashoffset:0}.name-row{align-items:end;gap:10px;display:flex}.name-row .field{flex:1;min-width:0}.stats-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.note.stats-note{gap:10px;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;transform:rotate(-.4deg)}.stats-note h3{font-family:var(--marker);margin:6px 0 0;font-size:20px;font-weight:400}.stats-note .stat-tiles li{flex:140px;min-width:0;animation:none}.stats-note .stat-tiles b{font-size:26px}.stats-note .small-tiles li{flex-basis:100px}.stats-empty{font-size:18px}.recent{margin:0;padding:0;list-style:none;display:grid}.recent li{border-bottom:1px dashed var(--note-edge);grid-template-columns:6.5em 1fr auto auto;align-items:baseline;gap:10px;padding:5px 2px;display:grid}.recent .place{font-family:var(--marker)}.recent li.win .place{color:var(--accent)}@media (max-width:500px){.recent li{grid-template-columns:5.5em 1fr auto}.recent .when{display:none}}