:root{color:#20201d;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background-color:#f4efe3;background-image:linear-gradient(#273a310b 1px,#0000 1px),linear-gradient(90deg,#273a310b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app{width:min(1120px,100%);margin:0 auto;padding:24px clamp(14px,3vw,40px) 36px}.site-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.site-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.brand{color:inherit;letter-spacing:-.07em;gap:7px;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:950;text-decoration:none;display:flex}.brand span:last-child{color:#00a878}.button{cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:800;transition:transform .12s,filter .12s}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;filter:saturate(.55);opacity:.72;transform:none}:focus-visible{outline-offset:3px;outline:3px solid #f4a261}.button--quiet{color:#383832;background:#fffdf78c;border:1px solid #20201d2e}.button--primary{color:#fff;background:#00a878;box-shadow:0 8px 20px #00856038}.button--dark{color:#fff;background:#20201d}.game-card{background:#fffdf7f0;border:1px solid #20201d29;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #46392224}.match-bar{background:#fffdf7;border-bottom:1px solid #20201d1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:10px clamp(16px,3vw,28px);display:grid}.match-bar>div:first-child{letter-spacing:.03em;align-items:center;gap:9px;font-size:.85rem;display:flex}.status-dot{background:#b0ada4;border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot--connected{background:#00a878;box-shadow:0 0 0 4px #00a8781f}.status-dot--connecting{background:#f4a261}.match-metrics{flex-direction:column;align-items:center;gap:1px;display:flex}.timer{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.scoreboard{color:#666158;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:6px;font-size:.58rem;font-weight:850;line-height:1;display:flex}.scoreboard b{color:#20201d;font-variant-numeric:tabular-nums;font-size:.8rem}.scoreboard i{color:#aaa397;font-style:normal}.scoreboard em{color:#008f67;font-size:.52rem;font-style:normal}.timer span{letter-spacing:-.07em;font-size:clamp(1.4rem,4vw,2rem);font-weight:950}.timer small{color:#777268;font-size:.62rem;font-weight:850}.players{justify-content:flex-end;align-items:center;gap:10px;display:flex}.player-dots{gap:7px;display:flex}.spectator-count{color:#675bc2;letter-spacing:.05em;white-space:nowrap;font-size:.65rem;font-weight:900}.player-dot{background:#ebe7de;border:2px solid #c9c4b9;border-radius:50%;width:22px;height:22px}.player-dot--active{background:#00a878;border-color:#00a878}.waiting-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:min(67vh,690px);padding:36px 20px;display:flex}.waiting-panel p{margin:0;font-size:clamp(1.05rem,3vw,1.4rem);font-weight:850}.waiting-panel code{color:#817b70;letter-spacing:.18em;font-size:.78rem}.waiting-panel small{color:#a13439;font-weight:700}.waiting-panel .matchmaking-help{color:#777268}.matchmaking-error{min-height:1.2em}.choice-separator{color:#817b70;font-size:.78rem;font-weight:750}.invite-url{text-align:left;gap:7px;width:min(520px,100%);display:grid}.invite-url span{color:#777268;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.invite-url input{color:#4d4a43;background:#f6f2e9;border:1px solid #20201d29;border-radius:12px;width:100%;padding:11px 13px;font:.78rem/1.3 JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.waiting-maze{grid-template-columns:repeat(5,1fr);gap:5px;width:92px;height:92px;padding:8px;display:grid;transform:rotate(45deg)}.waiting-maze span{opacity:.13;background:#00a878;border-radius:4px;grid-row:span 4;animation:1.2s ease-in-out infinite alternate maze-wave}.waiting-maze span:nth-child(2){animation-delay:.1s}.waiting-maze span:nth-child(3){animation-delay:.2s}.waiting-maze span:nth-child(4){animation-delay:.3s}.waiting-maze span:nth-child(5){animation-delay:.4s}@keyframes maze-wave{to{opacity:.85;transform:translateY(9px)}}.maze-shell{padding:clamp(10px,2.5vw,26px)}.match-playfield{position:relative}.countdown-overlay{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#fffdf7ad;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.countdown-overlay small{color:#777268;letter-spacing:.22em;font-size:clamp(.72rem,2vw,.95rem);font-weight:900}.countdown-overlay strong{color:#20201d;letter-spacing:-.08em;font-size:clamp(5rem,24vw,11rem);font-weight:1000;line-height:.9}.countdown-overlay--go strong{color:#00a878;letter-spacing:-.06em;font-size:clamp(4rem,18vw,8rem)}.maze-stage{position:relative}.maze-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;display:block}.touch-loupe{z-index:3;pointer-events:none;background:#fffdf7;border:3px solid #20201d;border-radius:50%;width:92px;height:92px;display:none;position:absolute;box-shadow:0 10px 28px #20201d3d}.maze-controls{justify-content:center;align-items:center;gap:14px;min-height:38px;margin-top:9px;display:flex}.maze-feedback{color:#6f6b62;text-align:center;margin:0;font-size:.9rem;font-weight:750}.maze-feedback--wall,.maze-feedback--blocked{color:#b45b18}.maze-reset{color:#777268;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:5px 0;font-size:.76rem;font-weight:750;text-decoration:underline}.result-banner{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf7d1;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:68px 0 0}.result-banner strong{letter-spacing:-.08em;font-size:clamp(2.8rem,10vw,6.5rem);font-weight:1000}.result-banner--win strong{color:#008f67}.result-banner--lose strong{color:#be3d43}.result-banner--spectator strong{color:#675bc2}.result-banner--spectator p{color:#5d5951;margin:0;font-weight:750}.result-banner--solo{gap:12px}.result-banner--solo .result-kicker{color:#777268;letter-spacing:.16em;font-size:.75rem;font-weight:900}.result-banner--solo strong{color:#008f67;font-variant-numeric:tabular-nums}.result-banner--solo strong small{letter-spacing:.04em;font-size:.16em}.result-banner--solo p{color:#5d5951;letter-spacing:.08em;margin:0 0 10px;font-size:.8rem;font-weight:850}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.error-message{color:#9e2930;text-align:center;background:#feecee;margin:0;padding:12px 18px;font-weight:700}.instructions{color:#716c62;text-align:center;gap:10px;padding:18px 8px 0;font-size:clamp(.78rem,2vw,.9rem);line-height:1.6;display:grid}.instructions p{margin:0;display:inline}.instructions p+p:before{content:"  "}.instructions b:first-child{color:#008f67}.opponent-key,.player-one-key{vertical-align:middle;background:#675bc294;border-radius:999px;width:1.4rem;height:.2rem;margin-right:.4rem;display:inline-block}.player-one-key{background:#00a878c2}.instructions nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.instructions a{color:#666158;text-underline-offset:3px}@media (width<=620px){.app{padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.game-card{border-radius:18px}.site-actions .button{padding-inline:12px;font-size:.78rem}.match-bar{min-height:60px}.match-bar>div:first-child strong{font-size:.72rem}.maze-shell{padding-inline:7px}.waiting-panel{min-height:58vh}.instructions p{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}