:root{--paper:#f6f4ee;--ink:#1e1e1e;--muted:#6b6860;--faint:#a39e93;--x:#7b3fc4;--o:#0e8c84;--gutter:20px;--header-h:56px;--board:300px;--glyph:74px;--word:21px}@media (width>=760px){:root{--gutter:40px;--header-h:76px;--board:380px;--glyph:92px;--word:26px}}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Gaegu,cursive}a{color:var(--ink)}a:hover{color:var(--muted)}button{color:var(--ink);font-family:inherit}button:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:3px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=759px){.wide-only{display:none!important}}@media (width>=760px){.narrow-only{display:none!important}}@keyframes draw{to{stroke-dashoffset:0}}.draw{stroke-dasharray:1 1.1;stroke-dashoffset:1.05px;animation-name:draw;animation-timing-function:cubic-bezier(.35,.6,.45,1);animation-fill-mode:forwards}@keyframes ink{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.ink{opacity:0;animation:.16s ease-out forwards ink;display:inline-block}@keyframes hintfade{0%{opacity:0}30%{opacity:.55}to{opacity:.55}}.hint{animation:1.2s ease-out forwards hintfade}@keyframes punch{0%{opacity:0;transform:translate(0)scale(.4)}8%{opacity:1}30%{transform:translate(var(--dx),var(--dy)) scale(1,1)}50%{transform:translate(calc(var(--dx) * 1.1),calc(var(--dy) + var(--fall) * .35)) scale(1,.25)}70%{transform:translate(calc(var(--dx) * 1.2),calc(var(--dy) + var(--fall) * .6)) scale(1,1)}85%{opacity:1;transform:translate(calc(var(--dx) * 1.3),calc(var(--dy) + var(--fall) * .8)) scale(1,.3)}to{opacity:0;transform:translate(calc(var(--dx) * 1.4),calc(var(--dy) + var(--fall))) scale(1,.9)}}.punch{opacity:0;border-radius:50%;animation-name:punch;animation-timing-function:cubic-bezier(.2,.7,.4,1);animation-fill-mode:both;position:absolute}@keyframes stain{0%{opacity:0}to{opacity:1}}.stain{opacity:0;animation:1.4s ease-out forwards stain}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.dot{animation:1.1s ease-in-out infinite dot;display:inline-block}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.pop{animation:.28s ease-out both pop}@keyframes fuse{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.fuse{transform-origin:0;animation:linear forwards fuse}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bob{animation:1.1s ease-in-out infinite bob}.fade{transition:opacity .5s}@media (prefers-reduced-motion:reduce){.ink,.draw,.stain,.dot,.pop,.bob,.hint{opacity:1;stroke-dashoffset:0;animation:none!important}.punch{display:none}.ring{transition:none!important}}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.header{height:var(--header-h);padding:0 var(--gutter);flex-shrink:0;align-items:center;gap:16px;display:flex}.wordmark{font-size:var(--word);white-space:nowrap;flex:1 1 0;font-weight:700;text-decoration:none}.whoami{text-align:right;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:17px;overflow:hidden}.whoami b{color:var(--ink)}.main{min-height:0;padding:24px var(--gutter) 16px;flex-grow:1;overflow:auto}@media (width>=760px){.main{padding-top:48px}}.nav{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:relative}.nav-top{grid-template-columns:repeat(3,190px)}.nav-bottom-wrap{flex-shrink:0;height:76px;padding:0 16px 12px}.nav-bottom-wrap .nav{height:100%}.nav a{isolation:isolate;align-items:center;gap:8px;padding:8px 16px;font-size:22px;text-decoration:none;display:flex;position:relative}.nav a.play{padding:10px 30px;font-size:30px;font-weight:700}.nav-top a.play{padding:10px 28px;font-size:28px}.ring{pointer-events:none;height:56px;transition:left .5s cubic-bezier(.3,.7,.25,1),width .5s;position:absolute;top:50%;overflow:visible;transform:translate(-50%,-50%)}.dock{padding:10px var(--gutter) 6px;flex-shrink:0}.dock-row{align-items:flex-end;gap:16px;max-width:640px;margin:0 auto;display:flex}.speaker{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;padding:0;display:flex}.bubble{isolation:isolate;min-width:0;min-height:74px;color:var(--ink);flex-grow:1;padding:8px 14px 10px;text-decoration:none;display:block;position:relative}.bubble.clamp{height:74px;padding-bottom:0}a.bubble:hover{color:var(--ink)}.bubble .tag{color:#52606e;font-size:14px;line-height:1.1}.bubble p{margin:1px 0 0;font-size:18px;line-height:1.15}.bubble.clamp p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=760px){.bubble p{font-size:20px}}.play-col{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;margin:0 auto;display:flex}.opp{isolation:isolate;min-width:200px;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:6px 28px;display:flex;position:relative}.opp .name{align-items:center;gap:6px;font-size:21px;font-weight:700;display:flex}.opp .sub{color:var(--muted);align-items:center;gap:5px;font-size:15px;line-height:1;display:flex}.status{text-align:center;justify-content:center;align-items:center;height:64px;display:flex}.status p{margin:0;font-size:24px;line-height:1.1}.result-title{font-size:36px;font-weight:700;line-height:1;display:block}.result-sub{color:var(--muted);font-size:18px;line-height:1.2;display:block}.board-wrap{width:var(--board);height:var(--board);flex-shrink:0;position:relative}.board{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:0}.cell{background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.cell:enabled{cursor:pointer}.overlay{z-index:4;pointer-events:none;background:#f6f4eea8;justify-content:center;align-items:center;display:flex;position:absolute;inset:-8px}.hype{isolation:isolate;margin:0;padding:6px 14px;font-size:27px;font-weight:700;line-height:1.05;position:relative}@media (width>=760px){.hype{font-size:34px}}.count{font-size:132px;font-weight:700;line-height:1}.welcome{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:-88px -8px -8px}.welcome .greet{color:var(--muted);margin-bottom:-8px;font-size:24px;line-height:1}.welcome h1{flex-direction:column;align-items:center;margin:0;font-size:66px;font-weight:700;line-height:.92;display:flex}@media (width>=760px){.welcome{gap:30px}.welcome .greet{font-size:28px}.welcome h1{font-size:84px}}.go-btn{isolation:isolate;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:16px 38px;font-size:32px;font-weight:700;line-height:1;position:relative}@media (width>=760px){.go-btn{font-size:38px}}.link-btn{cursor:pointer;height:40px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;padding:0 16px;font-size:18px;text-decoration:underline}.tap-hint{z-index:3;pointer-events:none;text-align:center;justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0;transform:rotate(-4deg)}@media (width>=760px){.tap-hint{font-size:40px}}.col{flex-direction:column;max-width:100%;margin:0 auto;display:flex}@media (width>=760px){.col{max-width:680px}}.page-title{isolation:isolate;align-self:flex-start;align-items:center;gap:12px;margin:0;padding:2px 12px;font-size:40px;font-weight:700;line-height:1;display:inline-flex;position:relative}@media (width>=760px){.page-title{font-size:52px}}.toggles{align-items:flex-start;gap:24px;margin-top:14px;display:flex}.toggles button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:4px 2px;font-size:22px;display:flex}.lb-row{align-items:center;gap:12px;display:flex}.lb-rank{flex-shrink:0;font-weight:700;line-height:1}.lb-name{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.lb-name>span:first-child{align-items:center;gap:6px;line-height:1.05;display:flex}.lb-rec{color:var(--muted);font-size:15px;line-height:1.1}.note{color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.2}.you-band{padding:10px var(--gutter) 6px;flex-shrink:0}.thread{min-height:0;padding:16px var(--gutter) 20px;flex-direction:column-reverse;flex-grow:1;display:flex;overflow:auto}.thread-inner{flex-direction:column;gap:16px;width:100%;max-width:100%;margin:0 auto;display:flex}@media (width>=760px){.thread-inner{max-width:640px}}.msg{flex-direction:column;gap:5px;display:flex}.msg .meta{color:var(--muted);padding-left:14px;font-size:14px;line-height:1.1}.msg .event{text-align:center;color:var(--muted);margin:4px 0;font-size:15px;line-height:1.2}.msg .say{isolation:isolate;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:8px;max-width:88%;margin-left:10px;padding:12px 16px 13px;display:flex;position:relative}@media (width>=760px){.msg .say{max-width:560px}}.msg .say p{margin:0;font-size:19px;line-height:1.22}@media (width>=760px){.msg .say p{font-size:21px}}.empty-note{text-align:center;color:var(--muted);margin:24px 0 0;font-size:20px}