@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{color-scheme:light;--sky-1:#3db8ff;--sky-2:#9be5ff;--sun:#ffd23f;--orange:#ff8a1f;--pink:#ff4fa3;--purple:#7a4dff;--mint:#2fe0a0;--cream:#fff7e6;--display:"Lilita One", "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--body:"Nunito", ui-rounded, system-ui, -apple-system, sans-serif;--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--bg:var(--sky-1);--surface:#fff;--surface-2:var(--cream);--ink:#2b1b63;--ink-dim:#5b4c8f;--line:#2b1b63;--p1:var(--pink);--p2:var(--sun);--focus:#ff8a1f;--warn:#c2410c;--radius:16px;--board:var(--purple);--well:var(--cream);--well-hover:#fff;--hole-edge:#2b1b6380;--mark:#fff}*{box-sizing:border-box}html,body{margin:0}html{background:radial-gradient(60% 600px at 15% 0, #ffffff8c, transparent 70%), radial-gradient(45% 450px at 88% 120px, #ffffff73, transparent 70%), linear-gradient(180deg, var(--sky-1), var(--sky-2) 900px, var(--sky-2));min-height:100%}body{min-height:100vh;color:var(--ink);font:800 16px/1.45 var(--body);-webkit-text-size-adjust:100%}main{max-width:62rem;margin:0 auto;padding:1.5rem 16px 4rem}a{color:inherit;text-underline-offset:3px;text-decoration-color:#2b1b6366}h1,h2{font-family:var(--display);letter-spacing:.01em;font-weight:400}h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1}h1,.outline{color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}button{font:400 1.05rem/1 var(--display);letter-spacing:.03em;min-height:44px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;transition:transform .45s var(--spring), box-shadow .45s var(--spring);background:#fff;border-radius:14px;padding:.6rem 1rem}button:hover:not(:disabled){box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transition-duration:60ms;transform:translateY(4px)scale(1.03,.93)}button:disabled{cursor:not-allowed;color:var(--ink-dim);background:#e9e4f5;border-color:#2b1b6366;box-shadow:0 2px #2b1b6366}button[aria-pressed=true]{background:var(--sun)}.cta{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;background:linear-gradient(180deg, #ffe066, var(--orange));box-shadow:0 5px 0 var(--ink), inset 0 3px 0 #fff9}.cta:hover:not(:disabled){box-shadow:0 7px 0 var(--ink), inset 0 3px 0 #fff9}.panel{border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:#fff;border-radius:26px;padding:18px;position:relative}.crumb{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,34rem);margin-inline:auto;font-size:.95rem;display:flex}.crumb a{font-family:var(--display);letter-spacing:.02em;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:1.1rem;font-weight:400;text-decoration:none}.crumb .sep{color:var(--ink)}.sound{min-height:40px;padding:.4rem .75rem;font-size:.9rem}.head{width:min(100%,34rem);margin:.5rem auto 1rem}.head h1{margin:.5rem 0 .4rem}.head p{color:var(--ink);border:3px solid var(--ink);background:#ffffffbf;border-radius:16px;margin:0;padding:.5rem .8rem}.online{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;width:min(100%,34rem);margin:2rem auto 0;display:flex}.online p{margin:0;font-size:.95rem}.loading{text-align:center}.fx-conf,.fx-ring,.fx-drip,.fx-shard,.fx-puff,.fx-spark,.fx-dust,.fx-bubble{z-index:20;pointer-events:none;border:2px solid var(--ink);border-radius:50%;position:absolute}.fx-conf{border-radius:3px;width:10px;height:15px;margin:-7px 0 0 -5px}.fx-ring{background:0 0;border:3px solid #fff;width:30px;height:30px;margin:-15px 0 0 -15px}.fx-drip{background:#fff;width:9px;height:9px;margin:-4px 0 0 -4px}.fx-shard{width:10px;height:10px;margin:-5px 0 0 -5px}.fx-shard.tri{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;border-radius:0}.fx-puff{background:#fff;border-width:3px}.fx-spark{background:var(--sun);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border:0;border-radius:0;width:16px;height:16px;margin:-8px 0 0 -8px}.fx-dust{background:#fff;width:10px;height:10px;margin:-5px 0 0 -5px}.fx-bubble{background:#ffffff40;border-color:#fff;width:8px;height:8px;margin:-4px 0 0 -4px}.fx-ribbon{z-index:21;pointer-events:none;white-space:nowrap;font:400 clamp(1.8rem, 7vw, 2.6rem)/1 var(--display);color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);background:var(--pink);border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);transform-origin:50% -90px;border-radius:16px;padding:8px 22px 12px;position:absolute;top:30%;left:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=58rem){main:has(.ss) :is(.crumb,.head,.online,.local,.room){width:min(100%,54rem)}main:has(.ss) .place{width:min(100%,30rem);margin-inline:auto}}