:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101e;--panel:#0f1c30d1;--border:#ffffff1a;--text:#f4f7ff;--muted:#9cacbf;--accent:#5b8cff;--accent-2:#8d63ff}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{text-align:center;color:var(--text);background:radial-gradient(circle at 18% 12%, #3067ff38, transparent 32rem), radial-gradient(circle at 84% 78%, #904eff29, transparent 30rem), linear-gradient(160deg, #091526 0%, var(--bg) 55%, #050a13 100%);background-attachment:fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}button,input{font:inherit}button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;border:1px solid #ffffff1f;border-radius:.78rem;padding:.72rem 1.2rem;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 28px #4a64ff4d}button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 34px #4a64ff61}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #66a3ffa6}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}h2{letter-spacing:.02em;text-transform:uppercase;color:#b7c6dc;margin:1.2rem 0 .6rem;font-size:1rem}.header{z-index:1;padding:2rem 1rem .6rem;position:relative}.header-title{justify-content:center;align-items:center;gap:.65rem;display:flex}.header-title img{filter:drop-shadow(0 6px 12px #447eff73);width:30px;height:30px}.header-subtitle{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.section{z-index:1;width:min(100%,720px);margin:.5rem auto 0;position:relative}.section-canvas{cursor:pointer;filter:drop-shadow(0 22px 38px #00000057);max-width:calc(100vw - 1rem);margin:0 auto;display:block}.init-screen,.message-body{text-align:left;width:min(100vw - 2rem,520px);max-height:calc(100vh - 2rem);color:var(--text);border:1px solid var(--border);background:linear-gradient(145deg,#162640fa,#0a1424fa);border-radius:1.35rem;padding:1.45rem;overflow:auto;box-shadow:0 32px 90px #00000094,inset 0 1px #ffffff14}.init-screen::backdrop,.message-body::backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#02070fad}.message-body{width:min(100vw - 2rem,430px);padding:0;overflow:hidden}.message-form{flex-direction:column;align-items:stretch;gap:1.1rem;margin:0;padding:1.5rem;display:flex}.message-body-content{flex-direction:column;gap:.55rem;min-width:0;display:flex}.message-body-content h1{color:var(--text);margin:0;font-size:clamp(1.55rem,5vw,2rem);line-height:1.08}.message-body-content p{overflow-wrap:anywhere;margin:0}.message-result{color:#eaf1ff;font-size:1.08rem;line-height:1.45}.message-hint{color:var(--muted);font-size:.9rem;line-height:1.5}.message-body-dismiss{align-self:flex-start;min-width:96px;margin:0}.init-screen h1{align-items:center;gap:.65rem;display:flex}.init-screen h1 img{width:32px;height:32px}.dialog-lead{color:#76aaff;margin:.35rem 0 1.1rem;font-weight:700}.init-screen p{color:var(--muted);margin:.5rem 0;line-height:1.5}.game-settings-form{grid-template-columns:1fr 1.5fr;align-items:center;gap:.85rem 1rem;margin-top:.8rem;display:grid}.game-settings-form-section{grid-column:1/-1}.form-label{color:#dce7f7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem;font-size:.84rem;font-weight:750;display:block}.game-settings-mode-list{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.game-settings-mode-list label{color:#c8d4e5;border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:.8rem;align-items:center;gap:.45rem;min-height:54px;padding:.65rem;transition:border-color .18s,background .18s;display:flex}.game-settings-mode-list label:has(input:checked){color:#fff;background:#4876ff29;border-color:#6b9cff}.game-settings-mode-input{accent-color:#739cff}.game-settings-form>label{color:#aebdd1;font-size:.88rem;font-weight:650}.game-settings-form input[type=text]{color:#fff;border:1px solid var(--border);background:#020a158c;border-radius:.72rem;width:100%;padding:.7rem .8rem}.game-settings-submit{grid-column:1/-1;justify-self:stretch;margin-top:.35rem}.copy-box{width:100%;max-width:28em;margin-right:1em;padding:6px 12px}.hidden{display:none!important}.statusbox{z-index:1;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;width:min(100% - 1.5rem,610px);margin:-.35rem auto 1.5rem;padding:.7rem .8rem;position:relative;box-shadow:0 14px 38px #00000038}.statusbox-body,.statusbox-controls{justify-content:center;align-items:center;gap:.75rem;display:flex}.statusbox-body>div{color:var(--muted);font-size:.9rem}.statusbox-body-player{font-weight:750;color:#fff!important}.statusbox-controls{margin-top:.45rem}.statusbox-button{box-shadow:none;background:#ffffff12;padding:.48rem .9rem;font-size:.82rem}.footer{z-index:1;color:#72839a;margin:1rem 1rem 2rem;font-size:.76rem;position:relative}@media (width<=560px){.header{padding-top:1.2rem}.game-settings-mode-list{grid-template-columns:1fr}.game-settings-mode-list label{min-height:46px}.game-settings-form{grid-template-columns:1fr}.game-settings-form-section,.game-settings-submit{grid-column:1}.init-screen{padding:1.1rem}.message-form{padding:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}