.cylinder{filter:drop-shadow(0 18px 30px #0000008c);display:block}.cylinder__rotor{transform-box:view-box;transform-origin:50%;transition:transform var(--cylinder-spin,2.4s) cubic-bezier(.12, .62, .14, 1)}.cylinder.is-spinning .cylinder__rotor{filter:none}.cylinder__flash{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.55s ease-out forwards muzzle-flash}@keyframes muzzle-flash{0%{opacity:0;transform:scale(.2)}12%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}.cylinder__pin{filter:drop-shadow(0 2px 3px #00000080)}.cylinder__skull{transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.2,.7,.2,1) skull-pop}@keyframes skull-pop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.game{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.game--booting{justify-content:center;align-items:center}.game__topline{justify-content:center;align-items:center;gap:var(--space);padding-top:var(--space);flex-shrink:0;display:flex}.game__odds{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.game__stage{flex:auto;place-items:center;min-height:0;padding:0;display:grid;position:relative}.game__stage .cylinder{width:auto;max-width:100%;height:100%;max-height:100%}.game__stage.is-shake{animation:.46s cubic-bezier(.36,.07,.19,.97) stage-shake}@keyframes stage-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.game__loader{justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex}.game__loader-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);border-radius:10px;font-size:20px;line-height:1}.game__loader-btn:disabled{opacity:.35}.game__kit{flex:0 0 40px;justify-content:center;align-items:center;gap:12px;height:40px;display:flex;overflow:hidden}.game__loader.is-held{display:none}.game__loadout{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:row;flex-shrink:0;align-items:center;gap:6px;width:132px;height:36px;padding:4px 8px;display:flex;overflow:hidden}.game__loadout-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;color:var(--text-dim);font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.game__bonus-toast{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:var(--accent);padding:6px 14px;font-weight:700;animation:.3s pop;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pot{flex-direction:column;flex:0 0 74px;justify-content:center;align-items:center;gap:0;height:74px;padding:0;display:flex;overflow:hidden}.pot__label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:12px}.pot__value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(28px,7dvh,44px);font-weight:800;line-height:1;transition:color .2s}.pot.is-active .pot__value{color:var(--accent)}.pot__prize{color:var(--text-dim);font-size:13px}.game__actions{gap:var(--space);flex-direction:column;flex-shrink:0;margin-top:auto;display:flex;position:relative}.game__error{color:var(--lose);text-align:center;pointer-events:none;margin:0 0 4px;position:absolute;bottom:100%;left:0;right:0}.fight-arena{--you:#6cb8ff;--them:#ff8a5c;--impact:#ffe08a;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--surface);overflow:hidden}.fight-arena__stage{width:100%;height:auto;display:block}.fight-arena.has-hit .fight-arena__stage{animation:arena-shake var(--round) linear forwards}.fight-arena__ground{stroke:var(--border);stroke-width:1.5px}.fight-arena__round,.fight-arena__name{fill:var(--text-dim);letter-spacing:.06em;text-anchor:middle;text-transform:uppercase;font-size:9px;font-weight:700}.fight-arena__name{fill:var(--text);font-size:10px}.arena-fighter.is-you{color:var(--you)}.arena-fighter.is-them{color:var(--them)}.arena-shadow{fill:#00000059}.arena-limb{fill:var(--surface);stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.arena-pistol{fill:var(--text);stroke:var(--bg);stroke-width:.6px}.arena-shield{fill:color-mix(in srgb, currentColor 35%, var(--surface));stroke:currentColor;stroke-width:2px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:arena-shield-up var(--round) ease-out forwards}.arena-shield.is-guarding{animation:arena-shield-up var(--round) ease-out forwards, arena-shield-hit var(--round) ease-out forwards}.arena-arm{transform-box:view-box;animation:arena-raise var(--round) ease-out forwards}.arena-arm.is-shooting{animation-name:arena-raise-shot}.arena-body,.arena-bullet,.arena-flash,.arena-burst,.arena-spark,.arena-callout{transform-box:fill-box;transform-origin:50%}.arena-body{transform-box:view-box}.arena-body.is-hurt{animation:arena-recoil var(--round) ease-out forwards}.arena-bullet{fill:var(--accent);stroke:var(--impact);stroke-width:.6px;opacity:0;animation:arena-bullet var(--round) linear forwards}.arena-bullet.is-ricochet{animation-name:arena-ricochet}.arena-flash{fill:var(--impact);opacity:0;animation:arena-flash var(--round) ease-out forwards}.arena-burst{fill:var(--lose);stroke:var(--impact);stroke-width:.5px;opacity:0;animation:arena-burst var(--round) ease-out forwards}.arena-spark{fill:var(--impact);opacity:0;animation:arena-burst var(--round) ease-out forwards}.arena-glow{fill:var(--lose);stroke:none;opacity:0;animation:arena-glow var(--round) ease-out forwards}.arena-limb.is-struck{animation:arena-struck var(--round) ease-out forwards}.arena-callout{text-anchor:middle;opacity:0;paint-order:stroke;stroke:var(--bg);stroke-width:3px;animation:arena-callout var(--round) ease-out forwards;font-size:18px;font-weight:800}.arena-callout.is-you{fill:var(--lose)}.arena-callout.is-them{fill:var(--win)}.arena-callout.is-blocked{letter-spacing:.08em;text-transform:uppercase;fill:var(--impact);font-size:11px}@keyframes arena-raise{0%,8%{transform:rotate(70deg)}26%,to{transform:rotate(var(--pose))}}@keyframes arena-raise-shot{0%,8%{transform:rotate(70deg)}26%,32%{transform:rotate(var(--pose))}35%{transform:rotate(calc(var(--pose) - 9deg))}44%,to{transform:rotate(var(--pose))}}@keyframes arena-shield-up{0%,8%{opacity:0;transform:scale(.2)}24%,to{opacity:1;transform:scale(1)}}@keyframes arena-shield-hit{0%,49%{filter:none}52%{filter:brightness(1.8) drop-shadow(0 0 4px var(--impact))}75%,to{filter:none}}@keyframes arena-bullet{0%,31%{opacity:0;transform:translate(0)}32%{opacity:1}50%{transform:translateX(var(--travel));opacity:1}51%,to{transform:translateX(var(--travel));opacity:0}}@keyframes arena-ricochet{0%,31%{opacity:0;transform:translate(0)rotate(0)}32%{opacity:1}50%{transform:translate(var(--travel), 0) rotate(0deg);opacity:1}68%,to{transform:translate(calc(var(--travel) - 26px), -30px) rotate(-200deg);opacity:0}}@keyframes arena-flash{0%,31%{opacity:0;transform:scale(.2)}34%{opacity:1;transform:scale(1.2)}42%,to{opacity:0;transform:scale(.5)}}@keyframes arena-burst{0%,49%{opacity:0;transform:scale(.2)}54%{opacity:1;transform:scale(1.3)rotate(20deg)}76%,to{opacity:0;transform:scale(.9)rotate(40deg)}}@keyframes arena-glow{0%,49%{opacity:0}54%{opacity:.95}to{opacity:.35}}@keyframes arena-struck{0%,49%{stroke:currentColor}52%,80%{stroke:var(--lose)}to{stroke:currentColor}}@keyframes arena-recoil{0%,49%{transform:translate(0)rotate(0)}55%{transform:translate(-7px)rotate(-5deg)}75%,to{transform:translate(0)rotate(0)}}@keyframes arena-callout{0%,49%{opacity:0;transform:translateY(6px)scale(.6)}55%{opacity:1;transform:translateY(0)scale(1.2)}85%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1)}}@keyframes arena-shake{0%,49%{transform:translate(0)}51%{transform:translate(-3px,1px)}53%{transform:translate(3px,-1px)}55%{transform:translate(-2px)}57%,to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.fight-arena *{animation-duration:1ms!important;animation-delay:0s!important}}.move-art{width:52px;height:36px;overflow:visible}.move-art .move-zone{fill:var(--accent);stroke:var(--accent)}.move-art .move-zone--soft{fill:color-mix(in srgb, var(--accent) 30%, transparent);stroke:currentColor}.move-trail{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1.6 2.2;opacity:.45}.move-shield{fill:var(--accent);stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.move-bullet{fill:var(--accent);stroke:var(--bg);stroke-width:.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.move-flash{fill:#ffe08a;opacity:0;transform-box:fill-box;transform-origin:50%}.move-burst{fill:#ff7a3d;stroke:#ffe08a;stroke-width:.6px;transform-box:fill-box;transform-origin:50%}.move-burst--spark{fill:#ffe08a;stroke:none}.move-target{transform-box:view-box}.move-art.is-live .move-bullet{animation:1.8s ease-in infinite move-bullet}.move-art.is-live .move-bullet--ricochet{animation-name:move-ricochet}.move-art.is-live .move-flash{animation:1.8s ease-out infinite move-flash}.move-art.is-live .move-burst{animation:1.8s ease-out infinite move-burst}.move-art.is-live .move-target{animation:1.8s ease-out infinite move-recoil}.move-art.is-live .move-shield{animation:1.8s ease-out infinite move-shield}@keyframes move-bullet{0%,8%{opacity:0;transform:translate(0)}10%{opacity:1}40%{transform:translateX(var(--travel));opacity:1}42%,to{transform:translateX(var(--travel));opacity:0}}@keyframes move-ricochet{0%,8%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}40%{transform:translate(var(--travel), 0) rotate(0deg);opacity:1}62%{transform:translate(calc(var(--travel) - 9px), -10px) rotate(-120deg);opacity:0}to{opacity:0}}@keyframes move-flash{0%,8%{opacity:0;transform:scale(.2)}11%{opacity:1;transform:scale(1.2)}20%,to{opacity:0;transform:scale(.6)}}@keyframes move-burst{0%,39%{opacity:0;transform:scale(.2)}44%{opacity:1;transform:scale(1.35)}70%,to{opacity:0;transform:scale(.9)}}@keyframes move-recoil{0%,40%,70%,to{transform:translate(0)}48%{transform:translate(1.8px)}}@keyframes move-shield{0%,39%,60%,to{transform:scale(1)}44%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.move-art.is-live *{animation:none!important}}.fight-error{color:var(--lose);margin:0 0 8px}.fight-stake{flex-direction:column;gap:12px;display:flex}.fight-stake label,.fight-stake__hint{color:var(--text-dim);font-size:13px;font-weight:600}.fight-stake__hint{margin:0;font-weight:500;line-height:1.4}.fight-stake__input{box-sizing:border-box;text-align:center;width:100%;font:inherit;letter-spacing:-.03em;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:14px 16px;font-size:36px;font-weight:700}.fight-stake__input:focus{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);border-color:var(--accent)}.fight-setup,.fight-replay{flex-direction:column;gap:14px;display:flex}.fight-setup__energy{justify-content:center;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.fight-cost{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.energy-icon{width:14px;height:14px}.fight-slots{justify-content:center;gap:8px;display:flex}.fight-slot{border:1px dashed var(--border);background:var(--surface);width:52px;height:52px;color:var(--text-dim);border-radius:50%;place-items:center;padding:0;font-weight:700;display:grid}.fight-slot.is-filled{border-style:solid;border-color:var(--accent);color:var(--text)}.fight-tray{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.fight-token{border:1px solid var(--border);background:var(--surface-2);color:var(--text);touch-action:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.fight-token__name{text-align:center;font-size:10px;font-weight:700;line-height:1.15}.fight-token .fight-cost{font-size:12px;font-weight:700}.fight-slot .move-art{width:40px;height:28px}.fight-ghost{z-index:40;pointer-events:none;width:48px;height:48px;color:var(--text);margin-top:-48px;margin-left:-24px;position:fixed}.fight-invite{flex-direction:column;gap:8px;display:flex}.fight-invite p{word-break:break-all;color:var(--text-dim);margin:0;line-height:1.4}.fight-invite .fight-invite__note{color:var(--text);word-break:normal;font-weight:700}.fight-replay{flex-direction:column;gap:8px;min-height:320px;display:flex}.fight-replay__delta{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:800}.fight-replay__delta.is-win{color:var(--win)}.fight-replay__delta.is-loss{color:var(--lose)}.fight-replay__who{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px;font-weight:700}.fight-replay__row{justify-content:center;gap:8px;display:flex}.fight-replay__slot{flex-direction:column;align-items:center;gap:4px;width:44px;display:flex}.fight-replay__slot>span:first-child{border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);border-radius:50%;place-items:center;display:grid;overflow:hidden}.fight-replay__slot>span:first-child.is-open{color:var(--text);background:color-mix(in srgb, var(--accent) 16%, var(--surface));animation:.32s ease-out replay-slot-pop}@keyframes replay-slot-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.fight-replay__slot>span:first-child.is-win{border-color:var(--win);box-shadow:0 0 0 1px var(--win)}.fight-replay__slot>span:first-child.is-lose{border-color:var(--lose);box-shadow:0 0 0 1px var(--lose)}.fight-replay__points{min-height:14px;color:var(--text);font-size:12px;font-weight:700}.fight-replay__slot .move-art{width:32px;height:32px}.fight-replay__score{text-align:center;font-size:28px}.fight-replay__footer{margin-top:auto;padding-top:16px}.fight-replay__result{text-align:center;letter-spacing:-.03em;margin:0;font-size:40px;font-weight:800}.fight-invite__link{word-break:break-all;text-align:center;margin:0;font-size:13px}.fight-invite__note{margin:0;font-weight:700}.fight-wait{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.fight-history{flex-direction:column;gap:8px;display:flex}.map-dock{z-index:5;flex-direction:row;flex-shrink:0;justify-content:center;gap:10px;display:flex;position:static}.map-dock__btn{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000047}.map-screen{gap:var(--space);padding-top:var(--space);flex-direction:column;flex:1;min-height:0;display:flex}.map-screen__topline{justify-content:center;align-items:center;gap:8px;display:flex}.map-screen__title{font-size:18px;font-weight:700}.map-screen__pan{text-align:center;color:var(--text-dim);margin:0;font-size:12px}.city-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.city-stage__open{z-index:2;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.city-stage.is-open{z-index:20;background:var(--bg);cursor:default;padding:12px;position:fixed;inset:0}.city-stage__bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.city-stage__close{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);border-radius:12px;place-items:center;display:grid}.city-stage__frame{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), var(--bg);border-radius:16px;flex:1;place-items:start center;min-height:0;display:grid;overflow:hidden}.city-stage__fit{overflow:hidden}.map-screen__error{color:var(--lose);margin:0;font-size:14px}.city-cell__meta{color:var(--text-dim);font-size:11px}.city-scroll{flex:1;height:100%;min-height:0;overflow:auto}.city-stage.is-open .city-stage__frame{justify-content:stretch;align-items:stretch;display:flex}.city-stage.is-open .city-stage__fit{flex:1;width:100%;min-height:0}.city-stage.is-open .city-scroll{width:100%;height:100%}.city-stage:not(.is-open) .city-scroll{pointer-events:none;overflow:hidden}.city-iso{position:relative}.plot{color:#f4f1ea;pointer-events:none;background:0 0;border:0;width:84px;padding:0;position:absolute}.plot__svg{pointer-events:none;filter:drop-shadow(0 8px 6px #00000047);display:block;overflow:visible}.plot__hit{pointer-events:auto;cursor:pointer}.plot__ground{stroke:#121614;stroke-width:1px}.plot__grass{fill:#314a3c}.plot__water{fill:#1a4456}.plot__water-l{fill:#2a6a80}.plot__wall-l{fill:#ddd4c6}.plot__wall-r{fill:#b7aa9a}.plot__roof{fill:#1c1c1f}.plot__roof-l{fill:#323238}.plot__plinth{fill:#c8bba8}.plot__cornice{fill:#9a8e7c}.plot__win{fill:#f0c14a;stroke:#2a241c;stroke-width:.45px}.plot__win-dim{fill:#4a433a;stroke:#2a241c;stroke-width:.45px}.plot__door{fill:#2c261f}.plot__stack,.plot__stack-l,.plot__stack-r{fill:#3a3835}.plot__stack-l{fill:#4e4a46}.plot__stack-r{fill:#2e2c2a}.plot__awning{fill:#e0a63c}.plot__awning-d{fill:#8a6726}.plot__stripe{fill:#1a1814}.plot__sign{fill:#f4f1ea}.plot__deck{fill:#7a6244}.plot__deck-l{fill:#947552}.plot__deck-r{fill:#5c4a34}.plot__hull{fill:#d4cbbd}.plot__hull-l{fill:#b3a898}.plot__hull-d{fill:#8a8074}.plot__cable{stroke:#9a9aa2;stroke-width:.7px}.plot__jib{stroke:#4e4a46;stroke-width:1.4px;stroke-linecap:round}.plot__trunk{fill:#5a4030}.plot__canopy{fill:#246b42}.plot__canopy-l{fill:#3c8f58}.plot__canopy-d{fill:#163d28}.plot-art--works .plot__wall-l{fill:#8d8680}.plot-art--works .plot__wall-r{fill:#645e58}.plot--yours .plot__grass{fill:#1f6a45}.plot--yours .plot__water{fill:#1a4a48}.plot--yours .plot__plinth{fill:#37d18a}.plot--yours .plot__ground{stroke:#37d18a;stroke-width:1.5px}.plot--taken .plot__grass{fill:#243038}.plot--taken .plot__water{fill:#243848}.plot--taken .plot__plinth{fill:#8b98a6}.plot--taken .plot__ground{stroke:#8b98a6;stroke-width:1.5px}.plot--attacked .plot__ground{stroke:var(--lose);stroke-width:1.6px}.plot__shield{z-index:2;position:absolute;top:18px;left:50%;transform:translate(-50%)}.plot__shield path{fill:#d7e4f5;stroke:#1d4e89;stroke-width:1px}.plot__label{text-align:center;white-space:normal;pointer-events:none;z-index:1;background:#0f0f10c7;border-radius:4px;width:max-content;max-width:74px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.15;position:absolute;left:50%;transform:translate(-50%)}.road{pointer-events:none;width:84px;height:42px;position:absolute}.road__svg{display:block}.road__slab{fill:#4a5160;stroke:#6d7584;stroke-width:1px}.city-sheet p{color:var(--text-dim);margin:0 0 12px;line-height:1.4}.city-sheet__actions{flex-direction:column;gap:8px;display:flex}.profile{gap:calc(var(--space) * 1.5);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.profile__name{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.profile__balance{flex-direction:column;align-items:center;gap:4px;display:flex}.profile__balance-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:12px}.profile__balance-value{letter-spacing:-.03em;color:var(--accent);font-size:40px;font-weight:800}.profile__balance-locked{color:var(--text-dim);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.profile__stats{gap:var(--space);grid-template-columns:repeat(3,1fr);display:grid}.profile__rating{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.rating__switch{margin-bottom:var(--space);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.rating__switch-btn{color:var(--text-dim);background:0 0;border:none;border-radius:9px;padding:10px;font-weight:700}.rating__switch-btn.is-active{background:var(--accent);color:#1a1206}.rating__status{text-align:center;color:var(--text-dim);margin:0}.rating__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rating__row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.rating__row.is-you{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.rating__row.is-apart{margin-top:8px}.rating__place{color:var(--text-dim);font-weight:800}.rating__row.is-you .rating__place{color:var(--accent)}.rating__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.rating__score{font-variant-numeric:tabular-nums;font-weight:800}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat__value{font-size:26px;font-weight:800}.stat__label{color:var(--text-dim);font-size:12px}.profile__bonus{text-align:center;color:var(--text-dim);font-size:14px}.profile__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:var(--space);font-size:12px;display:block}.profile__loadout-row{gap:var(--space);grid-template-columns:1fr 1fr;display:grid}.profile__drum,.profile__bullet{padding:calc(var(--space) * 1.5);border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;display:flex}.profile__loadout-name{color:var(--text-dim);word-break:break-all;text-align:center;font-size:12px}.profile__lang-toggle{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.profile__lang-btn{color:var(--text-dim);background:0 0;border:none;border-radius:9px;padding:10px;font-weight:700}.profile__lang-btn.is-active{background:var(--accent);color:#1a1206}.shop{gap:calc(var(--space) * 2);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.shop__tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr 1fr;gap:4px;padding:4px;display:grid}.shop__tab{color:var(--text-dim);background:0 0;border:none;border-radius:10px;padding:10px;font-weight:700;transition:all .15s}.shop__takeover{gap:calc(var(--space) * 1.5);flex-direction:column;display:flex}.shop__takeover p{text-align:center;color:var(--text-dim);margin:0;line-height:1.45}.shop__tab.is-active{background:var(--surface-2);color:var(--text)}.shop__error{color:var(--lose);text-align:center;margin:0}.shop__grid{gap:calc(var(--space) * 1.5);grid-template-columns:1fr 1fr;display:grid}.shop-card{flex-direction:column;align-items:stretch;gap:8px;display:flex}.shop-card__art{background:var(--surface-2);border-radius:12px;place-items:center;height:84px;display:grid}.shop-card__art--drum{background:radial-gradient(circle at 40% 32%,#3a3a3f,#141416)}.shop-card__chambers{color:var(--text);font-size:28px;font-weight:800}.shop-card__name{font-weight:700}.shop-card__meta{color:var(--text-dim);min-height:2.6em;font-size:12px}.shell{background:var(--bg);flex-direction:column;max-width:480px;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;overflow:hidden}.shell__content{min-height:0;padding:calc(var(--space) * 2);flex-direction:column;flex:1;display:flex;overflow:hidden}.splash{max-width:480px;min-height:100dvh;padding:calc(var(--space) * 3);place-items:center;margin:0 auto;display:grid}.topbar{z-index:5;padding:calc(var(--space) * 1.5) calc(var(--space) * 2);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__balance{align-items:center;gap:var(--space);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);padding:6px 14px;display:inline-flex}.topbar__coin{color:var(--accent)}.topbar__amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.topbar__lock{border-left:1px solid var(--border);color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-left:2px;padding-left:8px;font-size:13px;font-weight:700;display:inline-flex}.topbar__gift{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid;position:relative}.topbar__actions{align-items:center;gap:8px;display:flex}.topbar__count{background:var(--lose);color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:4px;right:4px}.notices{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.notices__empty{color:var(--text-dim);margin:0 0 8px}.notices__item{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;display:flex}.notices__item p{margin:0;line-height:1.35}.notices__item time{color:var(--text-dim);flex:none;font-size:12px}.notices__item.is-unread{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.topbar__gift-dot{background:var(--lose);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:7px;right:7px}.bottomnav{width:100%;max-width:480px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:6;flex-shrink:0;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:relative}.bottomnav__item{color:var(--text-dim);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 0;transition:color .15s;display:flex}.bottomnav__item.is-active{color:var(--accent)}.bottomnav__label{font-size:11px;font-weight:600}.btn{border-radius:var(--radius);letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){border-radius:var(--radius)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--lg{padding:16px 20px;font-size:17px}.btn--primary{background:var(--accent);color:#1a1206}.btn--secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--ghost{color:var(--text-dim);border-color:var(--border);background:0 0}.btn--danger{background:var(--lose);color:#2a0a0e}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--space) * 2)}.status{align-items:center;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 6) calc(var(--space) * 2);color:var(--text-dim);text-align:center;flex-direction:column;display:flex}.status__text{margin:0}.status__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--border);width:100%;max-width:480px;padding:calc(var(--space) * 2) calc(var(--space) * 2) calc(var(--space) * 3 + env(safe-area-inset-bottom));border-bottom:none;border-top-left-radius:22px;border-top-right-radius:22px;animation:.24s cubic-bezier(.2,.7,.2,1) slide-up}.sheet-backdrop.is-center{align-items:center;padding:24px}.sheet.is-center{border-bottom:1px solid var(--border);max-height:min(640px,100%);padding-bottom:calc(var(--space) * 2);border-radius:22px;animation:.22s cubic-bezier(.2,.7,.2,1) sheet-pop;overflow:auto}.sheet__head{margin-bottom:var(--space);justify-content:space-between;align-items:center;display:flex}.sheet__title-row{align-items:center;gap:8px;min-width:0;display:flex}.sheet__title{min-width:0;font-size:18px;font-weight:700}.help-mark{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-dim);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.rules{color:var(--text);flex-direction:column;gap:10px;margin:0;padding-left:1.2em;display:flex}.rules li{line-height:1.4}.rules__note{margin:var(--space) 0 0;color:var(--text-dim);font-size:14px}.sheet__close{background:var(--surface-2);width:34px;height:34px;color:var(--text-dim);border:none;border-radius:10px;place-items:center;display:grid}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes sheet-pop{0%{opacity:0;transform:scale(.96)}}.signin{align-items:stretch;gap:calc(var(--space) * 3);flex-direction:column;width:100%;display:flex}.signin__mark{margin-bottom:var(--space);flex-direction:column;align-items:center;gap:6px;display:flex}.signin__title{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800}.signin__tag{color:var(--text-dim)}.signin__error{color:var(--lose);text-align:center;margin:0}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--text-dim);font-size:13px;font-weight:700}.field__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text);font:inherit;padding:14px 16px}.field__hint{color:var(--text-dim);text-align:center;margin:0;font-size:13px}.daily{align-items:center;gap:calc(var(--space) * 1.5);text-align:center;padding-top:var(--space);flex-direction:column;display:flex}.daily__icon{background:color-mix(in srgb, var(--accent) 18%, var(--surface-2));width:80px;height:80px;color:var(--accent);margin-bottom:var(--space);border-radius:50%;place-items:center;display:grid}.daily__granted{color:var(--accent);margin:0;font-size:40px;font-weight:800}.daily__sub{color:var(--text-dim);margin:0 0 var(--space)}.daily__error{color:var(--lose);margin:0}.overlay{z-index:25;padding:calc(var(--space) * 3);background:#000000b8;place-items:center;animation:.18s fade;display:grid;position:fixed;inset:0}.overlay__card{align-items:center;gap:var(--space);width:100%;max-width:320px;padding:calc(var(--space) * 4) calc(var(--space) * 3);background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:22px;flex-direction:column;animation:.26s cubic-bezier(.2,.7,.2,1) pop;display:flex}.overlay__badge{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.overlay__badge--lose{color:var(--lose)}.overlay__badge--cashed{color:var(--win)}.overlay__amount{letter-spacing:-.03em;font-size:48px;font-weight:800}.overlay__card--lose .overlay__amount{color:var(--lose)}.overlay__card--cashed .overlay__amount{color:var(--win)}.overlay__sub{color:var(--text-dim);margin-bottom:var(--space)}.overlay__bonus{color:var(--accent);font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.85)}}:root{--bg:#0f0f10;--surface:#161617;--surface-2:#1d1d1f;--border:#2a2a2d;--text:#f4f4f5;--text-dim:#9a9aa2;--accent:#e0a63c;--accent-dim:#8a6726;--win:#37d18a;--lose:#ff5a6a;--radius:14px;--radius-pill:999px;--space:8px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}