:root{--navy-0: #05070f;--navy-1: #0a1330;--navy-2: #0f1f4d;--electric: #3aa0ff;--electric-2: #6ee2ff;--ink: #dce8ff;--glass: rgba(20, 36, 80, .55);--glass-stroke: rgba(110, 226, 255, .45);--win: #38e8a0;--touch: 48px}*{box-sizing:border-box}html,body,.game-root{width:100%;height:100%;margin:0;overflow:hidden}html,body{height:100dvh}body{font-family:Segoe UI,system-ui,-apple-system,Verdana,sans-serif;color:var(--ink);background:var(--navy-0);overflow:hidden;overscroll-behavior:none}.game-root{position:fixed;inset:0;display:block;background:var(--navy-0);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;resize:none;overflow:hidden}.game-root canvas{display:block;position:relative;z-index:1;width:100%;height:100%;touch-action:none;-webkit-user-drag:none;resize:none}.lightning-panel-host{position:absolute;z-index:5;pointer-events:auto}.lightning-panel{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;padding:clamp(2px,.5vh,6px) clamp(4px,1vw,10px);border-radius:12px;background:var(--glass);border:1px solid var(--glass-stroke);box-shadow:0 0 24px #3aa0ff1f;overflow:visible}.lightning-panel__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.2vw,8px);width:100%;height:100%;align-content:stretch;align-items:stretch}.lightning-panel__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;min-width:0;padding:2px 0;border:none;border-radius:10px;background:#081028d9;outline:none;cursor:pointer;font:inherit;color:inherit;box-shadow:inset 0 0 0 1px #6ee2ff40;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.lightning-panel__card:focus-visible{outline:2px solid var(--electric-2);outline-offset:2px}.lightning-panel__card:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px #6ee2ff73,0 0 10px #3aa0ff33}.lightning-panel__num{font-size:clamp(15px,3.6vw,22px);font-weight:800;line-height:1.1}.lightning-panel__bolt{display:none;font-size:clamp(10px,2.2vw,12px);line-height:1}.lightning-panel__mult{font-size:clamp(10px,2.2vw,12px);font-weight:700;color:var(--electric-2);min-height:11px;line-height:1.1}.lightning-panel__card--selected{background:#1f6dff59;box-shadow:inset 0 0 0 2px var(--electric),0 0 14px #3aa0ff73}.lightning-panel__card--selected-lightning{background:linear-gradient(165deg,#4a2a8ad9,#1f6dff8c);box-shadow:inset 0 0 0 2px #b388ff,0 0 18px #b388ffa6,0 0 24px #6ee2ff59;animation:lightning-charged 1.6s ease-in-out infinite}.lightning-panel__card--lightning{background:linear-gradient(165deg,#3a2478e6,#0f1f4df2);box-shadow:inset 0 0 0 1.5px #b388ff,0 0 16px #b388ff8c}.lightning-panel__card--lightning .lightning-panel__bolt{display:inline}.lightning-panel__card--lightning .lightning-panel__num{color:#e8d8ff}.lightning-panel__card--struck{animation:card-struck .28s ease-out}@keyframes card-struck{0%{filter:brightness(1);transform:scale(1)}35%{filter:brightness(2.2);transform:scale(1.06)}to{filter:brightness(1.2);transform:scale(1)}}@keyframes lightning-charged{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.lightning-panel__card--disabled{opacity:.6;cursor:not-allowed}.lightning-panel--pulse{animation:no-lightning-pulse .28s ease-out}@keyframes no-lightning-pulse{0%,to{opacity:1}50%{opacity:.72}}@media(prefers-reduced-motion:reduce){.lightning-panel--pulse,.lightning-panel__card--struck,.lightning-panel__card--selected-lightning{animation:none}}.lightning-strike-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible}.lightning-strike-bolt{fill:none;stroke:#6ee2ff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(179,136,255,.85))}.lightning-strike-bolt--core{stroke:#fff;stroke-width:1.5;opacity:.9}.lightning-strike-flash{fill:#fff;opacity:.95;filter:drop-shadow(0 0 12px #6ee2ff)}.lightning-strike-spark{stroke:#6ee2ff;stroke-width:1.5;opacity:.85}.lightning-strike-glow{fill:#6ee2ff59;filter:blur(6px)}.lightning-impact-layer-host{position:absolute;z-index:7;pointer-events:none;overflow:visible}.lightning-impact{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.6vh,6px);text-align:center;pointer-events:none}.lightning-impact__label{font-size:clamp(12px,2.8vw,18px);font-weight:800;letter-spacing:.14em;color:#b388fff2;text-shadow:0 0 12px rgba(179,136,255,.55)}.lightning-impact__mult{font-size:clamp(30px,11vw,72px);font-weight:900;line-height:1;color:#fff;text-shadow:0 0 16px rgba(110,226,255,.95),0 0 32px rgba(179,136,255,.65)}.lightning-impact--enter{animation:lightning-impact-in .32s ease-out forwards}.lightning-impact--static{opacity:1;transform:scale(1)}.lightning-impact--exit{animation:lightning-impact-out .22s ease-in forwards}@keyframes lightning-impact-in{0%{opacity:0;transform:scale(.82);filter:brightness(1.4)}55%{opacity:1;transform:scale(1.06);filter:brightness(1.25)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes lightning-impact-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.lightning-impact--enter,.lightning-impact--exit{animation:none;opacity:1;transform:none}}.error-toast-host{position:absolute;z-index:12;pointer-events:none}.error-toast{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#180c1ceb;border:1px solid rgba(255,120,120,.45);box-shadow:0 8px 24px #00000059;pointer-events:auto;min-height:36px}.error-toast__text{margin:0;flex:1;font-size:clamp(13px,2.4vw,14px);line-height:1.3;color:#ffd8d8}.error-toast__dismiss{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff14;color:var(--ink);font-size:18px;cursor:pointer}.lightning-result-host{position:absolute;z-index:11;pointer-events:none;min-width:0;max-width:100%;box-sizing:border-box}.lightning-result{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.4vh,4px);padding:clamp(2px,.5vh,6px) clamp(8px,2vw,16px);text-align:center;min-width:0;min-height:0}.lightning-result__calc{margin:0;width:100%;line-height:1.35;letter-spacing:.02em;font-weight:650;font-size:clamp(12px,2.8vw,16px);color:var(--ink);overflow-wrap:anywhere;word-break:break-word}.lightning-result__money{margin:0;width:100%;font-size:clamp(11px,2.2vw,13px);font-weight:600;color:#9fb6e0;line-height:1.3}.lightning-result__base{color:#dce8ff}.lightning-result__lightning{color:#b388ff}.lightning-result__stake{color:#9fb6e0}.lightning-result__total{color:var(--ink);font-weight:700}.lightning-result__muted{color:#9fb6e0;font-weight:600}.lightning-result__sep{color:#9fb6e08c;font-weight:500}.game-root[data-layout-kind=unified] .lightning-result__calc{font-size:clamp(14px,1.2vw,17px)}.game-root[data-layout-kind=portrait] .lightning-result__calc{font-size:clamp(12px,3.2vw,15px)}.lightning-result--dim{opacity:.35}.lightning-result--rolling .lightning-result__calc,.lightning-result--rolling .lightning-result__money{visibility:hidden}.lightning-result[data-state=hint] .lightning-result__calc{color:#9fb6e0;font-weight:600;font-size:clamp(12px,2.6vw,14px)}.orientation-overlay-host{position:fixed;inset:0;z-index:80;pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.orientation-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,#0f1f4dfa,#05070ffa);backdrop-filter:blur(6px)}.orientation-overlay__content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(92vw,360px);text-align:center}.orientation-overlay__icon{width:clamp(56px,16vw,72px);height:clamp(56px,16vw,72px);color:var(--electric-2)}.orientation-overlay__title{margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--ink)}.orientation-overlay__message{margin:0;font-size:clamp(14px,3.4vw,16px);line-height:1.45;color:#b8cce8}.game-root[data-interaction-blocked=true] canvas,.game-root[data-orientation-blocked=true] canvas,.game-root[data-interaction-blocked=true] .lightning-panel-host,.game-root[data-orientation-blocked=true] .lightning-panel-host,.game-root[data-interaction-blocked=true] .lightning-result-host,.game-root[data-orientation-blocked=true] .lightning-result-host,.game-root[data-interaction-blocked=true] .lightning-impact-layer-host,.game-root[data-orientation-blocked=true] .lightning-impact-layer-host{pointer-events:none}.lightning-reel{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:clamp(6px,1.2vh,10px);min-width:0;max-width:100%;height:100%;padding:clamp(4px,.8vh,8px) clamp(6px,1.5vw,14px);pointer-events:none}.lightning-reel__title{flex:0 0 auto;margin:0;padding-top:clamp(2px,.4vh,4px);text-align:center;font-size:clamp(11px,2.6vw,14px);font-weight:700;letter-spacing:.06em;line-height:1.25;color:var(--electric-2);text-transform:uppercase}.game-root[data-layout-kind=unified] .lightning-reel__title{font-size:clamp(12px,1.1vw,14px)}.lightning-reel__viewport{position:relative;flex:1 1 auto;min-height:clamp(40px,9vw,56px);overflow:hidden;border-radius:10px;border:1px solid rgba(90,180,255,.35);background:#080e24bf}.lightning-reel__pointer{position:absolute;top:clamp(4px,1vh,8px);left:50%;transform:translate(-50%);width:3px;height:calc(100% - clamp(4px,1vh,8px));background:linear-gradient(180deg,var(--electric-2),var(--electric));box-shadow:0 0 10px #6ee2ffd9;z-index:3;pointer-events:none}.lightning-reel__pointer:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--electric-2)}.lightning-reel__track{display:flex;flex-direction:row;align-items:stretch;gap:clamp(3px,.8vw,6px);height:100%;will-change:transform}.lightning-reel__track[data-mode=idle]{width:100%;justify-content:space-between;transform:none!important}.lightning-reel__track[data-mode=spin]{width:max-content;justify-content:flex-start}.lightning-card{flex:0 0 auto;width:clamp(48px,12vw,72px);display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:clamp(11px,2.8vw,16px);color:#fff;border:1px solid rgba(110,226,255,.35);background:linear-gradient(160deg,#1a3a7a,#0f1f4d);transform:none}.lightning-reel__track[data-mode=idle] .lightning-card{flex:1 1 0;min-width:0;width:auto;max-width:none;font-size:clamp(11px,2.4vw,15px)}.game-root[data-layout-kind=unified] .lightning-reel__track[data-mode=idle] .lightning-card{font-size:clamp(14px,1.1vw,16px)}.game-root[data-layout-kind=rail] .lightning-reel__track[data-mode=idle] .lightning-card{font-size:clamp(11px,2.2vw,13px)}.lightning-card--tier-low{background:linear-gradient(160deg,#1a3a7a,#122a5c)}.lightning-card--tier-mid{background:linear-gradient(160deg,#1a5a8a,#0f3a5c);color:#c8f4ff}.lightning-card--tier-high{background:linear-gradient(160deg,#4a2a8a,#2a1a5c);color:#e8d0ff}.lightning-card--tier-rare{background:linear-gradient(160deg,#6a4a10,#3a2808);color:#ffe066;border-color:#ffdc508c}.lightning-card--selected{box-shadow:0 0 12px #6ee2ffe6;border-color:var(--electric-2);transform:scale(1.04)}.lightning-card--flash{animation:lightning-card-flash .35s ease-out}.lightning-card--disabled{opacity:.45}@keyframes lightning-card-flash{0%{filter:brightness(1)}50%{filter:brightness(1.6)}to{filter:brightness(1)}}.lightning-reel--no-match .lightning-card{opacity:.45}@media(prefers-reduced-motion:reduce){.lightning-card--flash{animation:none}.lightning-reel__track{transition-duration:.35s!important}}.loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(120% 90% at 50% 0%,var(--navy-2),var(--navy-0))}.loading__logo{font-size:clamp(14px,4.2vw,36px);font-weight:900;letter-spacing:clamp(2px,.6vw,5px);line-height:1.15;text-align:center;max-width:min(92vw,100%);padding:0 12px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;color:#fff;text-shadow:0 0 24px rgba(58,160,255,.8)}.loading__bar{width:min(60vw,320px);height:12px;border-radius:8px;background:#6ee2ff38;overflow:hidden}.loading__bar span{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--electric),var(--electric-2));transition:width .3s ease}.loading p{color:var(--ink);font-weight:600}.banner{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:45;max-width:calc(100vw - 32px);padding:10px 18px;border-radius:14px;background:#ff5050f0;color:#fff;font-weight:700}.iconbtn{min-height:var(--touch);padding:0 16px;border-radius:14px;border:1px solid var(--glass-stroke);background:var(--glass);backdrop-filter:blur(8px);color:var(--ink);font-weight:700;cursor:pointer}.iconbtn:focus-visible{outline:3px solid var(--electric-2);outline-offset:2px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(94vw,460px);z-index:60;background:#0a1330f7;backdrop-filter:blur(10px);box-shadow:-10px 0 30px #00000080;color:var(--ink);padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:1;background:#0a1330f7;padding-bottom:8px}.drawer__head h2{margin:0}.history__table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.history__table th,.history__table td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(110,226,255,.16)}.history__replay{min-height:36px;padding:4px 12px;border-radius:10px;border:1px solid var(--glass-stroke);background:#1f6dff38;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.history__replay:hover{background:#1f6dff66}.history__replay:active{background:#1f6dff8c}.history__replay:focus-visible{outline:3px solid var(--electric-2);outline-offset:2px}.history__actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.history__copy,.history__share{min-height:36px;padding:4px 10px;border-radius:10px;border:1px solid var(--glass-stroke);background:#ffffff0f;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.history__copy:hover,.history__share:hover{background:#ffffff24}.history__copy:focus-visible,.history__share:focus-visible{outline:3px solid var(--electric-2);outline-offset:2px}.history__unavailable{font-size:11px;opacity:.6;white-space:nowrap}.replay-badge{position:fixed;z-index:65;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding:8px 10px 8px 14px;border-radius:999px;background:#0a1330eb;border:1px solid var(--glass-stroke);box-shadow:0 6px 24px #00000073;backdrop-filter:blur(8px);color:var(--ink);font-weight:700}.replay-badge__dot{width:10px;height:10px;border-radius:50%;background:var(--electric-2);box-shadow:0 0 10px var(--electric-2)}.replay-badge__label{letter-spacing:1px;text-transform:uppercase;font-size:13px}.replay-badge__info{font-weight:600;font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-badge .iconbtn{min-height:36px;padding:0 12px}@media(prefers-reduced-motion:reduce){.replay-badge__dot{box-shadow:none}}.rules-body{margin-top:12px;line-height:1.55}.rules-body ul{padding-left:18px}.rules-body li{margin:6px 0}.rules-note{font-size:13px;opacity:.85}.rules-disclaimer{font-size:12px;font-weight:700;color:var(--electric-2);margin-top:8px}.overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#05070fb3}.overlay__card{background:var(--navy-1);border:1px solid var(--glass-stroke);border-radius:20px;padding:28px;max-width:min(360px,92vw);max-height:90vh;overflow:auto;text-align:center}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100dvh}[hidden]{display:none!important}.sr-only{position:fixed;left:8px;bottom:8px;z-index:5;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sr-only button:focus-visible{position:static;width:auto;height:auto;clip:auto;clip-path:none;padding:8px 14px;min-height:44px;border-radius:10px;background:var(--navy-1);color:var(--ink)}@media(orientation:portrait)and (max-width:640px){.drawer,.language-drawer{width:100vw}.iconbtn{min-height:44px}}@media(orientation:landscape)and (max-height:500px){.drawer{width:min(96vw,460px)}.iconbtn{min-height:44px}}@media(prefers-reduced-motion:reduce){.loading__bar span{transition:none}}.language-drawer{width:min(94vw,420px);display:flex;flex-direction:column;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;bottom:auto;height:auto}.replay-panel__lang{margin-inline-start:auto;min-height:36px;padding:0 12px;font-size:13px}.language-search{flex:0 0 auto;padding:0 0 12px}.language-search__input{width:100%;min-height:var(--touch);padding:10px 14px;border-radius:12px;border:1px solid var(--glass-stroke);background:var(--glass);color:var(--ink);font-size:16px;line-height:1.35}.language-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.language-list__group{margin:12px 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--electric-2);text-align:start}.language-list__item{display:block;width:100%;min-height:var(--touch);padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font-weight:600;text-align:start;cursor:pointer}.language-list__item:hover,.language-list__item:focus-visible{background:var(--glass);border-color:var(--glass-stroke);outline:none}.language-list__item--active{border-color:var(--electric);background:#3aa0ff1f}.rules-language{margin-top:16px}[dir=rtl] .drawer{inset-inline-start:auto;inset-inline-end:0}[dir=rtl] .language-list__item,[dir=rtl] .language-list__group{text-align:end}.replay-panel{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:min(94vw,520px);display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:#0a1330eb;border:1px solid var(--glass-stroke);box-shadow:0 8px 30px #00000080;backdrop-filter:blur(8px);color:var(--ink)}.replay-panel__head{display:flex;align-items:center;gap:10px}.replay-panel__badge{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800;color:var(--navy-1);background:var(--electric-2);border-radius:999px;padding:3px 10px}.replay-panel__title{margin:0;font-size:15px;font-weight:700}.replay-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;font-size:13px}.replay-panel__grid div{display:flex;justify-content:space-between;gap:10px;min-width:0}.replay-panel__grid span:last-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.replay-panel__actions button{min-height:40px;padding:6px 14px;border-radius:12px;cursor:pointer;border:1px solid var(--glass-stroke);background:#1f6dff38;color:var(--ink);font-weight:700;font-size:13px}.replay-panel__actions button:hover{background:#1f6dff66}.replay-panel__actions button:focus-visible{outline:3px solid var(--electric-2);outline-offset:2px}.replay-panel__feedback{font-size:12px;min-height:16px;opacity:.85}.replay-message{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--ink)}.replay-message__card{background:var(--navy-1);border:1px solid var(--glass-stroke);border-radius:20px;padding:28px;max-width:min(420px,92vw)}@media(max-width:460px){.replay-panel__grid{grid-template-columns:minmax(0,1fr)}.replay-panel__actions{flex-direction:column}.replay-panel__actions button{width:100%}}
