/* Generated raster pictograms: source and crop provenance in production/art-v4. */
.icon-button {position:relative;font-size:0}
.icon-button::before {
 content:'';display:block;position:absolute;inset:10%;width:80%;height:80%;pointer-events:none;
 background:center / contain no-repeat;
}
.tools .reset-tool {width:46px;height:46px}
#soundToggle::before {background-image:url('assets/icons-v4/sound-on.png')}
#soundToggle[aria-pressed="true"]::before {background-image:url('assets/icons-v4/sound-off.png')}
#fullscreen::before {background-image:url('assets/icons-v4/fullscreen.png')}
#settingsBtn::before {background-image:url('assets/icons-v4/settings.png')}
#reset::before {background-image:url('assets/icons-v4/restart.png')}
#pauseToggle::before {background-image:url('assets/icons-v4/pause.png')}
#pauseToggle[aria-pressed="true"]::before {background-image:url('assets/icons-v4/play.png')}
#pauseToggle[aria-pressed="true"] {background:linear-gradient(#4c6b35,#1c311b);outline:2px solid #f3f0df;outline-offset:3px}
.pause-badge{display:none;position:fixed;z-index:8;left:50%;top:34%;transform:translateX(-50%) skewX(-8deg);align-items:center;gap:10px;padding:8px 24px 10px;background:#141e16ed;color:#f7f5e8;border:3px solid #f1efdf;box-shadow:3px 5px 0 #071009a0;font-family:'Tug Sans TC',sans-serif;font-weight:900;font-size:28px;pointer-events:none}
.pause-badge span{width:26px;height:30px;background:url('assets/icons-v4/pause.png') center / contain no-repeat}
.game-paused .pause-badge{display:flex}
.game-paused .battle-announcement{visibility:hidden}
.game-paused .options-ready .option{animation-play-state:paused}
.team-panel.options-ready .option{animation:options-ready .42s ease-out both}
@keyframes options-ready{0%{filter:brightness(1.65);box-shadow:inset 0 0 0 3px #fff9c4,0 0 12px #f9ffe385}100%{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.team-panel.options-ready .option{animation:none;outline:2px solid #f4f3de;outline-offset:-3px}}
#closeSettings::before {background-image:url('assets/icons-v4/close.png')}
.timer {min-width:106px;padding-left:40px;padding-right:5px}
.timer::before {
 content:'';width:38px;height:38px;left:3px;
 background:url('assets/icons-v4/stopwatch.png') center / contain no-repeat;
}
.timer.is-finished {font-size:0;padding:0}
.timer.is-finished::before {
 width:70%;height:75%;left:15%;
 background-image:url('assets/icons-v4/trophy.png');
}
.cooldown:not(.cooling) span {
 width:47%;height:47%;font-size:0;
 background:url('assets/icons-v4/check.png') center / contain no-repeat;
}
.option.correct::after {
 content:'';width:18px;height:18px;right:4px;top:3px;
 background:url('assets/icons-v4/check.png') center / contain no-repeat;
}
.answer-note summary {
 display:block;width:33px;height:33px;font-size:0;
 background:url('assets/icons-v4/info.png') center / contain no-repeat;
}
.next::before {
 content:'';display:inline-block;width:1.05em;height:1.05em;
 margin-right:.27em;vertical-align:-.14em;
 background:url('assets/icons-v4/play.png') center / contain no-repeat;
}
.next[data-icon="next"]::before {background-image:url('assets/icons-v4/next.png')}
.next[data-icon="restart"]::before {background-image:url('assets/icons-v4/restart.png')}
.audio-setting-row label::before {
 content:'';display:inline-block;width:1em;height:1em;margin-right:.2em;vertical-align:-.12em;
 background:url('assets/icons-v4/sound-on.png') center / contain no-repeat;
}
@media(min-width:1600px) and (min-height:850px){
 .tools .reset-tool{width:56px;height:56px}
 .timer{min-width:136px;padding-left:52px;padding-right:8px}
 .timer::before{width:48px;height:48px;left:6px}
 .answer-note summary{width:39px;height:39px}
 .option.correct::after{width:22px;height:22px}
}
@media(max-width:1100px){.timer{min-width:88px;padding-left:34px;padding-right:3px}.timer::before{width:32px;height:32px;left:2px}.tools .reset-tool{width:37px;height:37px}}
@media(max-height:650px) and (min-width:750px){.timer{min-width:84px;padding-left:30px;padding-right:4px}.timer::before{width:28px;height:28px;left:2px}.tools .reset-tool{width:35px;height:35px}}
@media(max-width:749px){.timer{min-width:76px;padding-left:28px;padding-right:4px}.timer::before{width:26px;height:26px;left:0}.tools .reset-tool{width:32px;height:32px}}