.battle-sound-controls{flex:none;font-size:13px;position:relative}.battle-sound-controls summary{cursor:pointer;color:#193e3b;background:#fff1cb;border:2px solid #c5a76b;border-radius:50%;place-items:center;width:48px;height:48px;padding:10px;font-weight:700;list-style:none;display:grid;box-shadow:inset 0 3px 1px #fffbe6,inset 0 -3px 2px #c5a76b55,0 4px #8b764e}.battle-sound-controls summary::-webkit-details-marker{display:none}.battle-sound-controls summary svg{width:26px;height:26px}.battle-sound-controls[open] summary{background:#ffd158}.battle-sound-controls summary:focus-visible{outline-offset:3px;outline:3px solid #247e7b}.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit,.battle-sound-controls summary){color:#193e3b;background:#fff1cb;border:2px solid #c5a76b;min-height:48px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 3px 1px #fffbe6,inset 0 -3px 2px #c5a76b55,0 4px #8b764e}.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit){border-radius:16px;padding:8px 16px}.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit,.battle-sound-controls summary):hover{background:#fff7db}.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit,.battle-sound-controls summary):active{transform:translateY(3px);box-shadow:inset 0 2px 2px #c5a76b55,0 1px #8b764e}.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit,.battle-sound-controls summary):focus-visible{outline-offset:4px;outline:3px solid #7950a1}@media (prefers-reduced-motion:reduce){.battle-page .battle-stage-bar :is(.battle-current-results-trigger,.battle-exit,.battle-sound-controls summary){transition:none}}.battle-sound-panel{z-index:30;background:var(--battle-paper);color:#193e3b;width:188px;max-width:calc(100vw - 32px);box-shadow:var(--battle-paper-shadow);border:2px solid #bca96f;border-radius:15px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.battle-sound-panel label{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.battle-sound-panel input[type=range]{accent-color:#247e7b;width:100%}.battle-sound-panel input[type=checkbox]{accent-color:#247e7b;width:18px;height:18px}@media (max-width:700px){.battle-page.is-playing .battle-sound-panel{left:auto;right:0}}.battle-timer.is-critical .battle-alarm{animation:.23s ease-in-out infinite alternate battle-alarm-critical}@keyframes battle-alarm-critical{0%{transform:scale(1.08)rotate(-9deg)}to{transform:scale(1.16)rotate(9deg)}}@media (prefers-reduced-motion:reduce){.battle-timer.is-urgent .battle-alarm,.battle-timer.is-critical .battle-alarm{animation:none;transform:none}}
.battle-win-confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.battle-win-confetti i{width:10px;height:16px;animation:3s ease-in forwards battle-confetti-fall;position:absolute;top:-24px;box-shadow:inset 0 2px 1px #ffffff70}@keyframes battle-confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(60px,105dvh)rotate(640deg)}}@media (prefers-reduced-motion:reduce){.battle-win-confetti{display:none}}.battle-page:has(.battle-results-board) .battle-host{display:none}.battle-page:has(.battle-results-board){min-height:100dvh;padding:20px 24px}.battle-page:has(.battle-results-board) .battle-stage-layout{max-width:1080px;min-height:0;margin:auto;display:block}.battle-page .battle-results-board{container-type:normal}.battle-page .battle-results-board h1{text-align:left;color:#194b43;text-shadow:none;margin:0 0 10px;font-size:28px;line-height:1.2}.battle-results-context{background:#eee7ff;border:2px solid #bba2d2;border-radius:20px;margin-bottom:12px;padding:8px 16px;box-shadow:inset 0 3px 1px #faf5ff,0 4px #9981af}.battle-results-context small{color:#76519a;font-size:12px;font-weight:700;display:block}.battle-page .battle-result-text{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:20px;line-height:1.3;display:block}.battle-page .battle-results-context .battle-result-text{-webkit-line-clamp:2;font-size:20px;font-weight:700}.battle-page .battle-results-board .battle-result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.battle-page .battle-results-board .battle-joke{background:#fff9e7;border:2px solid #d6c28e;border-radius:24px;flex-wrap:nowrap;align-items:flex-start;gap:10px;min-height:0;padding:14px;display:flex;box-shadow:inset 0 3px 1px #fffef6,inset 0 -3px 4px #e8d6a54d,0 4px #ae9c70,0 8px 14px #173d3420}.battle-page .battle-results-board .battle-rank{align-self:flex-start;width:44px;height:50px;min-height:50px}.battle-page .battle-results-board .battle-joke-text{flex-direction:column;flex-basis:auto;align-self:stretch;display:flex}.battle-results-board .battle-result-footer{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:0;padding-top:12px;display:grid}.battle-results-board .battle-result-footer .battle-reactions{width:100%;margin-left:0}.battle-results-board .battle-result-footer .battle-reaction-counts{justify-content:flex-start}.battle-results-board .battle-result-credit{gap:3px 8px}.battle-results-board .battle-result-credit>strong{flex-basis:100%}.battle-result-dialog{max-width:min(600px,90vw);max-height:80dvh;overflow:auto}.battle-result-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102f2980}@media (max-width:559px){.battle-page:has(.battle-results-board){padding:12px 10px}.battle-page .battle-results-board h1{margin-bottom:6px;font-size:22px}.battle-results-context{margin-bottom:8px;padding:8px 12px}.battle-page .battle-results-context .battle-result-text{font-size:16px}.battle-page .battle-results-board .battle-result-cards{grid-template-columns:1fr;gap:8px}.battle-page .battle-results-board .battle-joke{min-height:0;padding:8px}.battle-page .battle-results-board .battle-rank{width:32px;min-width:32px;height:38px;min-height:38px;font-size:24px}.battle-page .battle-results-board .battle-result-text{-webkit-line-clamp:2;font-size:15px}.battle-results-board .battle-result-footer{gap:4px;padding-top:5px}.battle-results-board .battle-result-credit>strong{font-size:12px}.battle-results-board .battle-result-credit>span,.battle-results-board .battle-result-credit b{font-size:11px}}.battle-page .battle-shared-answer{white-space:pre-wrap;overflow-wrap:anywhere;color:#193e3b;background:#fff1cb;border:1px solid #d6c28e;border-radius:14px;margin:12px 0;padding:10px 14px;box-shadow:inset 0 2px 1px #fffdf0}.battle-page .battle-answer-label{color:#75643d;margin-bottom:4px;font-size:12px;font-weight:700;line-height:1.2;display:block}.battle-page .battle-joke-text p.battle-shared-answer{margin:12px 0;font-size:.9em}.battle-writing-conflict{overflow-wrap:anywhere;border-radius:16px;margin-top:12px;padding:12px}.battle-writing-conflict p{white-space:pre-wrap;margin-bottom:0}.battle-result-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.battle-result-footer>strong{overflow-wrap:anywhere;min-width:0}.battle-result-credit{flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;display:flex}.battle-result-credit>strong{overflow-wrap:anywhere;font-size:15px}.battle-result-credit>span{white-space:nowrap;color:#54716b;font-size:13px}.battle-result-credit b{color:#193e3b;font-size:15px}.battle-result-credit.is-your-credit>strong{color:#76519a}.battle-result-credit small{color:#826440;flex-basis:100%;font-size:12px}.battle-result-no-answer{border-top:1px solid #d3bf87;padding:8px 0}.battle-result-no-answer>small{color:#54716b}.battle-reactions{max-width:100%;margin-left:auto;position:relative}.battle-reaction-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.battle-reactions button{cursor:pointer;color:#193e3b;font:inherit;background:#fff1cb;border:2px solid #d3bf87;border-radius:20px;font-weight:700;box-shadow:inset 0 3px 2px #fffbe6,0 4px #b79d62}.battle-reactions button:focus-visible{outline-offset:4px;outline:3px solid #7542b8}.battle-reactions button:disabled{cursor:default;opacity:.65}.battle-reactions button.is-own,.battle-reactions button[aria-pressed=true]{background:#eee7ff;border-color:#9162c2;box-shadow:inset 0 3px 2px #fff,0 4px #9773c1}.battle-reactions img{object-fit:contain;flex:0 0 34px;width:34px;height:34px}.battle-reaction-chip,.battle-reaction-add{align-items:center;gap:4px;min-height:44px;padding:2px 8px 2px 3px;display:inline-flex}.battle-reaction-chip span{font-size:15px}.battle-reaction-add span{font-size:18px;line-height:1}.battle-reaction-picker{z-index:20;background:#fff2cf;border:2px solid #d3bf87;border-radius:20px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(360px,100vw - 100px);padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #143b3a40}.battle-reaction-picker button{flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 2px;font-size:12px;display:flex}.battle-reaction-picker button img{flex-basis:40px;width:40px;height:40px}@media (max-width:680px){.battle-reaction-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-page .battle-reveal .battle-joke{gap:8px}.battle-page .battle-shared-answer{padding:10px}}
.battle-stage-progress{gap:2px;display:grid}.battle-stage-progress>span{white-space:nowrap;display:block}.battle-page .battle-defeat-notice{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.battle-defeat-notice strong{font-size:16px;line-height:22px}.battle-defeat-notice .battle-ranking-help{flex:none}@media (max-width:700px){.battle-page.is-playing .battle-stage-bar>.battle-stage-progress{flex:none;margin-right:auto}}