:root{color:#d9f1f3;font-synthesis:none;--cyan:#68dcef;--cyan-soft:#9beeff;--red:#ff657d;--ink:#071015;--panel:#071218f5;--line:#31545d;--muted:#779198;background:#030609;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 50% 30%,#1a778f1a,#0000 34rem),linear-gradient(90deg,#0000 49.8%,#5aa4b10d 50%,#0000 50.2%),#030609}body{min-height:100dvh;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.entry-shell,.match-shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:center;display:grid}.entry-card{background:linear-gradient(#386d7814 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#386d7814 1px,#0000 1px) 0 0/42px 42px,linear-gradient(155deg,#11313bf5,#040c11fc 55%);border:1px solid #25434d;flex-direction:column;justify-content:center;align-items:center;width:min(100%,390px);min-height:min(760px,100dvh - 36px);padding:44px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 100px #000000c7,inset 0 0 80px #41cee909}.entry-card:before,.entry-card:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan));width:90px;height:2px;position:absolute;top:22px}.entry-card:before{left:18px}.entry-card:after{right:18px;transform:scaleX(-1)}.entry-card.compact{justify-content:center;min-height:min(660px,100dvh - 36px)}.brand-mark{width:92px;height:92px;margin-bottom:28px;position:relative;transform:rotate(45deg)}.brand-mark i{border:1px solid #68dcef80;position:absolute;inset:0}.brand-mark i:nth-child(2){border-color:#68dcefcc;inset:14px}.brand-mark i:nth-child(3){background:var(--cyan);inset:31px;box-shadow:0 0 28px #68dcef8c}.eyebrow{color:var(--cyan);letter-spacing:.28em;margin:0 0 12px;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.entry-card h1{color:#effcff;letter-spacing:.13em;text-indent:.13em;text-shadow:0 0 24px #68dcef2e;font-size:clamp(34px,11vw,48px)}.tagline{color:#9bb0b6;text-align:center;max-width:290px;margin:15px 0 38px;font-size:14px;line-height:1.55}.entry-actions,.join-form{gap:12px;width:100%;display:grid}.primary-action,.secondary-action,.practice-action,.difficulty-action,.danger-action,.text-action,.back-action,.match-menu button,.confirm-panel button{border:1px solid var(--line);color:#e8f8fa;letter-spacing:.14em;cursor:pointer;background:#0a171d;min-height:52px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.primary-action{background:linear-gradient(#123743,#0a222b);border-color:#50cfe6;box-shadow:inset 0 0 25px #50cfe617}.secondary-action:hover,.primary-action:hover{border-color:var(--cyan-soft)}.practice-action{color:#c9e6ef;background:linear-gradient(#172534,#0b141e);border-color:#526b83}.practice-action:hover{border-color:#8eb9d5}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:28px;display:grid}.difficulty-action{color:#90a9b0;min-height:58px;padding:0 4px}.difficulty-action[aria-pressed=true]{border-color:var(--cyan);color:#effdff;background:linear-gradient(#123743,#0a222b);box-shadow:inset 0 0 24px #50cfe61f}.practice-start-actions{gap:10px}.danger-action{color:#ff9aad!important;border-color:#884052!important}.text-action{min-height:42px;color:var(--muted);background:0 0;border:0}.back-action{width:48px;min-height:48px;font-size:20px;position:absolute;top:22px;left:22px}.entry-footnote{color:#526a71;letter-spacing:.16em;text-transform:uppercase;font:600 9px/1 ui-monospace,monospace;position:absolute;bottom:30px}.join-form label{color:#8aa2a9;letter-spacing:.16em;font:700 9px/1 ui-monospace,monospace}.join-form input{color:#e8fbff;text-align:center;text-transform:uppercase;letter-spacing:.18em;background:#050c10;border:1px solid #31545d;border-radius:0;outline:0;width:100%;min-height:62px;font:700 22px/1 ui-monospace,monospace}.join-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #68dcef1f}.form-error{color:#ff8da2;text-align:center;min-height:18px;margin:0;font-size:12px}.match-shell{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.match-frame{width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 390 / 844));height:min(calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right)) * 844 / 390));background:var(--ink);max-width:390px;max-height:844px;position:relative;box-shadow:0 0 0 1px #1a3038,0 24px 80px #000000bf,0 0 80px #18849f14}#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}#game canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;display:block;width:100%!important;height:100%!important}.menu-trigger{z-index:20;color:#a5c3ca;cursor:pointer;background:#050e13f0;border:1px solid #31545d;width:44px;height:44px;font-size:18px;position:absolute;top:12px;left:12px}.match-menu,.confirm-panel,.invite-panel,.server-startup-panel{z-index:40;background:var(--panel);text-align:center;border:1px solid #31545d;width:calc(100% - 44px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #000c}.server-startup-panel h2{color:#eaffff;letter-spacing:.05em;margin-bottom:14px;font-size:18px}.server-startup-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.match-menu{gap:10px;display:grid}.match-menu strong{color:var(--cyan);letter-spacing:.18em;margin-bottom:10px;font:700 11px/1 ui-monospace,monospace}.invite-panel h2{color:#eaffff;letter-spacing:.08em;margin-bottom:20px;font-size:20px}.invite-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 8px;font-size:12px}.invite-code{color:#effdff;letter-spacing:.2em;text-indent:.2em;margin-bottom:22px;font:800 32px/1 ui-monospace,monospace;display:block}.invite-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.invite-actions:has(:only-child){grid-template-columns:1fr}.copy-status{color:#76e5aa;letter-spacing:.15em;min-height:18px;font:700 9px/1 ui-monospace,monospace;display:block}.confirm-panel h2{color:#f3fbfc;font-size:18px}.confirm-panel p{color:#a6bbc0;margin:12px 0 22px}.confirm-panel>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-actions{z-index:30;grid-template-columns:1fr 1fr;gap:8px;width:calc(100% - 62px);display:grid;position:absolute;bottom:205px;left:50%;transform:translate(-50%)}.result-actions button{min-height:48px;font-size:8px}[hidden]{display:none!important}.error-card h1{color:#ff9aad;font-size:clamp(25px,8vw,38px)}@media (width<=700px){.match-frame{max-width:none;max-height:none}.entry-card{min-height:calc(100dvh - max(36px, env(safe-area-inset-top) + env(safe-area-inset-bottom)))}}@media (height<=720px){.brand-mark{width:68px;height:68px;margin-bottom:20px}.entry-card{padding-block:28px}.tagline{margin-bottom:24px}}.how-to-play-action{color:#daeff4c7;width:100%;min-height:52px;font:inherit;letter-spacing:.16em;cursor:pointer;background:#1223326b;border:1px solid #84b8c96b;margin-top:2px;font-weight:700}.how-to-play-action:hover,.how-to-play-action:focus-visible{color:#ebfafdf5;border-color:#68dcefb8}.how-to-play-card{overflow-y:auto}.how-to-play-copy{text-align:left;gap:14px;margin:18px 0 22px;display:grid}.how-to-play-copy section{border-bottom:1px solid #68dcef1f;padding-bottom:12px}.how-to-play-copy section:last-child{border-bottom:0;padding-bottom:0}.how-to-play-copy h2{color:#68dcefe6;letter-spacing:.18em;margin:0 0 5px;font-size:.72rem}.how-to-play-copy p{color:#daeff4c7;margin:0;font-size:.88rem;line-height:1.45}.how-to-play-copy strong{color:#ebfafdf5}.how-to-play-actions{margin-top:4px}