*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%,#0b3b52,#061a26 55%,#03101a);color:#e2f3ff;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Noto Sans Arabic,Geeza Pro,system-ui,sans-serif;overflow:hidden}.app{position:relative;width:100%;height:100%}.game-host{position:absolute;inset:0}.game-host canvas{display:block;width:100%;height:100%}.game-host__loading{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:6;padding:10px 20px;border-radius:999px;background:#0c1a28b8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe6f5;font-size:13px;letter-spacing:.04em;pointer-events:none}@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/zcool-kuaile-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/titan-one-latin-400-normal.woff2) format("woff2")}.hud-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:0;right:0;z-index:10;height:52px;pointer-events:none}.coin-text{font-family:ZCOOL KuaiLe,Titan One,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;color:gold;-webkit-text-stroke:1px #8b4500;text-shadow:0 0 10px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}@supports ((-webkit-background-clip: text) or (background-clip: text)){.coin-text{background:linear-gradient(180deg,#fff6c2,gold 38%,#f0b429 64%,#b8730a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,215,0,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.65))}}.hud-score{position:absolute;top:0;inset-inline-start:10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:88px;padding:6px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0c1c2c9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#eaf6ff;cursor:pointer;pointer-events:auto}.hud-score.is-open{border-color:#ffd87399}.hud-score__label{font-size:10px;letter-spacing:.08em;color:#eaf6ff99}.hud-score__value{font-size:20px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.hud-coins{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;border:2px solid rgba(255,215,0,.3);background:#121e319e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #00000073,inset 0 0 18px #ffd7001a;pointer-events:auto}.hud-coins__icon{flex:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.hud-coins__value{font-size:28px;letter-spacing:1px;line-height:1.1}@keyframes coin-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.coin-text--shimmer{background-image:linear-gradient(100deg,#f0b429,gold 30%,#fffbe0 48%,gold 62%,#f0b429);background-size:240% 100%;animation:coin-shimmer 2.8s linear infinite}}@media(prefers-reduced-motion:reduce){.coin-text--shimmer{animation:none}}.hud-stats{position:absolute;top:calc(env(safe-area-inset-top,0px) + 70px);inset-inline-start:10px;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0c1c2cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:venue-modal-in .16s ease-out}.hud-stats__hint{font-size:11px;color:#ffffff73}.hud-stats__fps{margin:0;font-size:11px;font-variant-numeric:tabular-nums;color:#a7f3d0bf}.hud-stats__leave{margin-top:2px}.hud-icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .16s ease,border-color .16s ease}.hud-icon-btn[aria-pressed=true]{border-color:#7fd8ffa6;color:#d9f4ff}.hud-icon-btn:active{transform:scale(.94)}.fire-btn{position:absolute;inset-inline-end:30px;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:78px;height:78px;border-radius:50%;border:2px solid #7ab8ff;background:radial-gradient(circle at 50% 30%,#6cb2f5,#2c5f9e 70%,#1a3b66);box-shadow:0 5px #16324f,0 10px 20px #00000073;color:#fff;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}.fire-btn:active{transform:translateY(4px);box-shadow:0 1px #16324f,0 4px 10px #0006}.fire-btn:disabled{border-color:#ffffff40;background:#ffffff1f;box-shadow:none;color:#fff9;cursor:default}.fire-btn__label{font-size:11px;font-weight:600}.stats-text{font-size:12px;color:#ffffffb3;margin-top:8px;font-variant-numeric:tabular-nums}.hud-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-panel__label{font-size:11px;letter-spacing:.08em;color:#ffffff8c}.hud-panel__hint{font-size:11px;color:#ffffff73}@media(max-width:480px){.hud-score{min-width:76px;padding:5px 10px}.hud-score__value{font-size:18px}.hud-coins{padding:5px 12px}.hud-coins__value{font-size:24px}.settings-btn{width:44px;height:44px}.fire-btn{width:70px;height:70px}}.game-btn{background:linear-gradient(180deg,#4a90e2,#2c5f9e);border:2px solid #7ab8ff;border-radius:24px;color:#fff;font-weight:700;padding:8px 20px;box-shadow:0 4px #1a3b66,0 8px 15px #0006;transition:all .1s ease;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1a3b66,0 0 20px #4a90e2cc;filter:brightness(1.1)}.game-btn:active{transform:translateY(4px);box-shadow:0 0 #1a3b66,0 4px 10px #0006}.game-btn--sm{padding:4px 12px;font-size:12px;font-weight:600;border-radius:16px;box-shadow:0 3px #1a3b66,0 5px 10px #00000059}.game-btn--sm:hover{box-shadow:0 4px #1a3b66,0 0 14px #4a90e2bf}.game-btn--sm:active{box-shadow:0 0 #1a3b66,0 3px 8px #0006}.settings-btn{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff;cursor:pointer}.settings-btn:hover{transform:rotate(90deg) scale(1.1);background:#fff3;box-shadow:0 0 15px #ffffff80}.settings-btn:active{transform:rotate(90deg) scale(1.02)}.venue-modal{position:absolute;inset:0;z-index:15;display:grid;place-items:center;padding:20px;overflow-y:auto;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:venue-modal-in .2s ease-out}@keyframes venue-modal-in{0%{opacity:0}to{opacity:1}}.venue-modal__panel{width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:18px}.venue-modal__head{text-align:center}.venue-modal__title{margin:0;font-size:26px;font-weight:300;letter-spacing:.12em;color:#e9f7ff}.venue-modal__subtitle{margin:8px 0 0;font-size:12px;color:#e2f3ff8c}.venue-modal__back{margin-top:12px}.venue-modal__tip,.venue-modal__error{margin:0;font-size:12px;color:#e2f3ff99}.venue-modal__error{color:#ffb4b4}.venue-modal__cards{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:768px){.venue-modal__cards{flex-direction:row;align-items:stretch;justify-content:center}}.venue-card{position:relative;flex:1 1 0;width:100%;max-width:300px;min-height:268px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 18px 18px;border-radius:18px;border:2px solid var(--venue-edge);background:var(--venue-bg);box-shadow:0 10px 30px #00000073;color:#eef7ff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.venue-card:hover{transform:translateY(-10px);border-color:var(--venue-glow);box-shadow:0 18px 40px #0000008c,0 0 26px var(--venue-glow)}@media(prefers-reduced-motion:reduce){.venue-card:hover{transform:none}}.venue-card--basic{--venue-glow: rgba(74, 144, 226, .75);--venue-edge: rgba(74, 144, 226, .45);--venue-icon: #7ab8ff;--venue-bg: linear-gradient(180deg, rgba(20, 52, 92, .92) 0%, rgba(9, 24, 42, .94) 100%)}.venue-card--mid{--venue-glow: rgba(160, 108, 240, .75);--venue-edge: rgba(160, 108, 240, .45);--venue-icon: #c9a6ff;--venue-bg: linear-gradient(180deg, rgba(56, 30, 96, .92) 0%, rgba(22, 12, 44, .94) 100%)}.venue-card--high{--venue-glow: rgba(255, 176, 59, .8);--venue-edge: rgba(255, 122, 89, .5);--venue-icon: #ffb43b;--venue-bg: linear-gradient(180deg, rgba(112, 40, 26, .92) 0%, rgba(48, 16, 22, .94) 100%)}.venue-card.is-current{border-color:#ffd873;box-shadow:0 12px 32px #00000080,0 0 26px #ffd87373}.venue-card__badge{position:absolute;top:10px;inset-inline-end:12px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;color:#1a1206;background:linear-gradient(180deg,#ffe9a8,#ffd873)}.venue-card__icon{display:grid;place-items:center;height:52px;color:var(--venue-icon);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.venue-card__name{margin:0;font-size:20px;font-weight:600;letter-spacing:.06em}.venue-card__entry{margin:6px 0 0;display:flex;align-items:baseline;gap:6px}.venue-card__entryLabel{font-size:11px;color:#eef7ff8c}.venue-card__coins{font-size:24px;line-height:1.2}.venue-card__meta{margin:0;font-size:11px;color:#eef7ff99}.venue-card__online{margin:0;font-size:11px;font-weight:600;color:var(--venue-icon)}.venue-card__btn{margin-top:auto;width:100%;font-size:15px}.venue-card__btn:disabled{background:#ffffff1f;border-color:#ffffff40;color:#ffffffb3;box-shadow:none;filter:none;transform:none;cursor:default}.app__actions{position:absolute;top:12px;inset-inline-end:12px;z-index:20;display:flex;align-items:center;gap:8px}.settings{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#030a10b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings__card{width:100%;max-width:360px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0c202ef5,#040e16f5);box-shadow:0 18px 50px #0000008c}.settings__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.settings__head h2{margin:0;font-size:16px;font-weight:600}.settings__close{font-size:12px}.settings__section h3{margin:0 0 8px;font-size:12px;font-weight:500;color:#e2f3ff8c}.settings__langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings__lang{font-size:13px}.settings__lang.is-active{border-color:#ffd873;font-weight:700;filter:brightness(1.12);box-shadow:0 3px #1a3b66,0 0 16px #ffd8738c}.settings__note{margin:10px 0 0;font-size:11px;line-height:1.5;color:#e2f3ff73}[dir=rtl] .venue-modal__head,[dir=rtl] .settings__note{text-align:right}[dir=rtl] .coin-text,[dir=rtl] .stats-text{direction:ltr;unicode-bidi:isolate;text-align:right}body[data-dir=rtl]{direction:rtl}