@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=ZCOOL+XiaoWei&display=swap";:root{--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-text-heading: var(--color-sky-900);--color-text-body: var(--color-sky-800);--color-text-muted: var(--color-sky-600);--color-text-faint: var(--color-sky-300);--color-text-on-dark: #ffffff;--color-danger: #ff6b6b;--color-warn: #feca57;--color-success: #2dd4bf;--color-bomb: #dc2626;--glass-bg: rgba(255, 255, 255, .38);--glass-bg-heavy: rgba(255, 255, 255, .58);--glass-border: rgba(255, 255, 255, .65);--glass-shine: rgba(255, 255, 255, .55);--glass-blur: 18px;--shadow-sm: 0 4px 12px rgba(14, 165, 233, .14);--shadow-md: 0 8px 28px rgba(14, 165, 233, .2);--shadow-lg: 0 16px 48px rgba(14, 165, 233, .28);--shadow-btn: 0 4px 16px rgba(2, 132, 199, .38);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--font-body: "Nunito", "ZCOOL XiaoWei", sans-serif;--font-display: "ZCOOL XiaoWei", serif;--transition-fast: .12s ease;--transition-normal: .22s ease;--transition-slow: .4s ease;--z-base: 0;--z-float: 10;--z-overlay: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-body);font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}body{background:linear-gradient(155deg,var(--color-sky-200) 0%,var(--color-sky-300) 30%,var(--color-sky-400) 65%,var(--color-sky-500) 100%);min-height:100vh;position:relative}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(72px);opacity:.32;pointer-events:none;z-index:0}body:before{width:520px;height:520px;background:radial-gradient(circle,#fff 0%,var(--color-sky-200) 55%,transparent 100%);top:-140px;left:-140px}body:after{width:420px;height:420px;background:radial-gradient(circle,var(--color-sky-100) 0%,var(--color-sky-400) 55%,transparent 100%);bottom:-110px;right:-110px}#app{position:relative;z-index:1;min-height:100vh}.page{display:none;min-height:100vh}.page--active{display:flex}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--glass-bg-heavy);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--color-text-heading);font-weight:800;font-size:.88rem;padding:10px 22px;border-radius:var(--radius-pill);border:1.5px solid var(--glass-border);box-shadow:var(--shadow-md);z-index:var(--z-overlay);animation:slideUp .4s ease forwards;white-space:nowrap;pointer-events:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(18deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}}@keyframes bombPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px #ffffffb3;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:50%;background:linear-gradient(to bottom,var(--glass-shine),rgba(255,255,255,.06));border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none;z-index:1}.btn{font-family:var(--font-body);font-weight:800;border:none;cursor:pointer;border-radius:var(--radius-pill);padding:10px 26px;position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;letter-spacing:.02em;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff8c,#ffffff14);border-radius:var(--radius-pill) var(--radius-pill) 0 0;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:linear-gradient(145deg,var(--color-sky-400),var(--color-sky-600));color:#fff;box-shadow:var(--shadow-btn),inset 0 1px #ffffff61}.btn--success{background:linear-gradient(145deg,#34d399,#059669);color:#fff;box-shadow:0 4px 16px #05966961,inset 0 1px #ffffff61}.btn--danger{background:linear-gradient(145deg,#f87171,#dc2626);color:#fff;box-shadow:0 4px 16px #dc262661,inset 0 1px #ffffff61}.btn--ghost{background:#ffffff6b;color:var(--color-text-heading);border:1.5px solid var(--glass-border);box-shadow:var(--shadow-sm)}.btn--sm{padding:7px 16px;font-size:.82rem}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--glass-border);background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--color-text-heading);outline:none;transition:border-color .22s,box-shadow .22s}.input:focus{border-color:var(--color-sky-500);box-shadow:0 0 0 3px #0ea5e938}.input::placeholder{color:var(--color-text-faint);font-weight:600}.input--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #ff6b6b38!important}.badge{display:inline-flex;align-items:center;font-size:.78rem;font-weight:800;padding:3px 11px;border-radius:var(--radius-pill)}.badge--blue{background:linear-gradient(135deg,var(--color-sky-400),var(--color-sky-600));color:#fff;box-shadow:0 2px 8px #0284c761}.section-title{font-size:.75rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}#page-home{flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:28px;min-height:100vh}.home__logo{text-align:center;animation:fadeIn .5s ease both}.home__logo .logo-emoji{font-size:76px;display:block;filter:drop-shadow(0 4px 20px rgba(255,107,107,.5));animation:float 3.2s ease-in-out infinite}.home__logo h1{font-family:var(--font-display);font-size:3rem;color:#fff;text-shadow:0 2px 14px rgba(2,132,199,.38),0 0 40px rgba(255,255,255,.45);margin-top:10px}.home__logo p{color:#ffffffe0;font-size:1rem;font-weight:600;margin-top:6px}.home__form{width:100%;max-width:440px;padding:36px 32px;animation:fadeIn .6s .1s ease both}.home__form .form-group{margin-bottom:20px}.home__form .form-group label{display:block;color:var(--color-text-heading);font-weight:800;font-size:.92rem;margin-bottom:8px}.home__form .btn--primary{width:100%;padding:14px;font-size:1.05rem;margin-top:6px}.home__nav{display:flex;gap:12px;animation:fadeIn .6s .2s ease both}#page-game{flex-direction:column;min-height:100vh}#normal-view{display:flex;flex-direction:column;min-height:100vh;flex:1}.game-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.48);flex-shrink:0;z-index:5;gap:8px}.game-header__left{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.game-header__room{color:var(--color-text-body);font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-header__right{display:flex;align-items:center;gap:7px;flex-shrink:0}.ws-status{display:flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--color-text-muted)}.ws-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;transition:background .3s,box-shadow .3s;flex-shrink:0}.ws-dot--connected{background:#34d399;box-shadow:0 0 7px #34d399}.game-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;overflow-x:hidden}.game-body::-webkit-scrollbar{width:5px}.game-body::-webkit-scrollbar-thumb{background:#0ea5e947;border-radius:4px}.vote-section{padding:11px 13px;flex-shrink:0}.vote-section .section-title{display:flex;align-items:center;gap:7px}.vote-dot{width:6px;height:6px;border-radius:50%;background:var(--color-sky-500);animation:blink 1.4s ease-in-out infinite;flex-shrink:0}#vote-chart{height:32px;width:100%}.vote-hint{font-size:.7rem;color:var(--color-text-faint);font-weight:600;margin-top:4px}.demo-banner{display:none;margin-top:5px;background:#feca5747;border:1px solid rgba(254,202,87,.55);border-radius:var(--radius-sm);padding:3px 9px;font-size:.7rem;font-weight:700;color:#92400e}.demo-banner--show{display:block}.range-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;flex-shrink:0}.range-display__num{font-size:2.5rem;font-weight:900;color:var(--color-text-heading);line-height:1}.range-display__sep{font-size:1.3rem;color:var(--color-sky-400);font-weight:800}.range-display__label{font-size:.7rem;color:var(--color-text-muted);font-weight:700;text-align:center;margin-top:2px}.range-display__called{margin-left:auto;text-align:right}.range-display__called-num{font-size:1.7rem;font-weight:900;color:var(--color-text-heading)}.range-display__called-label{font-size:.68rem;color:var(--color-text-faint);font-weight:700}.grid-section{padding:11px 11px 13px;flex-shrink:0}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.num-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;border-radius:9px;cursor:default;transition:transform .13s,box-shadow .13s,background .13s,color .13s,border-color .13s;position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.38);background:#ffffff38;color:#0c4a6e52;-webkit-user-select:none;user-select:none}.num-cell:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.45),transparent);border-radius:7px 7px 0 0;pointer-events:none}.num-cell--idle{background:#ffffff2e;color:#0c4a6e40;border-color:#ffffff40}.num-cell--active{background:#ffffffa6;border-color:#ffffffeb;color:var(--color-text-heading);cursor:pointer;box-shadow:0 2px 6px #0ea5e924}.num-cell--active:hover{background:#38bdf847;border-color:#0ea5e9a6;transform:scale(1.14);z-index:2;box-shadow:0 4px 14px #0ea5e961}.num-cell--called{background:#ef444438;border-color:#ef44448c;color:#991b1bd9;text-decoration:line-through;text-decoration-thickness:2.5px;text-decoration-color:#dc2626cc;cursor:default;font-weight:900;box-shadow:inset 0 0 0 1px #ef44442e}.num-cell--called:before{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;background:#dc2626b3;z-index:2}.num-cell--out-of-range{background:#bae6fd17;color:#7dd3fc2e;border-color:#ffffff1a}.num-cell--bomb{background:linear-gradient(135deg,#ff6b6b,#dc2626)!important;color:#fff!important;border-color:#ff6b6b!important;text-decoration:none!important;animation:bombPulse .45s ease-in-out 4;cursor:default;box-shadow:0 0 22px #ff6b6bbf}.num-cell--bomb:before{display:none}.call-row{display:flex;gap:9px;align-items:stretch;flex-shrink:0}.call-row .input{font-size:1rem}.history-section{padding:11px 13px;flex-shrink:0}.history-list{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:#0ea5e940;border-radius:4px}.history-item{font-size:.8rem;font-weight:700;color:var(--color-text-body);padding:4px 10px;background:#ffffff4d;border-radius:7px;border-left:3px solid var(--color-sky-400)}.history-item--bomb{border-left-color:var(--color-danger);color:var(--color-danger)}.game-status-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#ffffff38;border-top:1px solid rgba(255,255,255,.42);flex-shrink:0;gap:10px;margin-top:auto}.status-text{font-size:.84rem;font-weight:800;color:var(--color-text-heading)}.status-text--danger{color:var(--color-danger)}.status-bar__actions{display:flex;gap:8px;flex-shrink:0}@media (min-width: 900px){#normal-view{height:100vh;overflow:hidden}.game-body{display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;gap:12px;padding:14px;overflow:hidden;height:100%}.game-body__left{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.game-body__left::-webkit-scrollbar{width:5px}.game-body__left::-webkit-scrollbar-thumb{background:#0ea5e947;border-radius:4px}.history-section{display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.history-list{flex:1;max-height:none;overflow-y:auto}}@media (min-width: 1200px){.game-body{padding:18px 20px;gap:14px}.number-grid{gap:7px}.num-cell{font-size:.88rem;border-radius:10px}}.bomb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);visibility:hidden;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dc26261f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .28s ease,visibility .28s ease}.bomb-overlay--show{visibility:visible;opacity:1;pointer-events:auto}.bomb-overlay--show .bomb-overlay__card{animation:cardIn .38s .05s cubic-bezier(.34,1.56,.64,1) both}.bomb-overlay__card{max-width:400px;width:90%;padding:44px 52px;text-align:center;border-radius:var(--radius-xl)!important;border-color:#ff6b6b6b!important;box-shadow:0 24px 80px #ff6b6b59,0 8px 32px #00000014!important;background:#ffffffbf!important}.overlay__emoji{font-size:80px;display:block;line-height:1}.overlay__emoji--animate{animation:shake .5s ease both}.overlay__title{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--color-bomb);margin:14px 0 6px}.overlay__bomb-num{font-size:3.4rem;font-weight:900;color:var(--color-bomb);line-height:1.1}.overlay__sub{font-size:.95rem;color:#7f1d1d;font-weight:700;margin:8px 0 24px}.overlay__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.penalty-wheel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) + 1);visibility:hidden;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .24s ease,visibility .24s ease}.penalty-wheel--show{visibility:visible;opacity:1;pointer-events:auto}.penalty-wheel__card{width:min(92vw,560px);padding:28px 28px 24px;text-align:center;border-radius:var(--radius-xl)!important;background:#ffffffd1!important;box-shadow:0 24px 80px #0ea5e93d,0 10px 32px #0f172a1f!important}.penalty-wheel__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:999px;background:#ffffffbf;color:var(--color-text-heading);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}.penalty-wheel__title{position:relative;z-index:2;font-family:var(--font-display);font-size:1.45rem;font-weight:900;color:var(--color-text-heading)}.penalty-wheel__result{position:relative;z-index:2;margin:10px auto 18px;padding:10px 18px;max-width:100%;width:fit-content;border-radius:var(--radius-pill);background:#ffffffb8;color:var(--color-sky-700);font-size:1.15rem;font-weight:900;box-shadow:inset 0 1px #ffffffd9}.penalty-wheel__board{position:relative;width:min(76vw,360px);height:min(76vw,360px);margin:0 auto 18px}.penalty-wheel__pointer{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #ef4444;filter:drop-shadow(0 6px 10px rgba(239,68,68,.35));z-index:3}.penalty-wheel__disc-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 3.6s cubic-bezier(.18,.88,.24,1)}.penalty-wheel__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:12px solid rgba(255,255,255,.92);box-shadow:0 18px 42px #0ea5e938,inset 0 0 0 8px #ffffff57}.penalty-wheel__disc:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#bae6fd 68%,#0ea5e9);box-shadow:0 6px 18px #0ea5e959}.penalty-wheel__labels{position:absolute;top:0;right:0;bottom:0;left:0}.penalty-wheel__label{position:absolute;left:calc(50% - 36px);top:calc(50% - 12px);width:72px;text-align:center;font-size:.95rem;font-weight:900;color:#1e293b;text-shadow:0 1px 0 rgba(255,255,255,.7)}.penalty-wheel__actions{position:relative;z-index:2;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.penalty-wheel__hint{margin-top:12px;color:var(--color-text-muted);font-size:.84rem;font-weight:700}.penalty-wheel__settings{position:relative;z-index:2;margin-top:16px;padding:16px;border-radius:var(--radius-lg);background:#ffffff8f;border:1px solid rgba(255,255,255,.66);text-align:left}.penalty-wheel__settings-label{display:block;margin-bottom:8px;font-size:.88rem;font-weight:800;color:var(--color-text-heading)}.penalty-wheel__textarea{min-height:88px;resize:vertical}.penalty-wheel__settings-tip{margin-top:8px;color:var(--color-text-muted);font-size:.82rem;font-weight:700}.penalty-wheel__settings-actions{display:flex;justify-content:flex-end;margin-top:12px}.compact-view{display:flex;flex-direction:column;width:100%;min-height:100vh;background:linear-gradient(155deg,var(--color-sky-200) 0%,var(--color-sky-400) 100%)}.cv-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:#ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.5);gap:8px;flex-shrink:0}.cv-title{font-weight:900;font-size:.9rem;color:var(--color-text-heading)}.cv-header-right{display:flex;align-items:center;gap:8px}.cv-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:10px}.cv-main{width:100%;max-width:480px;display:flex;flex-direction:column;gap:7px}.cv-vote{padding:7px 10px}.cv-vote__title{font-size:.7rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:5px;margin-bottom:5px}#cv-vote-chart{height:26px;width:100%}#cv-demo-banner{display:none;font-size:.62rem;font-weight:800;color:#92400e;background:#feca5766;border-radius:4px;padding:1px 5px}#cv-demo-banner.demo-banner--show{display:inline-block}.cv-range{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px}.cv-range__num{font-size:1.6rem;font-weight:900;color:var(--color-text-heading);line-height:1}.cv-range__sep{font-size:1rem;color:var(--color-sky-400);font-weight:800}.cv-range__called{margin-left:auto;font-size:.78rem;font-weight:800;color:var(--color-text-muted)}.cv-range__called span{font-size:1rem;font-weight:900;color:var(--color-text-heading)}.cv-grid-wrap{padding:8px}.cv-grid-wrap .number-grid{gap:4px}.cv-grid-wrap .num-cell{font-size:.72rem;border-radius:7px}.cv-actions{display:flex;gap:7px;align-items:stretch}.cv-input{font-size:.88rem;padding:8px 10px;flex:1}.cv-btn{padding:8px 14px;font-size:.82rem;white-space:nowrap}.cv-status{font-size:.75rem;font-weight:800;color:var(--color-text-heading);text-align:center;padding:3px 0}.cv-status--danger{color:var(--color-danger)}#page-about{flex-direction:column;padding:24px 16px 40px;gap:16px;max-width:720px;margin:0 auto;width:100%;overflow-y:auto}.about__header{text-align:center;padding:12px 0 4px;animation:fadeIn .5s ease both}.about__header h2{font-family:var(--font-display);font-size:2rem;color:var(--color-text-heading)}.about__header p{color:var(--color-text-muted);font-weight:600;margin-top:5px}.about__section{padding:20px 24px;animation:fadeIn .5s ease both}.about__section h3{font-size:.96rem;font-weight:900;color:var(--color-text-heading);margin-bottom:10px}.about__section p,.about__section li{color:var(--color-text-muted);font-weight:600;font-size:.88rem;line-height:1.75}.about__section ul{padding-left:18px}.about__section li{margin-bottom:3px}.about__code{background:#ffffff8c;padding:2px 7px;border-radius:6px;font-size:.82em;font-family:Courier New,monospace}.changelog{list-style:none;padding:0}.changelog li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.36)}.changelog li:last-child{border-bottom:none}.changelog .version{background:linear-gradient(135deg,var(--color-sky-400),var(--color-sky-600));color:#fff;font-size:.7rem;font-weight:800;padding:2px 9px;border-radius:var(--radius-pill);white-space:nowrap;margin-top:3px;flex-shrink:0}.changelog .log-text{color:var(--color-text-heading);font-size:.86rem;font-weight:700}.changelog .log-date{color:var(--color-text-faint);font-size:.75rem;font-weight:600;margin-top:1px}.about__nav{display:flex;gap:12px;justify-content:center;padding-top:4px}@media (max-width: 480px){.number-grid{gap:3px}.num-cell{font-size:.65rem;border-radius:6px}.range-display__num{font-size:1.9rem}.home__logo h1{font-size:2.4rem}.home__form{padding:26px 20px}.bomb-overlay__card{padding:32px 22px}.overlay__bomb-num{font-size:2.8rem}.penalty-wheel__card{padding:24px 16px 20px}.penalty-wheel__board{width:min(84vw,320px);height:min(84vw,320px)}.penalty-wheel__label{width:60px;left:calc(50% - 30px);font-size:.78rem}.game-header__room{display:none}}