@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;800;900&family=Noto+Sans+JP:wght@500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}::backdrop{--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--beer-navy:#062a5b;--beer-navy-deep:#031b3d;--beer-blue:#0b4da2;--beer-blue-bright:#1767c7;--beer-yellow:#ffc928;--beer-yellow-light:#ffdf6a;--beer-amber:#e99a13;--beer-foam:#fff8df;--beer-paper:#f7faff;--beer-ink:#10213c;--beer-muted:#52647a;--beer-line:#bfd0e5;--beer-success:#167c5a;--beer-danger:#b42332;--beer-shadow:0 14px 36px #031b3d33;--beer-shadow-small:0 7px 18px #031b3d24;--beer-radius-lg:26px;--beer-radius-md:17px;--beer-radius-sm:12px;--beer-font-display:"M PLUS Rounded 1c", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--beer-font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}*{box-sizing:border-box}html{background:var(--beer-navy-deep);scroll-behavior:smooth;min-width:320px;overflow-x:hidden}body{min-width:320px;min-height:100dvh;color:var(--beer-ink);background:var(--beer-navy-deep);font-family:var(--beer-font-body);line-break:strict;overflow-wrap:normal;word-break:normal;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;font-weight:600;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled,input:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}button:focus-visible{outline:4px solid var(--beer-yellow-light);outline-offset:3px}input:focus-visible{outline:4px solid var(--beer-yellow-light);outline-offset:3px}textarea:focus-visible{outline:4px solid var(--beer-yellow-light);outline-offset:3px}select:focus-visible{outline:4px solid var(--beer-yellow-light);outline-offset:3px}[tabindex]:focus-visible{outline:4px solid var(--beer-yellow-light);outline-offset:3px}.game-shell{isolation:isolate;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(circle at 10% 8%, #ffffff2e 0 3px, transparent 4px) 0 0 / 36px 36px, radial-gradient(circle at 90% 0%, #ffc92847, transparent 28%), radial-gradient(circle at 8% 82%, #1767c799, transparent 35%), linear-gradient(180deg, var(--beer-blue) 0%, var(--beer-navy) 52%, var(--beer-navy-deep) 100%);position:relative;overflow:hidden}.game-shell:before,.game-shell:after{content:"";z-index:-1;pointer-events:none;border:2px solid #ffffff21;border-radius:50%;position:fixed}.game-shell:before{width:88px;height:88px;top:18%;right:-38px}.game-shell:after{width:48px;height:48px;bottom:19%;left:-22px}.game-column{width:min(100%,520px);margin:0 auto}.screen-frame:focus{outline:none}.brand-header{color:#fff;text-align:left;justify-content:center;align-items:center;gap:17px;margin:0 0 14px;display:flex}.brand-header-button{min-height:52px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:17px;padding:0;display:flex}.brand-copy{gap:1px;display:grid}.brand-title{font-family:var(--beer-font-display);letter-spacing:.035em;text-shadow:0 4px #031b3dc7;margin:0;font-size:clamp(25px,7.5vw,37px);font-weight:900;line-height:1}.brand-subtitle{color:var(--beer-yellow-light);font-family:var(--beer-font-display);letter-spacing:.16em;font-size:10px;font-weight:900}.beer-mark{background:linear-gradient(90deg, var(--beer-yellow) 0 28%, #ffdf6a 29% 38%, var(--beer-yellow) 39% 66%, #ffdf6a 67% 76%, var(--beer-yellow) 77%);border:3px solid #fff;border-radius:8px 8px 11px 11px;flex:none;width:40px;height:42px;margin-top:4px;margin-right:5px;display:block;position:relative;box-shadow:0 4px #031b3db3}.beer-mark:before{content:"";background:var(--beer-foam);border-radius:5px 5px 2px 2px;width:32px;height:7px;position:absolute;top:-6px;left:1px}.beer-mark:after{content:"";border:3px solid #fff;border-left:0;border-radius:0 10px 10px 0;width:13px;height:24px;position:absolute;top:7px;right:-13px}.game-card{overflow-wrap:normal;border:2px solid #ffffffa6;border-top:7px solid var(--beer-yellow);border-radius:var(--beer-radius-lg);color:var(--beer-ink);background:linear-gradient(180deg, white, var(--beer-foam));box-shadow:var(--beer-shadow);padding:22px 18px}.game-card+.game-card{margin-top:14px}.game-card-centered{text-align:center}.section-stack{gap:14px;display:grid}.eyebrow,.status-pill{min-height:30px;color:var(--beer-navy);background:var(--beer-yellow-light);font-family:var(--beer-font-display);letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;margin:0 0 10px;padding:5px 11px;font-size:12px;font-weight:900;display:inline-flex}.screen-title,.question-title,.result-title{font-family:var(--beer-font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:900;line-height:1.35}.screen-title{font-size:clamp(27px,8vw,38px)}.question-title{font-size:clamp(24px,7vw,34px)}.result-title{font-size:clamp(38px,12vw,58px);line-height:1.06}.screen-lead{color:var(--beer-muted);margin:10px 0 0;line-height:1.75}.game-status-bar{grid-template-columns:.75fr 1.5fr 1fr;gap:7px;margin-bottom:12px;display:grid}.status-cell{color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031b3dad;border:1px solid #ffffff47;border-radius:14px;place-content:center;min-width:0;min-height:59px;padding:7px 6px;display:grid;box-shadow:inset 0 1px #ffffff1f}.status-cell small{color:#dbeafe;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.status-cell strong{color:var(--beer-yellow-light);font-family:var(--beer-font-display);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,4.3vw,19px);font-weight:900;overflow:hidden}.question-card{position:relative;overflow:hidden}.question-card:after{content:"";border:10px solid #ffc92857;border-radius:50%;width:74px;height:74px;position:absolute;top:-34px;right:-25px}.question-meta{color:var(--beer-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.question-rank{border:1px solid var(--beer-line);color:var(--beer-blue);background:var(--beer-paper);font-family:var(--beer-font-display);border-radius:999px;padding:4px 9px;font-weight:900}.question-team{color:var(--beer-blue);font-family:var(--beer-font-display);margin:0 0 8px;font-size:14px;font-weight:900}.answer-panel{margin-top:15px}.answer-fieldset{border:0;margin:0;padding:0}.answer-legend{width:100%;color:var(--beer-navy);font-family:var(--beer-font-display);margin-bottom:10px;font-weight:900;display:block}.answer-options{gap:11px;display:grid}.answer-option{display:block;position:relative}.answer-option input{opacity:0;pointer-events:none;position:absolute}.answer-option-body{border:3px solid var(--beer-line);border-radius:var(--beer-radius-md);min-height:72px;color:var(--beer-ink);box-shadow:var(--beer-shadow-small);background:#fff;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;transition:transform .16s,border-color .16s,background .16s;display:grid}.answer-option input:checked+.answer-option-body{border-color:var(--beer-blue);box-shadow:0 6px 0 var(--beer-blue), var(--beer-shadow-small);background:#eaf3ff;transform:translateY(-1px)}.answer-option input:focus-visible+.answer-option-body{outline:4px solid var(--beer-yellow);outline-offset:3px}.answer-option input:disabled+.answer-option-body{opacity:.52;box-shadow:none}.choice-marker{width:43px;height:43px;color:var(--beer-navy);background:var(--beer-yellow);font-family:var(--beer-font-display);border-radius:12px;place-items:center;font-size:22px;font-weight:900;display:grid}.choice-label{font-family:var(--beer-font-display);font-size:17px;font-weight:900;line-height:1.45}.choice-state{color:var(--beer-blue);white-space:nowrap;font-size:11px;font-weight:900}.answer-help{color:var(--beer-muted);margin:10px 2px 0;font-size:12px;line-height:1.65}.answer-progress{color:#fff;background:var(--beer-navy);border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 10px;padding:11px 12px;display:flex}.answer-progress strong{color:var(--beer-yellow-light);font-family:var(--beer-font-display)}.answer-progress span{font-size:12px}.answer-members,.watch-list{gap:8px;margin:10px 0 0;display:grid}.answer-member,.watch-row{border:1px solid var(--beer-line);background:#ffffffb8;border-radius:13px;align-items:center;gap:10px;min-height:55px;padding:9px 11px;display:flex}.answer-member strong,.watch-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.answer-member span,.watch-row span{color:var(--beer-muted);margin-left:auto;font-size:12px;font-weight:800}.answer-member .is-answered,.watch-row .is-answered{color:var(--beer-success)}.watch-answer{font-family:var(--beer-font-display);color:var(--beer-blue)!important;font-size:14px!important;font-weight:900!important}.primary-button,.secondary-button,.danger-button,.text-button{border-radius:var(--beer-radius-md);width:100%;min-height:54px;font-family:var(--beer-font-display);padding:11px 16px;font-size:16px;font-weight:900;transition:transform .16s,box-shadow .16s}.primary-button{color:var(--beer-navy-deep);background:linear-gradient(180deg, var(--beer-yellow-light), var(--beer-yellow));box-shadow:0 6px 0 var(--beer-amber), 0 11px 22px #031b3d38;border:2px solid #ffe27b}.secondary-button{border:2px solid var(--beer-blue);color:#fff;background:linear-gradient(180deg, var(--beer-blue-bright), var(--beer-blue));box-shadow:0 6px 0 var(--beer-navy), var(--beer-shadow-small)}.danger-button{color:#fff;background:var(--beer-danger);border:2px solid #dc6873;box-shadow:0 5px #74131e}.text-button{color:var(--beer-blue);text-underline-offset:5px;background:0 0;border:0;text-decoration:underline}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.danger-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #031b3d9e}.action-dock{z-index:20;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:0 0;gap:10px;margin:18px -4px -8px;display:grid;position:sticky;bottom:0}.action-dock-hint{color:#fff;text-align:center;margin:0;font-size:12px;font-weight:800;line-height:1.55}.action-dock .text-button{color:#fff}.connection-banner,.error-banner,.notice-banner{border-radius:14px;margin:0 0 12px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.55}.connection-banner{color:#fff;background:#031b3dd9;border:1px solid #90bff3}.error-banner{color:#fff;background:#7f1723;border:2px solid #ff9ba4}.notice-banner{border:2px solid var(--beer-yellow);color:var(--beer-navy);background:var(--beer-foam)}.end-dialog{border-radius:var(--beer-radius-lg);width:min(100% - 28px,480px);color:var(--beer-ink);background:#fff;border:0;margin:auto;padding:0;box-shadow:0 24px 70px #0000006b}.end-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#031022c7}.end-dialog-inner{border-top:8px solid var(--beer-yellow);padding:24px 20px 20px}.end-dialog h2{font-family:var(--beer-font-display);margin:0;font-size:25px;font-weight:900}.end-dialog p{color:var(--beer-muted);margin:10px 0 20px;line-height:1.7}.dialog-actions{gap:10px;display:grid}.roulette-wrap{justify-items:center;gap:14px;margin:17px 0;display:grid}.roulette-stage{aspect-ratio:1;place-items:center;width:min(82vw,340px);display:grid;position:relative}.roulette-trigger{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .16s,filter .16s}.roulette-trigger:not(:disabled):hover{filter:brightness(1.03);transform:scale(1.015)}.roulette-trigger:not(:disabled):active{transform:scale(.975)}.roulette-trigger:disabled{opacity:1}.roulette-pointer{z-index:4;border-left:17px solid #0000;border-right:17px solid #0000;border-top:36px solid var(--beer-navy-deep);filter:drop-shadow(0 3px #fffc);width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.roulette-wheel{border:10px solid var(--beer-foam);background:var(--roulette-gradient);width:100%;height:100%;box-shadow:0 0 0 7px var(--beer-yellow), 0 16px 30px #031b3d4d;transform:rotate(var(--roulette-rotation,0deg));transition:transform var(--roulette-duration,2.6s) cubic-bezier(.12, .62, .08, 1);will-change:transform;border-radius:50%;position:relative;overflow:hidden}.roulette-wheel:after{content:"";border:7px solid var(--beer-foam);background:var(--beer-navy);border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #031b3d47}.roulette-label{z-index:2;left:var(--roulette-label-x);top:var(--roulette-label-y);width:33%;color:var(--beer-navy-deep);font-family:var(--beer-font-display);text-align:center;text-shadow:0 1px #ffffffb3;font-size:clamp(12px,4vw,18px);font-weight:900;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.roulette-spinning .roulette-label{filter:blur(.7px)}.roulette-tap-hint{color:var(--beer-blue);font-family:var(--beer-font-display);margin:-3px 0 0;font-size:13px;font-weight:900}.roulette-legend{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.roulette-legend span{color:var(--beer-navy);text-align:center;background:#fff;border-radius:9px;padding:7px 4px;font-size:11px;font-weight:900}.roulette-result{color:var(--beer-navy);font-family:var(--beer-font-display);text-align:center;margin:0;font-size:clamp(28px,9vw,45px);font-weight:900}.revenge-intro{text-align:center}.revenge-title{color:var(--beer-danger);font-family:var(--beer-font-display);text-shadow:0 3px #ffd3d7;margin:0;font-size:clamp(35px,11vw,53px);font-weight:900;line-height:1.05}.revenge-cards{perspective:900px;grid-template-columns:repeat(3,1fr);gap:9px;margin:21px 0 8px;display:grid}.revenge-card{perspective:700px;background:0 0;border:0;border-radius:15px;min-width:0;min-height:158px;padding:0}.revenge-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.76,.25,1);display:grid;position:relative}.revenge-card.is-revealed .revenge-card-inner{transform:rotateY(180deg)}.revenge-card-face{border:3px solid var(--beer-yellow);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--beer-shadow-small);border-radius:15px;grid-area:1/1;place-items:center;padding:8px;display:grid;overflow:hidden}.revenge-card-back{color:var(--beer-yellow-light);background:radial-gradient(circle, #ffffff29 0 3px, transparent 4px) 0 0 / 17px 17px, var(--beer-blue);font-family:var(--beer-font-display);font-size:clamp(25px,8vw,40px);font-weight:900}.revenge-card-front{color:var(--beer-navy);background:var(--beer-foam);font-family:var(--beer-font-display);overflow-wrap:normal;word-break:normal;font-size:clamp(12px,3.5vw,17px);font-weight:900;transform:rotateY(180deg)}h1,h2,h3,p,button,label,legend,summary,li,span,strong,small,em{overflow-wrap:normal;word-break:normal;text-wrap:pretty}.brand-title,.result-kicker,.revenge-title,.penalty-timer-core>strong{text-wrap:balance}@supports (word-break:auto-phrase){h1,h2,h3,p,button,label,legend,summary,li,span,strong,small,em{word-break:auto-phrase}}.revenge-card.is-selected .revenge-card-face{border-color:var(--beer-danger);box-shadow:0 0 0 4px #ffd3d7, var(--beer-shadow-small)}.revenge-card:disabled{opacity:.72}.result-panel{text-align:center;position:relative;overflow:hidden}.result-panel.is-success{border-top-color:#35c691}.result-panel.is-failed{border-top-color:#ee5d6b}.result-panel.is-success .result-title{color:var(--beer-success);animation:.55s both success-pop}.result-panel.is-failed .result-title{color:var(--beer-danger);animation:.36s both failed-shake}.penalty-call{animation:.65s ease-in-out 2 result-pulse}.ranking-list{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.ranking-row{border:1px solid var(--beer-line);background:#fff;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px 12px;display:grid}.ranking-place{width:42px;height:42px;color:var(--beer-navy);background:var(--beer-yellow);font-family:var(--beer-font-display);border-radius:50%;place-items:center;font-weight:900;display:grid}.ranking-team{font-family:var(--beer-font-display);white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.ranking-score{color:var(--beer-blue);font-family:var(--beer-font-display);white-space:nowrap;font-size:19px;font-weight:900}.round-up-overlay{z-index:60;color:#fff;text-align:center;background:radial-gradient(circle,#ffc92873,#0000 42%),#031b3df0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.round-up-overlay strong{color:var(--beer-yellow-light);font-family:var(--beer-font-display);font-size:clamp(40px,14vw,72px);font-weight:900;line-height:1.05;animation:.45s ease-in-out 2 result-pulse}.round-up-overlay span{font-family:var(--beer-font-display);margin-top:10px;font-size:18px;font-weight:900;display:block}.sound-toggle{color:#fff;min-width:52px;min-height:52px;font-family:var(--beer-font-display);background:#031b3da8;border:2px solid #ffffff8c;border-radius:14px;place-items:center;padding:8px 11px;font-size:12px;font-weight:900;display:inline-grid}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-header .brand-header{justify-content:flex-start;min-width:0;margin-bottom:12px}.app-header .brand-title{font-size:clamp(21px,6.4vw,31px)}.app-header .brand-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:210px;overflow:hidden}.beer-bubbles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.beer-bubbles:before,.beer-bubbles:after{content:"";border:2px solid #ffffff21;border-radius:50%;position:absolute}.beer-bubbles:before{width:24px;height:24px;top:29%;left:8%;box-shadow:52px 117px 0 10px #ffffff0a,287px 45px 0 5px #ffffff0a}.beer-bubbles:after{width:13px;height:13px;bottom:28%;right:11%;box-shadow:-42px -89px 0 4px #ffffff0d,-255px 66px 0 12px #ffffff09}.hero-screen{text-align:center;flex-direction:column;justify-content:center;min-height:min(760px,100dvh - 48px);display:flex}.hero-screen>.brand-header{color:var(--beer-navy);margin:5px 0 22px}.hero-screen .brand-title{text-shadow:0 4px #ffc9287a}.hero-screen .brand-subtitle{color:var(--beer-blue)}.hero-screen .beer-mark{border-color:var(--beer-navy);box-shadow:0 4px #031b3d33}.hero-screen .beer-mark:before{background:#fff}.hero-screen .beer-mark:after{border-color:var(--beer-navy)}.hero-copy{color:var(--beer-muted);font-family:var(--beer-font-display);margin:0 0 25px;font-size:clamp(17px,5vw,21px);font-weight:800;line-height:1.75}.or-divider{color:var(--beer-muted);font-family:var(--beer-font-display);letter-spacing:.14em;align-items:center;gap:12px;margin:23px 0 17px;font-size:11px;font-weight:900;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--beer-line);flex:1;height:1px}.join-code-form{text-align:left}.join-code-form label,.join-card label,.join-card legend,.recover-form label{color:var(--beer-navy);font-family:var(--beer-font-display);margin:0 0 8px;font-weight:900;display:block}.join-code-form>div{grid-template-columns:minmax(0,1fr) 104px;gap:8px;display:grid}.join-code-form .secondary-button{min-height:54px;padding-left:8px;padding-right:8px}.join-code-form input,.join-card input,.recover-form input{border:2px solid var(--beer-line);border-radius:var(--beer-radius-md);width:100%;min-height:54px;color:var(--beer-ink);background:#fff;padding:12px 14px;box-shadow:inset 0 2px 5px #031b3d14}.join-code-form input:focus,.join-card input:focus,.recover-form input:focus{border-color:var(--beer-blue);outline:0;box-shadow:0 0 0 4px #0b4da21f}.safety-note{color:#5c4b18;background:#fff9dc;border:1px solid #e7cc79;border-radius:13px;margin:22px 0 0;padding:12px;font-size:11px;line-height:1.65}.waiting-card{text-align:center;place-content:center;justify-items:center;min-height:330px;display:grid}.waiting-card h2{font-family:var(--beer-font-display);margin:19px 0 4px;font-size:26px;font-weight:900}.waiting-card p{color:var(--beer-muted)}.foam-loader{border:5px solid var(--beer-navy);background:linear-gradient(90deg, var(--beer-yellow) 0 38%, var(--beer-yellow-light) 39% 50%, var(--beer-yellow) 51%);border-top:0;border-radius:8px 8px 19px 19px;width:92px;height:68px;animation:1.4s ease-in-out infinite loader-float;position:relative}.foam-loader:before{content:"";width:96px;height:26px;box-shadow:18px -7px 0 -4px var(--beer-foam), 49px -4px 0 -3px white;background:#fff;border-radius:50%;position:absolute;top:-17px;left:-7px}.join-card h2,.lobby-card h2,.team-card h2,.roulette-screen h2,.reflect-screen h2,.final-screen h2,.interrupted-screen h2{font-family:var(--beer-font-display);margin:0 0 17px;font-size:clamp(27px,8vw,37px);font-weight:900;line-height:1.35}.join-card form{gap:13px;display:grid}.join-card fieldset{border:0;margin:2px 0;padding:0}.gender-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.gender-options button{border:3px solid var(--beer-line);min-height:62px;color:var(--beer-muted);font-family:var(--beer-font-display);background:#fff;border-radius:15px;font-weight:900}.gender-options button.is-selected{border-color:var(--beer-blue);color:var(--beer-navy);box-shadow:0 4px 0 var(--beer-blue);background:#eaf3ff}.gender-options button:nth-child(2).is-selected{border-color:var(--beer-danger);color:#7f1723;box-shadow:0 4px 0 var(--beer-danger);background:#fff0f2}.join-card>.text-button{margin-top:13px}.recover-form{border:1px solid var(--beer-line);background:var(--beer-paper);border-radius:14px;margin-top:10px;padding:14px}.room-code-panel,.host-pin{text-align:center;border-radius:15px;justify-items:center;gap:5px;margin-bottom:16px;padding:14px;display:grid}.room-code-panel{color:#fff;background:var(--beer-navy)}.room-code-panel>span,.host-pin>span{letter-spacing:.12em;font-size:10px;font-weight:900}.room-code-panel>strong{color:var(--beer-yellow-light);font-family:var(--beer-font-display);letter-spacing:.13em;font-size:clamp(30px,9vw,43px);font-weight:900;line-height:1.05}.room-code-panel button{border:2px solid var(--beer-yellow);min-height:46px;color:var(--beer-navy);background:var(--beer-yellow);border-radius:12px;padding:8px 14px;font-weight:900}.room-code-panel small{color:#dbeafe;overflow-wrap:anywhere;min-height:1.4em}.host-pin{border:1px dashed var(--beer-amber);color:#5c4b18;background:#fff9dc}.host-pin strong{font-family:var(--beer-font-display);letter-spacing:.18em;font-size:28px}.section-title{justify-content:space-between;align-items:flex-end;gap:10px;margin:20px 0 11px;display:flex}.section-title .eyebrow{margin-bottom:4px}.section-title h2{margin:0;font-size:clamp(22px,6.5vw,30px)}.section-title>strong{color:var(--beer-blue);font-family:var(--beer-font-display);white-space:nowrap;font-size:21px}.participant-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.participant-list li{border:1px solid var(--beer-line);background:#fff;border-radius:13px;align-items:center;gap:10px;min-height:56px;padding:9px 11px;display:flex}.participant-list li.is-you{border:2px solid var(--beer-blue);background:#eef6ff}.participant-list strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.participant-list em{color:var(--beer-blue);margin-left:auto;font-size:11px;font-style:normal;font-weight:900}.gender-dot{background:#8494a8;border-radius:50%;flex:none;width:13px;height:13px}.gender-dot--male{background:#2382db}.gender-dot--female{background:#e35489}.requirement-note,.waiting-note{color:var(--beer-muted);text-align:center;font-size:12px;line-height:1.65}.requirement-note{background:var(--beer-paper);border-radius:11px;padding:10px}.danger-text{color:var(--beer-danger)!important}.team-card{text-align:center}.team-card>h2>strong{color:var(--beer-blue);font-size:1.2em}.team-card>p{color:var(--beer-muted);line-height:1.75}.team-grid{text-align:left;gap:9px;margin:20px 0;display:grid}.team-grid article{border:2px solid var(--beer-line);background:#fff;border-radius:14px;padding:13px 14px}.team-grid article.is-own-team{border-color:var(--beer-yellow);background:#fff9dc;box-shadow:0 0 0 3px #ffc9282e}.team-grid h3{color:var(--beer-navy);font-family:var(--beer-font-display);margin:0 0 4px;font-size:19px;font-weight:900}.team-grid p{color:var(--beer-muted);margin:0}.round-up-card{text-align:center;background:radial-gradient(circle, #fff 0 22%, var(--beer-foam) 60%);flex-direction:column;justify-content:center;min-height:min(620px,100dvh - 80px);display:flex}.round-up-card h2{color:var(--beer-navy);font-family:var(--beer-font-display);margin:0;font-size:clamp(42px,13vw,66px);font-weight:900;line-height:1.05;animation:.45s ease-in-out 2 result-pulse}.round-up-card h2 strong{color:var(--beer-danger);font-size:1.3em}.round-up-card>p:not(.eyebrow){color:var(--beer-muted)}.game-status{color:var(--beer-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:900;display:flex}.game-status strong{color:var(--beer-blue);font-family:var(--beer-font-display);font-size:16px}.question-screen>.question-card{box-shadow:none;background:0 0;border:0;padding:0}.question-screen>.question-card:after{display:none}.question-screen>.question-card h2{font-family:var(--beer-font-display);font-size:clamp(15px, calc((100vw - 72px) / var(--question-length)), 35px);letter-spacing:-.035em;white-space:nowrap;text-wrap:nowrap;margin:3px 0 18px;font-weight:900;line-height:1.45}.question-options-preview{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:18px;display:grid}.question-options-preview>span{width:42px;height:42px;color:var(--beer-navy);background:var(--beer-yellow);font-family:var(--beer-font-display);border-radius:12px;place-items:center;font-size:21px;font-weight:900;display:grid}.question-options-preview p{overflow-wrap:normal;font-family:var(--beer-font-display);text-wrap:balance;margin:0;font-weight:800;line-height:1.45}.question-options-preview i{color:var(--beer-muted);letter-spacing:.18em;text-align:center;grid-column:1/-1;font-size:10px;font-style:normal;font-weight:900}.question-screen fieldset.answer-panel{border:0;border-top:1px solid var(--beer-line);gap:10px;margin:0;padding:16px 0 0;display:grid}.question-screen .answer-panel legend{color:var(--beer-navy);font-family:var(--beer-font-display);margin-bottom:8px;font-weight:900}.choice-button{border:3px solid var(--beer-line);width:100%;min-height:71px;color:var(--beer-ink);text-align:left;box-shadow:var(--beer-shadow-small);background:#fff;border-radius:16px;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.choice-button>span{width:43px;height:43px;color:var(--beer-navy);background:var(--beer-yellow);font-family:var(--beer-font-display);border-radius:12px;place-items:center;font-size:22px;font-weight:900;display:grid}.choice-button strong{overflow-wrap:normal;font-family:var(--beer-font-display);text-wrap:balance;font-size:16px;line-height:1.45}.choice-button em{color:var(--beer-blue);white-space:nowrap;font-size:10px;font-style:normal;font-weight:900}.choice-button.is-selected{border-color:var(--beer-blue);box-shadow:0 5px 0 var(--beer-blue);background:#eaf3ff;transform:translateY(-1px)}.question-screen .answer-progress{grid-template-columns:auto 1fr;display:grid}.question-screen .answer-progress>strong{font-size:22px}.question-screen .answer-progress>span{text-align:right}.question-screen .answer-progress p{border-top:1px solid #ffffff29;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-height:39px;margin:0;padding-top:7px;display:flex}.question-screen .answer-progress p em{color:var(--beer-yellow-light);font-size:11px;font-style:normal;font-weight:900}.spectator-panel{border:2px solid var(--beer-line);background:var(--beer-paper);border-radius:15px;padding:15px}.spectator-panel h3{color:var(--beer-navy);font-family:var(--beer-font-display);margin:0 0 12px;font-size:17px;font-weight:900}.spectator-panel p{border-top:1px solid var(--beer-line);justify-content:space-between;align-items:center;gap:8px;min-height:46px;margin:0;display:flex}.spectator-panel p strong{color:var(--beer-blue);text-align:right;font-size:12px}.result-screen{text-align:center}.result-kicker{font-family:var(--beer-font-display);margin:0;font-size:clamp(42px,13vw,62px);font-weight:900;line-height:1}.result-screen--success .result-kicker{color:var(--beer-success);animation:.55s both success-pop}.result-screen--failed .result-kicker{color:var(--beer-danger);animation:.36s both failed-shake}.result-screen>h2{font-family:var(--beer-font-display);margin:10px 0 18px;font-size:29px;font-weight:900}.result-answer-list{text-align:left;gap:8px;margin:18px 0;display:grid}.result-answer-list p{border:1px solid var(--beer-line);background:#fff;border-radius:13px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;min-height:56px;margin:0;padding:9px 11px;display:grid}.result-answer-list span{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.result-answer-list strong{color:var(--beer-blue);font-family:var(--beer-font-display);text-align:right;font-size:13px}.revenge-gauge{color:#7f1723;min-height:48px;font-family:var(--beer-font-display);background:#fff0f2;border:1px solid #f2b0b7;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:0 0 14px;padding:8px 11px;font-size:11px;font-weight:900;display:flex}.revenge-gauge>div{gap:6px;display:flex}.revenge-gauge i{background:#fff;border:2px solid #d57781;border-radius:50%;width:15px;height:15px;transition:background .2s,box-shadow .2s,transform .2s;display:block;box-shadow:inset 0 1px 2px #7f172324}.revenge-gauge i.is-lit{background:var(--beer-danger);transform:scale(1.08);box-shadow:0 0 0 3px #b4233221,0 0 10px #b4233257}.revenge-gauge strong{text-align:right;min-width:28px}.roulette-screen,.reflect-screen,.penalty-result,.revenge-screen,.revenge-result{text-align:center}.roulette-screen .roulette-pointer{border-top-width:42px;border-left-width:19px;border-right-width:19px;top:-9px}.penalty-result h2{color:var(--beer-danger);font-family:var(--beer-font-display);margin:11px 0;font-size:clamp(43px,13vw,64px);font-weight:900;line-height:1.12;animation:.65s ease-in-out 2 result-pulse}.penalty-result>p:not(.eyebrow){color:var(--beer-muted)}.revenge-tease{font-family:var(--beer-font-display);font-size:22px;font-weight:900;color:var(--beer-danger)!important}.revenge-screen>h2{color:var(--beer-danger);font-family:var(--beer-font-display);text-shadow:0 3px #ffd3d7;margin:4px 0 10px;font-size:clamp(42px,13vw,64px);font-weight:900;line-height:.98}.revenge-screen>p:not(.eyebrow){color:var(--beer-muted)}.revenge-screen .revenge-cards>button{border:3px solid var(--beer-yellow);min-height:158px;color:var(--beer-yellow-light);background:radial-gradient(circle,#ffffff24 0 3px,transparent 4px) 0 0 / 17px 17px,var(--beer-blue);box-shadow:var(--beer-shadow-small);border-radius:15px;align-content:center;place-items:center;gap:8px;padding:8px;display:grid}.revenge-screen .revenge-cards>button>span{font-family:var(--beer-font-display);font-size:44px;font-weight:900}.revenge-screen .revenge-cards>button>small{letter-spacing:.08em;font-size:9px;font-weight:900}.revenge-screen .revenge-cards>button.is-selected{border-color:var(--beer-danger);box-shadow:0 0 0 4px #ffd3d7,var(--beer-shadow-small);transform:translateY(-5px)rotateY(12deg)}.revenge-skip{margin-top:12px}.revenge-help{z-index:4;text-align:left;margin:-3px 0 12px;position:relative}.revenge-help summary{border:2px solid var(--beer-blue);width:max-content;min-height:42px;color:var(--beer-blue);font-family:var(--beer-font-display);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:4px 8px 4px 4px;font-weight:900;list-style:none;display:flex}.revenge-help summary::-webkit-details-marker{display:none}.revenge-help summary>span{color:#fff;background:var(--beer-blue);border-radius:50%;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.revenge-help summary small{font-size:11px}.revenge-help>div{border:2px solid var(--beer-blue);box-shadow:var(--beer-shadow-small);background:#eef6ff;border-radius:15px;gap:8px;margin-top:8px;padding:12px;display:grid}.revenge-help p{grid-template-columns:76px minmax(0,1fr);gap:8px;margin:0;font-size:11px;line-height:1.55;display:grid}.revenge-help p+p{border-top:1px solid var(--beer-line);padding-top:8px}.revenge-help p strong{color:var(--beer-blue);font-family:var(--beer-font-display)}.reflect-orbit{aspect-ratio:1;border:4px dashed var(--beer-blue);background:#eaf3ff;border-radius:50%;place-items:center;width:min(76vw,310px);margin:25px auto;display:grid;position:relative}.reflect-orbit>strong{width:104px;height:104px;color:var(--beer-yellow);background:var(--beer-navy);font-family:var(--beer-font-display);border-radius:50%;place-items:center;font-size:15px;display:grid;box-shadow:0 0 0 8px #fff}.reflect-orbit>span{--angle:0deg;--angle-back:0deg;max-width:100px;transform:rotate(var(--angle)) translateY(-125px) rotate(var(--angle-back));border:2px solid var(--beer-blue);color:var(--beer-navy);font-family:var(--beer-font-display);background:#fff;border-radius:10px;padding:7px 8px;font-size:11px;font-weight:900;position:absolute;top:50%;left:50%}.reflect-orbit>span:nth-of-type(2){--angle:72deg;--angle-back:-72deg}.reflect-orbit>span:nth-of-type(3){--angle:144deg;--angle-back:-144deg}.reflect-orbit>span:nth-of-type(4){--angle:216deg;--angle-back:-216deg}.reflect-orbit>span:nth-of-type(5){--angle:288deg;--angle-back:-288deg}.reflect-instruction{color:var(--beer-muted);margin:8px 0 14px;font-weight:800}.reflect-team-options{gap:10px;display:grid}.reflect-team-button{border:3px solid var(--beer-blue);width:100%;min-height:80px;color:var(--beer-navy);box-shadow:var(--beer-shadow-small);text-align:left;background:linear-gradient(135deg,#fff 0 70%,#eaf3ff 100%);border-radius:17px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:2px 11px;padding:12px 14px;transition:transform .15s,box-shadow .15s,background .15s;display:grid}.reflect-team-button:not(:disabled):active{box-shadow:0 2px 0 var(--beer-navy);transform:translateY(3px)}.reflect-team-button>span{width:48px;height:48px;color:var(--beer-yellow-light);background:var(--beer-blue);font-family:var(--beer-font-display);letter-spacing:.08em;border-radius:50%;grid-row:1/3;place-items:center;font-size:9px;font-weight:900;display:grid}.reflect-team-button>strong{overflow-wrap:anywhere;font-family:var(--beer-font-display);font-size:20px;font-weight:900;line-height:1.25}.reflect-team-button>small{overflow-wrap:anywhere;color:var(--beer-muted);font-size:11px;font-weight:800;line-height:1.35}.revenge-result h2{color:var(--beer-blue);font-family:var(--beer-font-display);margin:5px 0 10px;font-size:clamp(42px,13vw,65px);font-weight:900;line-height:1;animation:.55s both success-pop}.revenge-result>p:not(.eyebrow,.waiting-note){color:var(--beer-muted);font-family:var(--beer-font-display);font-size:21px;font-weight:900}.revenge-result--bust h2{color:var(--beer-danger)}.revenge-result--cheers h2{color:var(--beer-success)}.countdown{aspect-ratio:1;border:7px solid var(--beer-yellow);color:#fff;background:var(--beer-navy);border-radius:50%;grid-template-rows:auto 1fr auto;align-content:center;place-items:center;gap:0;width:122px;margin:18px auto;padding:14px;display:grid;box-shadow:0 0 0 5px #fff,0 11px 24px #031b3d3d}.countdown span{font-size:10px;font-weight:900}.countdown strong{color:var(--beer-yellow-light);font-family:var(--beer-font-display);font-variant-numeric:tabular-nums;font-size:48px;font-weight:900;line-height:.95}.countdown small{letter-spacing:.14em;font-size:9px;font-weight:900}.countdown.is-finished{background:var(--beer-danger);border-color:#ff8f9a;animation:.36s both failed-shake}.countdown.is-finished strong{color:#fff}.penalty-takeover{--penalty-accent:var(--beer-yellow);--penalty-word:#ffffffeb;z-index:120;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(135deg,#aa2635 0 42%,#062a5b 43% 100%) 0 0/170% 170%;place-items:center;animation:.38s ease-in-out infinite alternate penalty-flash,3.2s linear infinite penalty-background-shift;display:grid;position:fixed;inset:0;overflow:hidden}.penalty-takeover:before{content:"";z-index:0;background:repeating-conic-gradient(from 0deg, transparent 0 8deg, #ffffff4d 9deg 12deg, transparent 13deg 23deg, var(--penalty-accent) 24deg 28deg);position:absolute;inset:-65%}@supports (color:color-mix(in lab, red, red)){.penalty-takeover:before{background:repeating-conic-gradient(from 0deg, transparent 0 8deg, #ffffff4d 9deg 12deg, transparent 13deg 23deg, color-mix(in srgb, var(--penalty-accent) 42%, transparent) 24deg 28deg)}}.penalty-takeover:before{opacity:.68;mix-blend-mode:screen;animation:6s linear infinite penalty-rays}.penalty-takeover:after{content:"";z-index:0;aspect-ratio:1;background:radial-gradient(circle, #ffffff8a 0 2%, transparent 3% 30%, var(--penalty-accent) 31% 33%, transparent 34% 49%, #ffffff3d 50% 51%, transparent 52%);border:4px solid #ffffff85;border-radius:50%;width:min(94vw,620px);position:absolute}@supports (color:color-mix(in lab, red, red)){.penalty-takeover:after{background:radial-gradient(circle, #ffffff8a 0 2%, transparent 3% 30%, color-mix(in srgb, var(--penalty-accent) 26%, transparent) 31% 33%, transparent 34% 49%, #ffffff3d 50% 51%, transparent 52%)}}.penalty-takeover:after{box-shadow:0 0 55px var(--penalty-accent), inset 0 0 70px var(--penalty-accent)}@supports (color:color-mix(in lab, red, red)){.penalty-takeover:after{box-shadow:0 0 55px var(--penalty-accent), inset 0 0 70px color-mix(in srgb, var(--penalty-accent) 60%, transparent)}}.penalty-takeover:after{animation:1.15s ease-in-out infinite alternate penalty-halo}.penalty-takeover--half{--penalty-accent:#ffb43c;--penalty-word:#fff7ddc7;background:linear-gradient(135deg,#b55323,#70411d 48%,#173d65);animation-duration:.72s,4s}.penalty-takeover--third{--penalty-accent:#72b7ff;--penalty-word:#e5f4ffad;background:linear-gradient(135deg,#275f91,#18466f 50%,#17314d);animation-duration:1s,4.8s}.penalty-word-wall{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;gap:5px;display:grid;position:absolute;inset:-9%;transform:rotate(-7deg)scale(1.12)}.penalty-word-wall span{color:var(--penalty-word);font-family:var(--beer-font-display);text-align:center;text-shadow:3px 3px 0 #031b3d8c, 0 0 18px var(--penalty-accent);font-size:clamp(18px,6.5vw,47px);font-weight:900;line-height:.9;animation:.46s ease-in-out infinite alternate penalty-word-pop}.penalty-word-wall span:nth-child(3n){color:var(--penalty-accent);animation-delay:-.17s;transform:rotate(12deg)}.penalty-word-wall span:nth-child(3n+1){animation-delay:-.33s;transform:rotate(-9deg)scale(1.14)}.penalty-takeover--half .penalty-word-wall span{font-size:clamp(18px,5.8vw,40px);animation-duration:.8s}.penalty-takeover--third .penalty-word-wall span{font-size:clamp(16px,5.2vw,34px);animation-duration:1.1s}.penalty-sparkles{z-index:3;pointer-events:none;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;align-items:center;display:grid;position:absolute;inset:0}.penalty-sparkles i{color:#fff;text-align:center;text-shadow:0 0 12px white, 0 0 22px var(--penalty-accent), 0 0 38px var(--penalty-accent);font-size:clamp(12px,4.6vw,32px);font-style:normal;animation:.48s ease-in-out infinite alternate penalty-sparkle}.penalty-sparkles i:nth-child(3n){color:var(--penalty-accent);animation-delay:-.21s}.penalty-sparkles i:nth-child(4n){animation-delay:-.42s;transform:scale(.55)}.penalty-takeover--half .penalty-sparkles{opacity:.82}.penalty-takeover--third .penalty-sparkles{opacity:.65}.penalty-timer-core{z-index:4;width:min(100%,380px);box-shadow:0 0 0 8px var(--penalty-accent), 0 0 42px var(--penalty-accent), 0 20px 55px #0000007a;text-align:center;background:#031b3df0;border:7px solid #fff;border-radius:34px;place-items:center;padding:18px 22px;animation:.72s ease-in-out infinite alternate penalty-core-pulse;display:grid;position:relative}.penalty-timer-core>small{color:#dbeafe;font-family:var(--beer-font-display);letter-spacing:.18em;font-size:10px;font-weight:900}.penalty-timer-core>strong{color:var(--penalty-accent);font-family:var(--beer-font-display);text-shadow:0 4px #7f1723;margin-top:6px;font-size:clamp(41px,13vw,68px);font-weight:900;line-height:1}.penalty-timer-core>p{font-family:var(--beer-font-display);margin:12px 0;font-size:15px;font-weight:900}.penalty-timer-core .countdown{width:128px;margin:13px auto 2px}.penalty-timer-core .primary-button{margin-top:4px}.penalty-end-button{margin-top:7px;color:#ffd3d7!important}.penalty-end-button:disabled{color:#9db0c8!important}.penalty-waiting{color:#dbeafe;font-size:12px!important}.cheers-takeover{--cheers-rainbow:linear-gradient(90deg, #ff3d5a, #ff9f1c, #ffe14f, #24e07a, #25c9ff, #6366f1, #e94dff, #ff3d5a);z-index:140;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle,#ffc92852,#0000 28%),linear-gradient(135deg,#031b3d,#16083c 52%,#062a5b);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.cheers-takeover:before{content:"";z-index:0;background:repeating-conic-gradient(from 0deg, #ff3d5ac7 0 5deg, transparent 6deg 13deg, #ffe14fd6 14deg 20deg, transparent 21deg 28deg, #25c9ffc7 29deg 35deg, transparent 36deg 44deg, #e94dffc7 45deg 51deg, transparent 52deg 60deg);opacity:.58;mix-blend-mode:screen;animation:2.7s linear infinite cheers-rays;position:absolute;inset:-72%}.cheers-takeover:after{content:"";z-index:0;aspect-ratio:1;background:radial-gradient(circle,#fff 0 1%,#0000 2% 15%,#ffe14f75 16% 17%,#0000 18% 31%,#25c9ff61 32% 34%,#0000 35% 48%,#e94dff59 49% 51%,#0000 52%);border:9px solid #ffffff8c;border-radius:50%;width:min(130vw,850px);animation:.72s ease-in-out infinite alternate cheers-halo;position:absolute;box-shadow:0 0 80px #fff,inset 0 0 90px #ffffff61}.cheers-takeover.is-kanpai{background:var(--cheers-rainbow);background-size:300% 100%;animation:1.15s linear infinite cheers-rainbow-flow,.42s ease-in-out infinite alternate cheers-screen-glow}.cheers-word-storm{z-index:1;opacity:.36;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;gap:4px;display:grid;position:absolute;inset:-8%;transform:rotate(-8deg)scale(1.1)}.cheers-word-storm span{color:#fff;font-family:var(--beer-font-display);text-align:center;text-shadow:0 0 12px,3px 3px #031b3da6;font-size:clamp(12px,4.8vw,35px);font-weight:900;line-height:.85;animation:.38s ease-in-out infinite alternate cheers-word-bounce}.cheers-word-storm span:nth-child(4n){color:#ffe14f;animation-delay:-.12s}.cheers-word-storm span:nth-child(4n+1){color:#65f5ff;animation-delay:-.25s}.cheers-word-storm span:nth-child(4n+2){color:#ff8cf4;animation-delay:-.34s}.cheers-confetti{z-index:3;pointer-events:none;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;align-items:center;display:grid;position:absolute;inset:0}.cheers-confetti i{color:#ffe14f;text-align:center;text-shadow:0 0 9px,0 0 22px;opacity:.62;font-size:clamp(10px,4vw,27px);font-style:normal;animation:.75s ease-in-out infinite alternate cheers-confetti-float}.cheers-confetti i:nth-child(5n){color:#ff4767;animation-delay:-.15s}.cheers-confetti i:nth-child(5n+1){color:#4cf09a;animation-delay:-.3s}.cheers-confetti i:nth-child(5n+2){color:#55d9ff;animation-delay:-.45s}.cheers-confetti i:nth-child(5n+3){color:#f77cff;animation-delay:-.6s}.cheers-takeover.is-kanpai .cheers-confetti i{opacity:1;animation-name:cheers-confetti-burst;animation-duration:.48s}.cheers-core{z-index:4;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030c26b0;border:5px solid #ffffffe0;border-radius:42px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,470px);min-height:min(640px,100dvh - 28px);padding:20px 10px;display:flex;position:relative;box-shadow:0 0 0 8px #ffe14f94,0 0 65px #ffffffb8,inset 0 0 45px #ffffff29}.cheers-takeover.is-kanpai .cheers-core{background:#030c2680;animation:.5s ease-in-out infinite alternate cheers-core-burst;box-shadow:0 0 0 9px #fff,0 0 35px #ff3d5a,0 0 70px #25c9ff,0 0 105px #e94dff,inset 0 0 55px #ffffff59}.cheers-core>small{color:#fff6a5;font-family:var(--beer-font-display);letter-spacing:.16em;text-shadow:0 0 12px #ffe14f;font-size:10px;font-weight:900}.cheers-core>h2{color:#fff;width:135%;font-family:var(--beer-font-display);letter-spacing:-.08em;white-space:nowrap;text-shadow:0 0 9px #fff,0 0 20px #25c9ff,0 0 34px #e94dff,4px 4px #7f1723;margin:13px -17.5% 8px;font-size:clamp(18px,6.4vw,42px);font-weight:900;line-height:1;animation:.55s ease-in-out infinite alternate cheers-title-punch;transform:scaleX(.72)scaleY(1.14)}.cheers-countdown{justify-items:center;display:grid}.cheers-countdown p{color:#fff;font-family:var(--beer-font-display);text-shadow:0 0 16px #ffe14f;margin:9px 0 0;font-size:clamp(23px,8vw,42px);font-weight:900}.cheers-countdown strong{color:#fff6a5;min-width:1em;font-family:var(--beer-font-display);text-shadow:0 0 12px #fff,0 0 32px #ffe14f,0 0 58px #ff7a18,7px 8px #b42332;font-size:min(48vw,240px);font-weight:900;line-height:.88;animation:.72s cubic-bezier(.15,.85,.2,1) both cheers-count-hit}.cheers-countdown span{color:#dbeafe;font-family:var(--beer-font-display);letter-spacing:.13em;font-size:12px;font-weight:900}.cheers-finale{justify-items:center;width:100%;display:grid}.cheers-finale>strong{color:#0000;background:var(--cheers-rainbow);font-family:var(--beer-font-display);letter-spacing:-.08em;white-space:nowrap;-webkit-text-stroke:3px white;filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 20px #ffe14f)drop-shadow(0 0 35px #25c9ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:16px 0 7px;font-size:clamp(62px,22vw,138px);font-weight:900;line-height:.92;animation:.7s linear infinite cheers-rainbow-flow,.38s ease-in-out infinite alternate cheers-kanpai-pop;display:block}.cheers-finale>p{color:#fff;font-family:var(--beer-font-display);text-shadow:0 0 12px #031b3d,0 0 22px #fff;margin:12px 0;font-size:clamp(17px,5.8vw,27px);font-weight:900}.cheers-next-button{color:#031b3d;min-width:min(82vw,300px);min-height:58px;font-family:var(--beer-font-display);background:#fff;border:4px solid #fff;border-radius:999px;margin-top:12px;padding:12px 20px;font-size:17px;font-weight:900;box-shadow:0 0 0 6px #ffe14f,0 0 32px #fff}.cheers-waiting{color:#fff;font-size:12px!important}.final-screen{text-align:center}.final-screen .ranking-list li{border:1px solid var(--beer-line);text-align:left;background:#fff;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px 11px;display:grid}.final-screen .ranking-list li>span{width:42px;height:42px;color:var(--beer-navy);background:var(--beer-yellow);font-family:var(--beer-font-display);border-radius:50%;place-items:center;font-weight:900;display:grid}.final-screen .ranking-list li>strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.final-screen .ranking-list li>em{color:var(--beer-blue);font-family:var(--beer-font-display);white-space:nowrap;font-size:18px;font-style:normal;font-weight:900}.final-screen>.primary-button+.secondary-button{margin-top:12px}.interrupted-screen{text-align:center}.interrupted-screen h2{color:var(--beer-danger);font-size:clamp(25px,7vw,34px)}.interrupted-screen>p:not(.eyebrow){color:var(--beer-muted);line-height:1.75}.game-column>footer{color:#b9cce5;text-align:center;margin:20px 8px 0;font-size:10px;line-height:1.6}@keyframes loader-float{50%{transform:translateY(-7px)}}@keyframes penalty-flash{to{filter:saturate(1.35)brightness(1.1)}}@keyframes penalty-background-shift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes penalty-rays{to{transform:rotate(360deg)scale(1.06)}}@keyframes penalty-halo{0%{opacity:.38;transform:scale(.84)rotate(-7deg)}to{opacity:.92;transform:scale(1.14)rotate(7deg)}}@keyframes penalty-core-pulse{0%{transform:scale(.98)}to{transform:scale(1.025)}}@keyframes penalty-word-pop{to{opacity:.76;transform:scale(1.13)rotate(4deg)}}@keyframes penalty-sparkle{to{opacity:.25;transform:scale(1.55)rotate(20deg)}}@keyframes cheers-rays{to{transform:rotate(360deg)scale(1.08)}}@keyframes cheers-halo{0%{opacity:.35;transform:scale(.72)}to{opacity:.96;transform:scale(1.16)}}@keyframes cheers-rainbow-flow{to{background-position:300% 0}}@keyframes cheers-screen-glow{to{filter:saturate(1.55)brightness(1.18)hue-rotate(24deg)}}@keyframes cheers-word-bounce{to{opacity:.62;transform:scale(1.2)rotate(5deg)}}@keyframes cheers-confetti-float{to{opacity:.2;transform:translateY(-12px)rotate(28deg)scale(1.35)}}@keyframes cheers-confetti-burst{0%{transform:scale(.25)rotate(-30deg)}to{transform:scale(1.85)rotate(55deg)}}@keyframes cheers-core-burst{to{transform:scale(1.018)}}@keyframes cheers-title-punch{to{transform:scaleX(.75)scaleY(1.2)rotate(-1deg)}}@keyframes cheers-count-hit{0%{opacity:0;transform:scale(2.1)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cheers-kanpai-pop{to{transform:scale(1.08)rotate(-1deg)}}@keyframes success-pop{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes failed-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-3px)}}@keyframes result-pulse{50%{transform:scale(1.08)}}@media (max-width:370px){.game-shell{padding-left:10px;padding-right:10px}.game-card{border-radius:21px;padding:19px 14px}.brand-header{gap:9px}.brand-title{font-size:25px}.beer-mark{transform:scale(.9)}.status-cell{min-height:55px;padding-left:3px;padding-right:3px}.answer-option-body{grid-template-columns:39px minmax(0,1fr)}.choice-state{grid-column:2}.revenge-card{min-height:138px}}@media (max-height:650px) and (orientation:landscape){.game-shell{padding-top:calc(9px + env(safe-area-inset-top))}.brand-header{margin-bottom:8px}.roulette-stage{width:min(58vh,300px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}