#minigame{max-width:1600px;margin-inline:auto}.ice-intro{padding:12px 0 24px}.ice-intro>span,.ice-wallet>span{font-size:10px;letter-spacing:2.4px;font-weight:750;color:#dab972}.ice-intro h1{font-size:clamp(30px,3.3vw,48px);font-weight:650;letter-spacing:-1.5px;margin:10px 0}.ice-intro p{opacity:.65;font-size:16px;margin:0}.ice-layout{display:flex;flex-direction:column;gap:20px}.ice-arena{position:relative;width:100%;border:1px solid #a9c7eb30;border-radius:18px;overflow:hidden;background:#091525;color:#f5f8ff;box-shadow:0 25px 80px #0005}.ice-score{display:flex;align-items:center;justify-content:center;gap:80px;padding:15px 24px;background:linear-gradient(110deg,#0e2842,#081424 48%,#302a1d);font-weight:650;font-size:11px;letter-spacing:2px;border-bottom:1px solid #d5b97540}.ice-score span{display:flex;align-items:center;gap:18px}.ice-score b{font-size:34px;line-height:1;font-weight:500;color:#f4d497}.ice-score span:first-child b{color:#9ccdee}.ice-score>strong{font-size:24px;line-height:1;padding:10px 24px;border-radius:7px;font-variant-numeric:tabular-nums;background:#ffffff06;border:1px solid #ffffff22;color:#fff}.ice-arena canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-5px}.ice-arena>p{text-align:center;min-height:20px;padding:0 12px 12px;font-size:12px;font-weight:500;color:#bad0e4;margin:4px 0}.ice-controls{display:flex;gap:10px;padding:14px 22px 8px;background:#0b1829}.ice-controls button{flex:1;min-width:0;min-height:48px;background:linear-gradient(#263e58,#172c43);color:#dcebf7;border:1px solid #7993ad55;border-radius:8px;font-size:17px;font-weight:600;touch-action:none;user-select:none;box-shadow:inset 0 1px #ffffff0d}.ice-controls button:last-child{flex:1.6;background:linear-gradient(#efd496,#c99d4f);color:#152036;border-color:#ebc98d}.ice-controls button:active{transform:translateY(1px);filter:brightness(1.15)}.ice-aim{display:flex;align-items:center;gap:14px;padding:9px 22px 14px;color:#9cb3ca;font-size:11px;background:#0b1829}.ice-aim input{flex:1;min-width:70px;accent-color:#dcb970;cursor:ew-resize}.ice-aim output{min-width:35px;font-variant-numeric:tabular-nums;color:#d8e4f1}.ice-card{width:100%;display:grid;grid-template-columns:180px minmax(220px,1fr) minmax(220px,320px);gap:26px;padding:26px;border:1px solid #a9c7eb25;border-radius:15px;background:linear-gradient(120deg,#12243a99,#091525dd);color:#eaf2fa}.ice-wallet{border-right:1px solid #ffffff15}.ice-wallet h2{font-size:12px;font-weight:500;margin:12px 0 5px;color:#9cafc1}.ice-wallet>strong{font-size:44px;line-height:1.2;font-weight:500;color:#e8c888}.ice-details p{font-size:14px;line-height:1.8;margin:12px 0}.ice-details #iceNext{font-size:12px;color:#adbed0;font-variant-numeric:tabular-nums}.ice-actions button{display:block;width:100%;margin:0 0 10px;min-height:44px;border:1px solid #8ea7bf40;border-radius:8px;background:#1b2c41;color:#c8d8e8;font-size:13px;font-weight:600;cursor:pointer}.ice-actions #icePlay{background:linear-gradient(#eacb8a,#c69c54);color:#132138;border-color:#e9c784}.ice-actions button:disabled{opacity:.42;cursor:default}.ice-help{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr 1.4fr;gap:26px;border-top:1px solid #ffffff13;padding-top:16px}.ice-help p,.ice-help small{margin:0;font-size:12px;line-height:1.7;color:#a3b5c7}.ice-help small{opacity:.7}@media(max-width:760px){.ice-card{grid-template-columns:1fr 1.6fr;gap:18px;padding:20px}.ice-actions{grid-column:1/-1;display:flex;gap:10px}.ice-help{display:block}.ice-help>*{display:block;margin-bottom:10px!important}.ice-score{gap:22px;padding:12px}.ice-score b{font-size:27px}.ice-score span{gap:8px}.ice-score>strong{font-size:20px;padding:8px 14px}.ice-intro{padding-top:8px}.ice-controls{gap:7px;padding:10px 10px 4px}.ice-controls button{font-size:13px;min-height:46px;padding:4px}.ice-aim{flex-wrap:wrap;gap:6px;padding:8px 10px;font-size:10px}.ice-aim input{min-width:140px}.ice-intro p{font-size:14px}}@media(min-width:1000px){.ice-controls{max-width:760px;margin:auto}.ice-aim{max-width:760px;margin:auto}}
.ice-controls{align-items:center;justify-content:space-between;padding-bottom:14px}.ice-controls>span{color:#a7bbce;font-size:12px}.ice-controls #iceShoot{flex:0 0 180px}.ice-score>strong{font-size:14px;white-space:nowrap}@media(max-width:600px){.ice-controls>span{display:none}.ice-controls #iceShoot{flex:1}}
.ice-banner{padding:38px;border:1px solid #c6ad7755;border-radius:20px;background:linear-gradient(90deg,#071426ed,#102b46b0,#0a172842),url('/assets/minigame/arena-v346.png') center 46%/cover;box-shadow:0 15px 60px #0004;margin-bottom:22px}.ice-banner>span{color:#e7c687;letter-spacing:4px;font-size:11px}.ice-banner h2{font-size:clamp(25px,3vw,42px);margin:14px 0;color:#f5f8fe;letter-spacing:-1px}.ice-banner p{color:#b4ccdf;font-size:13px}.ice-prices{margin:26px 0;padding:24px;border:1px solid #a9c7eb25;border-radius:16px;background:#0c1c2e;color:#ecf4fe}.ice-prices>div{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ice-prices article{display:grid;gap:8px;text-align:center;padding:18px 8px;border:1px solid #d5b57535;border-radius:10px;background:#11273e}.ice-prices strong{font-size:28px;color:#efd497}.ice-prices small,.ice-prices span{font-size:12px;color:#b3c7dc}.ice-prices p{font-size:13px;line-height:1.8;color:#afc2d5}@media(max-width:600px){.ice-banner{padding:24px}.ice-prices>div{grid-template-columns:repeat(3,1fr)}}
.ice-controls .ice-sound{flex:0 0 135px!important;background:#152b43!important;color:#c5d6e6!important;border-color:#8aa3bc55!important;font-size:12px}.ice-controls>span{flex:1}@media(max-width:600px){.ice-controls .ice-sound{flex-basis:105px!important}}
/* Illustrated controls and the existing WFM credit token. */
#minigame .ice-coin{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(255,221,111,.62);border-radius:50%;color:#fff7c9;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.78) 0 3%,transparent 4%),linear-gradient(145deg,#ffe58a 0%,#ca861a 44%,#7d4308 100%);box-shadow:0 8px 20px #d38b103d,inset 0 1px 2px #ffffffbf,inset 0 -3px 5px #522a0361;font:1000 15px/1 'Segoe UI',system-ui,sans-serif;text-shadow:0 1px 2px #4b2400bf}
.ice-wallet-amount{display:flex;align-items:center;gap:12px;margin-top:12px}.ice-wallet-amount>strong{font-size:44px;line-height:1.2;color:#efd497}.ice-wallet-amount .ice-coin{width:42px!important;height:42px!important;font-size:20px!important}
.ice-help{display:block;padding-top:26px}.ice-help h3{font-size:20px;color:#edf5ff;margin:0 0 20px}.ice-input-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ice-input-cards article{padding:22px;border:1px solid #8aaed029;background:linear-gradient(150deg,#1b385166,#091728cc);border-radius:14px}.ice-method{font-size:10px;letter-spacing:2px;color:#d4b677}.ice-input-cards h4{font-size:15px;font-weight:600;color:#e7f2ff;margin:16px 0}.ice-input-cards p{display:flex;align-items:center;gap:12px;min-height:34px}.ice-input-cards kbd{display:inline-grid;place-items:center;min-width:34px;min-height:32px;padding:5px 10px;border:1px solid #a7c3dc66;border-bottom:3px solid #52708d;border-radius:6px;background:linear-gradient(#365470,#233b54);box-shadow:0 3px 0 #06112255;font:600 11px/1.2 system-ui;color:#f0f7ff}.ice-keyboard{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:12px}.ice-keyboard>div{display:flex;gap:5px}.ice-keyboard kbd{font-size:20px;width:38px;height:34px}.ice-device-icon{height:86px;margin-top:12px;display:flex;justify-content:center}.ice-device-icon svg{width:80px;height:80px;fill:none;stroke:#b0cce4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ice-guide-note{margin-top:18px!important;padding:14px 18px;border-left:2px solid #cdae6b;background:#cfb16d09;border-radius:0 8px 8px 0}.ice-demo-note{grid-column:1/-1;margin:0;color:#849bb3;font-size:11px;line-height:1.7}
.ice-reward-summary{display:flex;align-items:center;gap:32px}.ice-reward-summary>span{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px}.ice-reward-summary strong{font-size:28px;color:#e8c888}.ice-reward-summary small{grid-column:1/-1;font-size:11px;color:#aabed2}.ice-hour{font-size:32px;line-height:1.4;color:#b9dbef;grid-column:1/-1}.ice-hour span{font-size:18px;margin-left:3px}.ice-prices h3{font-size:23px;margin:0 0 22px}.ice-prices article{position:relative;padding:20px 10px;gap:12px;background:linear-gradient(145deg,#19354a,#102237)}.ice-prices article>strong{display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px}.ice-prices .ice-free-entry{border-color:#79c8b873;background:linear-gradient(145deg,#204739,#122e2e)}.ice-free-entry>span{color:#a4e2cc}.ice-prices p{max-width:900px;margin-bottom:0}
@media(max-width:760px){.ice-input-cards{grid-template-columns:1fr}.ice-input-cards article{display:grid;grid-template-columns:90px 1fr;gap:4px 16px;padding:18px}.ice-method{grid-column:1/-1}.ice-keyboard,.ice-device-icon{grid-column:1;grid-row:2/4;margin:10px 0 0}.ice-input-cards h4{margin:18px 0 8px;grid-column:2}.ice-input-cards p{grid-column:2;flex-wrap:wrap;gap:8px}.ice-help>*{margin-bottom:0!important}.ice-help h3{margin-bottom:18px!important}.ice-card{grid-template-columns:1fr}.ice-wallet{border-right:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.ice-wallet>span{width:100%}.ice-wallet h2{margin:0}.ice-wallet-amount{margin:0}.ice-reward-summary{justify-content:space-between;gap:16px}.ice-prices{padding:18px}.ice-prices article>strong{gap:7px;font-size:26px}.ice-prices .ice-coin{width:27px!important;height:27px!important;font-size:13px!important}}
@media(max-width:760px){.ice-input-cards article{grid-template-columns:124px minmax(0,1fr);gap:4px 12px;padding:16px}.ice-input-cards kbd{max-width:100%;box-sizing:border-box}.ice-input-cards h4{overflow-wrap:break-word}.ice-keyboard kbd{min-width:34px;width:36px;padding:5px 8px}}
@media(max-width:370px){.ice-input-cards article{grid-template-columns:1fr}.ice-keyboard,.ice-device-icon{grid-row:auto;grid-column:1}.ice-input-cards h4,.ice-input-cards p{grid-column:1;margin-top:8px}.ice-input-cards h4{text-align:center}.ice-input-cards p{justify-content:center}}
.ice-shot-direction{padding:16px 22px;background:linear-gradient(120deg,#122a40,#0c1b2c);border-top:1px solid #829fbb26}.ice-shot-direction>div:first-child{display:flex;justify-content:space-between;max-width:560px;margin:0 auto 12px;font-size:13px;color:#cfdfec}.ice-shot-direction output{color:#edd29a;font-variant-numeric:tabular-nums}.ice-direction-presets{display:flex;gap:8px;max-width:560px;margin:auto}.ice-direction-presets button{flex:1;display:grid;justify-items:center;gap:4px;padding:8px;border:1px solid #7f9eba55;border-radius:8px;background:#1a344c;color:#c7deef;cursor:pointer;font-size:24px}.ice-direction-presets small{font:11px system-ui}.ice-direction-presets button[aria-pressed=true]{color:#fff2cb;border-color:#e7c276;background:#625037}.ice-shot-direction input{display:block;width:100%;max-width:560px;margin:16px auto;accent-color:#e3bc74}.ice-shot-direction p{max-width:650px;margin:8px auto 0;color:#a7bed1;font-size:12px;line-height:1.7;text-align:center}
@media(pointer:fine){#iceCanvas.ice-playing{cursor:none}}
.ice-controls .ice-fullscreen{flex:0 0 160px;background:#163047!important;color:#d3e6f5!important;font-size:12px}.ice-controls{flex-wrap:wrap}.ice-arena:fullscreen,.ice-arena.ice-expanded{width:100vw;height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;border:0;border-radius:0;background:#061224;overflow:auto}.ice-arena.ice-expanded{position:fixed;inset:0;z-index:100000}.ice-fullscreen-open{overflow:hidden}.ice-arena:fullscreen .ice-score,.ice-arena.ice-expanded .ice-score{width:100%;padding:8px;flex-shrink:0}.ice-arena:fullscreen canvas,.ice-arena.ice-expanded canvas{width:min(100vw,calc((100dvh - 235px)*1600/760));height:auto;min-height:0;flex-shrink:0;max-width:100%}.ice-arena:fullscreen .ice-controls,.ice-arena.ice-expanded .ice-controls{margin:0;max-width:1000px;width:100%;padding:7px 14px}.ice-arena:fullscreen .ice-shot-direction,.ice-arena.ice-expanded .ice-shot-direction{width:100%;padding:7px 16px}.ice-arena:fullscreen .ice-shot-direction p,.ice-arena.ice-expanded .ice-shot-direction p{display:none}.ice-arena:fullscreen .ice-shot-direction input,.ice-arena.ice-expanded .ice-shot-direction input{margin:7px auto}.ice-arena:fullscreen .ice-direction-presets button,.ice-arena.ice-expanded .ice-direction-presets button{padding:3px;font-size:19px}.ice-arena:fullscreen .ice-shot-direction>div:first-child,.ice-arena.ice-expanded .ice-shot-direction>div:first-child{margin-bottom:5px}.ice-arena:fullscreen #iceMessage,.ice-arena.ice-expanded #iceMessage{margin:2px;padding:0 10px}
@media(max-width:600px){.ice-controls .ice-fullscreen{flex:0 0 100%;min-height:34px;font-size:12px}.ice-arena:fullscreen canvas,.ice-arena.ice-expanded canvas{width:100%;max-height:calc(100dvh - 275px);object-fit:contain}.ice-arena:fullscreen .ice-controls .ice-fullscreen,.ice-arena.ice-expanded .ice-controls .ice-fullscreen{flex:1}}
@media(max-width:600px){.ice-arena:fullscreen canvas,.ice-arena.ice-expanded canvas{width:min(100vw,calc((100dvh - 275px)*1600/760));max-height:none;object-fit:fill}}
/* Mobile match: viewport-sized ice with a permanent thumb-friendly control bar. */
#iceMobileToggle,.ice-rotate-hint{display:none}
html.ice-mobile-open{zoom:1!important;overflow:hidden!important}
html.ice-mobile-open body{overflow:hidden!important}
.ice-arena.ice-mobile-game{position:fixed!important;inset:0!important;z-index:100000!important;width:var(--ice-width,100vw)!important;height:var(--ice-height,100dvh)!important;max-width:none!important;border:0!important;border-radius:0!important;background:#061224;display:flex!important;flex-direction:column;justify-content:center;align-items:center;overflow:hidden!important;padding:calc(8px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) calc(72px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);box-sizing:border-box}
.ice-arena.ice-mobile-game canvas{width:min(calc(var(--ice-width,100vw) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((var(--ice-height,100dvh) - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1600/760))!important;height:auto!important;max-height:none!important;flex:none!important;touch-action:none!important}
.ice-arena.ice-mobile-game .ice-score{position:absolute;top:env(safe-area-inset-top,0px);left:50%;transform:translateX(-50%);width:auto!important;white-space:nowrap;padding:4px 12px!important;gap:20px!important;border-radius:0 0 12px 12px;background:#071a2dea;font-size:10px;z-index:1}
.ice-arena.ice-mobile-game .ice-score b{font-size:23px}.ice-arena.ice-mobile-game .ice-score>strong{font-size:12px;padding:4px 8px}.ice-arena.ice-mobile-game .ice-score span{gap:8px}
.ice-arena.ice-mobile-game .ice-shot-direction,.ice-arena.ice-mobile-game .ice-controls>span,.ice-arena.ice-mobile-game .ice-sound,.ice-arena.ice-mobile-game #iceMessage{display:none!important}
.ice-arena.ice-mobile-game .ice-controls{position:absolute;bottom:0;left:0;right:0;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;box-sizing:border-box;z-index:3;background:#081827f5}
.ice-arena.ice-mobile-game .ice-controls button{min-height:52px!important;font-size:15px!important;touch-action:none!important;margin:0!important;flex:1!important}
.ice-arena.ice-mobile-game #iceMobileToggle{display:block!important;order:0;max-width:180px}
.ice-arena.ice-mobile-game .ice-fullscreen{order:1;max-width:110px;color:#cfdfed!important}
.ice-arena.ice-mobile-game #iceShoot{order:2;margin-left:auto!important;flex:0 1 210px!important;background:linear-gradient(#ffe5a5,#d5a447)!important;color:#122139!important;font-size:21px!important;font-weight:800;border:1px solid #ffe6a6;box-shadow:0 3px 0 #75551d}
.ice-arena.ice-portrait .ice-rotate-hint{position:absolute;inset:0 0 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#071728f5;padding:24px;text-align:center;z-index:2}
.ice-rotate-hint svg{width:108px;height:108px;fill:none;stroke:#e9cb86;stroke-width:3;stroke-linecap:round}.ice-rotate-hint strong{font-size:26px;color:#f4dfac}.ice-rotate-hint p{max-width:300px;font-size:15px;line-height:1.6;color:#b9cedf;margin:0}
.ice-arena.ice-portrait #iceShoot{visibility:hidden}.ice-arena.ice-portrait #iceMobileToggle{opacity:.55}

.ice-refresh{margin-top:16px;padding:9px 14px;min-height:44px;border:1px solid #88a5bb55;border-radius:8px;background:#10273b;color:#c5dced;cursor:pointer;font:500 12px system-ui}

.ice-arena.ice-mobile-game.ice-rotated{inset:auto!important;top:0!important;left:100vw!important;transform:rotate(90deg)!important;transform-origin:top left!important}
#iceRotatePlay{min-height:52px;padding:12px 24px;border:1px solid #ffe6a6;border-radius:10px;background:linear-gradient(#ffe5a5,#d5a447);color:#122139;font:700 17px system-ui;touch-action:manipulation;cursor:pointer}