.app.app-lobby{--bg-page: #102c2a;--bg-surface: #193834;--bg-elevated: #102c2a;--border-subtle: #36534b;--text-primary: #f7f3e8;--text-secondary: #d2ded6;--text-muted: #b3c9c1;--accent: #ffab75;--accent-strong: #ffab75;display:block;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px 32px;background:#102c2a;color:#f7f3e8;text-align:left}.app-lobby .phone-brand{display:flex;align-items:center;gap:8px;max-width:440px;margin:0 auto 24px;padding-right:86px;font:28px Georgia,serif;letter-spacing:-1px}.app-lobby .phone-brand img{width:40px;height:40px}.app.app-lobby .pairing-panel{max-width:440px;width:100%;padding:20px;background:#193834;border:1px solid #36534b;border-radius:20px;box-shadow:none}.app.app-lobby .host-room-panel{padding:0;border:0;background:transparent}.app.app-lobby .pairing-panel h2{font:32px/1.15 Georgia,serif;letter-spacing:-.8px;margin-bottom:16px}.app.app-lobby .host-room-meta{display:flex;justify-content:space-between;align-items:center;color:#b3c9c1;font-size:13px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #36534b}.host-room-meta strong{color:#f7f3e8;letter-spacing:2px}.app-lobby .catalog-hint{color:#b3c9c1;font-size:14px;line-height:1.5;margin:-4px 0 20px}.app-lobby .phone-game-list{display:grid;gap:12px}.app-lobby .phone-game-option{display:flex;gap:14px;align-items:center;width:100%;min-height:108px;padding:12px;border:1px solid #36534b;border-radius:16px;background:#193834;color:#f7f3e8;text-align:left;cursor:pointer;font-family:inherit}.app-lobby .phone-game-option.is-previewed{border-color:#ffab75;box-shadow:0 0 0 1px #ffab75}.app-lobby .phone-game-option>img{width:72px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0}.app-lobby .phone-game-option>span{display:grid;min-width:0;gap:5px}.app-lobby .phone-game-option strong{font-size:17px}.app-lobby .phone-game-option span span{font-size:13px;line-height:1.4;color:#d2ded6}.app-lobby .phone-game-option small{color:#b3c9c1;font-size:11px}.app-lobby .phone-select-game{position:sticky;bottom:0;background:#102c2a;padding:20px 0 max(8px,env(safe-area-inset-bottom));display:grid;gap:10px;margin-top:12px}.app-lobby .phone-select-game>span{font-size:12px;color:#b3c9c1}.app.app-lobby .primary-button{background:#ffab75;color:#102c2a;border:0;border-radius:12px;min-height:48px;font-size:16px;font-weight:700;padding:12px 16px;box-shadow:none;width:100%}.app.app-lobby .primary-button:disabled{opacity:.45}.app.app-lobby button:focus-visible{outline:3px solid #f7f3e8;outline-offset:3px}.app.app-lobby .selected-game-bar{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 20px;background:transparent;border:0;border-bottom:1px solid #36534b;border-radius:0}.app-lobby .selected-game-icon{width:48px;height:48px;border-radius:10px;object-fit:cover}.app-lobby .selected-game-name{font:26px Georgia,serif;flex:1}.app.app-lobby .join-secondary-button{color:#b3c9c1;font-size:12px}.app.app-lobby .explain-it-config{gap:12px;padding:6px 0;align-items:stretch;text-align:left}.app.app-lobby .explain-it-config>.explain-it-logo-mark,.app.app-lobby .explain-it-team-select>.explain-it-logo-mark{display:none}.app.app-lobby .explain-it-config-group{padding:0;margin:0;border:0;align-items:stretch;gap:0}.app.app-lobby .explain-it-config-legend{color:#f7f3e8;font-size:14px;font-weight:500;margin-bottom:6px;text-transform:none;letter-spacing:0}.app.app-lobby .explain-it-config-options{gap:6px;width:100%}.app.app-lobby .explain-it-config-pill{color:#d2ded6;background:#193834;border:1px solid #36534b;border-radius:10px;min-height:44px;padding:8px 12px;font-size:14px;flex:1}.app.app-lobby .explain-it-config-pill.is-active{background:#ffab75;color:#102c2a;border-color:#ffab75;box-shadow:none}.app.app-lobby .explain-it-config-eyebrow,.app.app-lobby .explain-it-team-select-eyebrow{color:#f7f3e8;font-size:18px;text-transform:none;letter-spacing:0;margin:8px 0}.app.app-lobby .explain-it-config-hint,.app.app-lobby .explain-it-config-note{font-size:12px;color:#b3c9c1;margin-top:5px}.app.app-lobby .explain-it-setup-actions{margin:18px 0}.app.app-lobby .host-player-management{border-top:1px solid #36534b;padding:16px 0;margin-top:20px}.app-lobby .host-player-management summary{cursor:pointer;color:#b3c9c1;font-size:14px}.app.app-lobby .player-list>li{background:#193834;border-color:#36534b}.app.app-lobby .start-game-section{margin-top:14px;padding-top:0;border:0}.app.app-lobby .info-message,.app.app-lobby .explain-it-team-select-hint{color:#b3c9c1;font-size:14px}.app.app-lobby .explain-it-team-select{padding:0;background:transparent;border:0;max-width:440px;width:100%}.app.app-lobby .explain-it-team-choice{background:#193834;border-radius:14px;padding:14px}.app.app-lobby .explain-it-team-choice.is-mine{background:#28493e}.app.app-lobby .explain-it-team-choice-members{color:#f7f3e8}.app.app-lobby .explain-it-team-choice-status{color:#b3c9c1}.app.app-lobby input,.app.app-lobby select{background:#193834;color:#f7f3e8;border:1px solid #36534b;border-radius:10px;min-height:44px}.app.app-lobby .connection-indicator-connected{display:none}@media(max-width:380px){.app.app-lobby{padding-left:12px;padding-right:12px}.app-lobby .phone-game-option{gap:10px;padding:10px}.app-lobby .phone-game-option>img{width:60px;height:74px}.app-lobby .phone-game-option strong{font-size:16px}}:root{color-scheme:light only;color:#f5f5f5;background:#111827;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;--bg-page: #111827;--bg-surface: #1f2937;--bg-elevated: #111827;--border-subtle: #374151;--text-primary: #f5f5f5;--text-secondary: #d1d5db;--text-muted: #9ca3af;--accent: #60a5fa;--accent-strong: #2563eb;--card-face-bg: #f9fafb;--z-connection-indicator: 5;--z-controls: 10;--z-host-menu: 15;--z-hand-backdrop: 40;--z-hand: 45;--z-dragged-card: 46;--z-play-zone: 47;--z-inspection-backdrop: 48;--z-inspection-card: 49;--z-host-dialog: 55;--card-hand-transition: .2s ease}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-y:auto;overflow-x:clip;background:var(--bg-page);color:var(--text-primary)}#root{overflow:visible;min-height:100vh}.app{min-height:100vh;display:grid;place-content:center;text-align:center;padding:1.5rem}.eyebrow{margin:0 0 .5rem;color:#93c5fd;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}h1{margin:0 0 1rem;font-size:clamp(1.75rem,6vw,2.25rem)}.pairing-panel{width:min(100%,28rem);margin:0 auto 1rem;padding:1.25rem;border:1px solid var(--border-subtle);border-radius:.75rem;background:var(--bg-surface);text-align:left}.connection-indicator{position:fixed;top:max(.35rem,env(safe-area-inset-top,0px));left:max(.35rem,env(safe-area-inset-left,0px));z-index:var(--z-connection-indicator);display:inline-flex;align-items:center;gap:.35rem;pointer-events:none}.connection-indicator-dot{width:.45rem;height:.45rem;border-radius:999px;flex-shrink:0}.connection-indicator-connected .connection-indicator-dot{background:#22c55e;box-shadow:0 0 0 1px #22c55e66}.connection-indicator-connecting .connection-indicator-dot{background:#eab308;box-shadow:0 0 0 1px #eab30873}.connection-indicator-disconnected .connection-indicator-dot{background:#ef4444;box-shadow:0 0 0 1px #ef444473}.connection-indicator-connecting,.connection-indicator-disconnected{padding:.2rem .5rem .2rem .35rem;border-radius:999px;background:#111827e6;border:1px solid var(--border-subtle);box-shadow:0 1px 4px #0003;font-size:.6875rem;line-height:1.2;color:var(--text-secondary)}.connection-indicator-label{font-weight:500}.fullscreen-button{position:fixed;top:max(.35rem,env(safe-area-inset-top,0px));right:max(.35rem,env(safe-area-inset-right,0px));z-index:var(--z-controls);display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .45rem;border:1px solid var(--border-subtle);border-radius:999px;background:#111827e6;box-shadow:0 1px 4px #0003;color:var(--text-secondary);font-family:inherit;font-size:.6875rem;letter-spacing:.02em;cursor:pointer}.fullscreen-button svg{width:.85rem;height:.85rem}.fullscreen-button:hover{color:var(--text-primary)}.fullscreen-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app:has(.host-menu) .fullscreen-button{top:calc(max(.35rem,env(safe-area-inset-top,0px)) + 2.9rem)}.app-game .fullscreen-button{opacity:.4}.app-game .fullscreen-button:hover,.app-game .fullscreen-button:focus-visible{opacity:1}.pairing-panel h2{margin:0 0 1rem;font-size:1rem}.pairing-status{margin:0 0 1rem;font-size:1rem;font-weight:600}.pairing-status-paired{color:#86efac}.pairing-status-pairing,.pairing-status-waiting-for-connection{color:#fde68a}.pairing-status-failed{color:#fecaca}.info-message,.success-message,.error-message{margin:0;font-size:.9rem}.info-message{color:var(--text-secondary)}.success-message{color:#86efac}.error-message{color:#fecaca}.mono{font-family:Consolas,Monaco,Courier New,monospace;word-break:break-all}.room-code-label{margin:0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.room-code{margin:.25rem 0 1rem;font-size:1.75rem;font-weight:700;letter-spacing:.18em}.player-count{margin:0 0 1rem;color:var(--text-secondary)}.primary-button,.join-form button{width:100%;margin-top:.75rem;padding:.875rem 1rem;border:none;border-radius:.5rem;background:#2563eb;color:#fff;font-size:1rem;font-weight:600}.primary-button:disabled,.join-form button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{width:100%;margin-top:.5rem;padding:.75rem 1rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.join-form{display:grid;gap:.5rem}.join-form label{font-size:.875rem;color:var(--text-secondary)}.join-form input{width:100%;padding:.75rem .875rem;border:1px solid var(--border-subtle);border-radius:.5rem;font-size:1rem;background:var(--bg-elevated);color:var(--text-primary);color-scheme:light only}.room-code-form input{font-family:Consolas,Monaco,Courier New,monospace;letter-spacing:.12em;text-transform:uppercase}.join-alt-instruction{margin:.75rem 0 0;font-size:.875rem}.join-secondary-button{margin-top:.5rem;padding:0;border:none;background:none;color:var(--accent);font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.join-secondary-button:disabled{opacity:.6;cursor:not-allowed}.remove-player-button{width:auto;margin-top:.25rem}.remove-player-confirm{display:grid;gap:.5rem}.player-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.player-list li{padding:.75rem 1rem;border-radius:.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.warning-box{margin:0 0 1rem;padding:.875rem 1rem;border-radius:.5rem;background:#78350f;color:#fde68a;font-size:.9rem}.joined-state,.host-player-list li{display:grid;gap:.5rem}.player-row{display:flex;justify-content:space-between;gap:1rem}.seat-select-label{display:grid;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.seat-select-label select{padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:.5rem;font-size:.95rem;background:var(--bg-elevated);color:var(--text-primary);color-scheme:light only}.status-banner{margin:0 0 1rem;color:#fde68a;font-weight:600}.app-game{place-content:start center;padding:.5rem 1rem 0;padding-bottom:calc(var(--card-hand-height, 4rem) + 1rem);text-align:left;min-height:100vh;position:relative;overflow:visible}.app-game h1{font-size:1.25rem;margin-bottom:.5rem;text-align:center}.host-menu{position:fixed;top:.75rem;right:.75rem;z-index:var(--z-host-menu)}.host-undo-confirmation{position:fixed;top:3.5rem;right:.75rem;z-index:var(--z-host-dialog);margin-top:.5rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-surface);display:grid;gap:.5rem;min-width:12rem;max-width:calc(100vw - 1.5rem)}.host-undo-confirmation button{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:.5rem;padding:.5rem .75rem}.menu-button{padding:.4rem .75rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-surface);color:var(--text-primary);font-size:.85rem}.menu-panel{margin-top:.5rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-surface);display:grid;gap:.5rem;min-width:10rem;z-index:var(--z-host-dialog)}.menu-panel button{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:.5rem;padding:.5rem .75rem}.danger-button{background:#dc2626;color:#fff;border:none;border-radius:.5rem;padding:.5rem .75rem}.game-hand-panel{width:min(100vw - 1.5rem,56rem);margin:0 auto;position:relative;z-index:1}.game-status-row{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-bottom:.75rem}.turn-banner{margin:0;font-weight:600}.your-turn{color:#86efac}.waiting-turn{color:var(--text-muted)}.pending-banner{margin:0;color:#fde68a;font-size:.9rem}.result-banner{margin:0 0 .75rem;text-align:center;font-weight:700;color:#86efac}.player-hand{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;min-height:7rem;align-items:flex-end}.hand-card{flex:0 0 auto;border:2px solid var(--border-subtle);border-radius:.5rem;background:var(--card-face-bg);padding:.25rem;min-width:3.5rem}.hand-card-playable{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;cursor:pointer}.hand-card-disabled{opacity:.45;cursor:not-allowed}.draw-button{display:block;margin:.75rem auto 0;max-width:14rem;position:relative;z-index:var(--z-controls)}.card-hand-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:transparent;cursor:default;z-index:var(--z-hand-backdrop);touch-action:none}.card-hand-root{position:fixed;left:50%;transform:translate(-50%);width:var(--card-hand-width, auto);max-width:calc(100vw - 1rem);height:var(--card-hand-visible-height, var(--card-hand-height, 4.5rem));z-index:var(--z-hand);touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.card-hand-root--compact{bottom:0;pointer-events:auto}.card-hand-root--expanded,.card-hand-root--mode-dragging,.card-hand-root--mode-returning,.card-hand-root--mode-submitting{bottom:max(.5rem,env(safe-area-inset-bottom,0px));z-index:var(--z-hand)}.card-hand-fan{position:relative;width:100%;height:100%;overflow:visible}.card-hand-fan--compact,.card-hand-fan--expanded{overflow:visible}.card-hand-compact-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;z-index:5;touch-action:manipulation}.card-hand-root--compact .card-hand-card{pointer-events:none}.card-hand-card--compact{top:0;bottom:auto;transform-origin:center top}.card-hand-card:not(.card-hand-card--compact){top:auto;bottom:0}.card-hand-card{position:absolute;left:50%;margin-left:0;transform-origin:center bottom;border:2px solid var(--border-subtle);border-radius:.5rem;background:var(--card-face-bg);padding:.25rem;color-scheme:light only;transition:transform var(--card-hand-transition),box-shadow var(--card-hand-transition),border-color var(--card-hand-transition);cursor:grab;touch-action:none;-webkit-user-drag:none}.card-hand-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.card-hand-card--playable{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.card-hand-card--idle{opacity:.88}.card-hand-card--dragging{cursor:grabbing;transition:none;z-index:var(--z-dragged-card)!important;box-shadow:0 8px 24px #0f172a40}.card-hand-card--play-ready{border-color:#15803d;box-shadow:0 0 0 2px #15803d59,0 8px 24px #15803d33}.card-hand-card--returning{transition:transform var(--card-hand-transition),box-shadow var(--card-hand-transition)}.card-hand-card-face{display:block;pointer-events:none}.card-hand-card .card-face{width:100%;height:100%;min-width:0;min-height:0;container-type:size}.card-hand-play-zone{position:fixed;top:12%;left:50%;transform:translate(-50%);z-index:var(--z-play-zone);pointer-events:none;color:#86efac;font-size:.85rem;font-weight:600;opacity:.85}.card-hand-play-zone-label:before{content:"↑ "}.card-inspection-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-inspection-backdrop);display:grid;place-items:center;touch-action:manipulation}.card-inspection-content{position:relative;z-index:var(--z-inspection-card);width:min(70vw,70vh * .72);max-width:22rem;border-radius:.75rem;background:var(--card-face-bg);border:2px solid var(--border-subtle);box-shadow:0 16px 40px #00000073;padding:1rem;animation:card-inspection-enter var(--card-hand-transition) ease;pointer-events:none}.card-inspection-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;pointer-events:none}.card-inspection-face{min-width:100%;min-height:min(70vh,18rem);container-type:size}@keyframes card-inspection-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.card-hand-card,.card-hand-card--returning,.card-inspection-content{transition:none;animation:none}}.start-game-section{margin-top:1rem;display:grid;gap:.5rem}.card-face{position:relative;display:block;aspect-ratio:5 / 7;min-width:3rem;min-height:4.25rem;padding:0;border:2px solid;border-radius:10%;font-weight:700;line-height:1;box-sizing:border-box;color-scheme:light only}.card-face-corner{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.05em;pointer-events:none}.card-face-corner--top-left{top:var(--card-corner-pad, 8%);left:var(--card-corner-pad, 8%)}.card-face-corner--bottom-right{bottom:var(--card-corner-pad, 8%);right:var(--card-corner-pad, 8%);transform:rotate(180deg)}.card-face-centre{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:45%;pointer-events:none}.card-face-rank{font-size:clamp(.75rem,22cqw,1.35rem);font-weight:700}.card-face-suit{font-size:clamp(.65rem,18cqw,1.1rem);line-height:1}@media(orientation:landscape){.app-game{padding:.5rem 1rem 0;padding-bottom:calc(var(--card-hand-height, 5rem) + .75rem)}}.game-option-button{display:block;width:100%;margin-bottom:.5rem;padding:.75rem;border:1px solid #374151;border-radius:.5rem;background:#1f2937;color:inherit;text-align:left}.game-option-button.selected{border-color:#60a5fa;background:#1e3a5f}.selected-game-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0 .5rem;padding:.55rem .75rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg-elevated)}.selected-game-name{font-weight:600;font-size:1rem}.game-selection-section h3{margin:.75rem 0 .5rem;font-size:.9375rem}.oct-config-panel,.oct-summary-panel{margin-top:.75rem;padding:.75rem;border-radius:.5rem;background:#111827}.oct-fieldset{margin:.5rem 0;border:none}.oct-toggle-row{display:flex;flex-wrap:wrap;gap:.35rem}.oct-toggle{padding:.35rem .6rem;border:1px solid #4b5563;border-radius:.35rem;background:#1f2937;color:inherit;font-size:.85rem}.oct-toggle.active{border-color:#60a5fa;background:#1e3a5f}.oct-shortcut-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.oct-field-row{display:flex;gap:.75rem;margin:.5rem 0}.oct-radio{display:block;margin:.25rem 0}.game-action-buttons{display:flex;gap:.5rem;margin-top:.5rem}.turn-banner.free-play{color:#93c5fd}.end-turn-button{padding:.65rem 1rem;border-radius:.5rem;border:1px solid #4b5563;background:#374151;color:inherit}.app-explain-it{--ei-gold: #fbbf24;--ei-panel: rgba(15, 23, 42, .72);min-height:100dvh;padding:0;display:flex;flex-direction:column;text-align:center;background:radial-gradient(circle at 18% 6%,rgba(88,28,135,.4),transparent 46%),radial-gradient(circle at 84% 96%,rgba(30,64,175,.32),transparent 46%),linear-gradient(178deg,#0a0618,#0b1022 55%,#09090f)}.app-explain-it .eyebrow{display:none}.explain-it-panel{flex:1 1 auto;min-height:0;width:100%;max-width:34rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(.45rem,2vw,1.1rem);padding:calc(clamp(.7rem,3.5vw,1.5rem) + env(safe-area-inset-top,0px)) clamp(.9rem,4vw,1.6rem) calc(clamp(.7rem,3.5vw,1.4rem) + env(safe-area-inset-bottom,0px))}.explain-it-logo-mark{margin:0;flex-shrink:0;font-weight:800;font-size:clamp(1.4rem,7vw,2rem);line-height:1}.explain-it-logo-explain{color:#f8fafc;text-shadow:0 0 12px rgba(148,163,184,.4),0 2px 0 rgba(2,6,23,.55)}.explain-it-logo-it{display:inline-block;margin-left:.12em;color:var(--ei-gold);font-style:italic;transform:rotate(-4deg);text-shadow:0 0 14px rgba(251,191,36,.6),0 0 28px rgba(245,158,11,.35)}.explain-it-timer{position:relative;width:clamp(8.5rem,42vw,13.5rem);aspect-ratio:1;flex-shrink:0}.explain-it-timer:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle at 50% 32%,#1e1b3af5,#070612fa);box-shadow:inset 0 0 28px #a855f738}.explain-it-timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.explain-it-timer-ring-track{fill:none;stroke:#a855f729;stroke-width:6}.explain-it-timer-ring-progress{fill:none;stroke:url(#explain-it-controller-timer-gradient);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(236,72,153,.7));transition:stroke-dashoffset .25s linear}.explain-it-timer-readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.explain-it-timer-value{font-size:clamp(1.9rem,10vw,3rem);font-weight:800;font-variant-numeric:tabular-nums;color:#f8fafc;text-shadow:0 0 14px rgba(236,72,153,.55),0 0 30px rgba(168,85,247,.4)}.explain-it-timer-label{font-size:clamp(.55rem,2.6vw,.7rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c4b5fd}.explain-it-meta-bar{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:22rem;border:1px solid rgba(251,191,36,.4);border-radius:.9rem;background:var(--ei-panel);overflow:hidden}.explain-it-meta-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:clamp(.5rem,2.5vw,.8rem) clamp(.5rem,2.5vw,.9rem)}.explain-it-meta-cell+.explain-it-meta-cell{border-left:1px solid rgba(251,191,36,.28)}.explain-it-meta-label{font-size:clamp(.55rem,2.6vw,.68rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.explain-it-meta-value{font-size:clamp(.95rem,4.5vw,1.25rem);font-weight:700;color:var(--text-primary)}.app-explain-it .explain-it-team-green{color:#86efac}.app-explain-it .explain-it-team-yellow{color:#fde047}.app-explain-it .explain-it-team-blue{color:#93c5fd}.app-explain-it .explain-it-team-red{color:#fca5a5}.explain-it-word-block{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,2.5vw,.9rem)}.explain-it-word-eyebrow{margin:0;font-size:clamp(.6rem,3vw,.8rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c4b5fd}.explain-it-word-card{display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(5.5rem,22vh,12rem);padding:clamp(.9rem,4vw,2rem) clamp(.75rem,4vw,1.5rem);border:2px solid rgba(168,85,247,.7);border-radius:1.1rem;background:linear-gradient(160deg,#4c1d9559,#0f172a99);box-shadow:0 0 26px #a855f759,inset 0 0 30px #581c874d}.explain-it-word{font-size:clamp(2rem,12vw,3.5rem);font-weight:800;line-height:1.05;color:#f8fafc;text-shadow:0 0 18px rgba(196,181,253,.5);overflow-wrap:anywhere}.explain-it-word-hint{margin:0;max-width:24rem;font-size:clamp(.72rem,3.4vw,.9rem);color:var(--text-secondary)}.explain-it-actions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,3vw,1rem);width:100%;flex-shrink:0}.explain-it-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:clamp(.9rem,4.5vw,1.5rem) .5rem;border:2px solid;border-radius:1.1rem;background:#0f172a8c;color:#f8fafc;font:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.explain-it-action:disabled{opacity:.4;cursor:not-allowed}.explain-it-action:not(:disabled):active{transform:scale(.97)}.explain-it-action-icon{font-size:clamp(1.6rem,8vw,2.4rem);line-height:1}.explain-it-action-label{font-size:clamp(1rem,5vw,1.4rem);font-weight:800;letter-spacing:.02em;text-transform:uppercase}.explain-it-action-sub{font-size:clamp(.62rem,3vw,.78rem);color:var(--text-secondary)}.explain-it-action-skip{border-color:#ec4899a6;box-shadow:0 0 20px #ec48992e,inset 0 0 24px #ec48991a}.explain-it-action-skip .explain-it-action-icon,.explain-it-action-skip .explain-it-action-label{color:#f9a8d4}.explain-it-action-correct{border-color:#4ade80a6;box-shadow:0 0 20px #4ade802e,inset 0 0 24px #4ade801a}.explain-it-action-correct .explain-it-action-icon,.explain-it-action-correct .explain-it-action-label{color:#86efac}.explain-it-turn-progress{margin:0;flex-shrink:0;font-size:clamp(.66rem,3.2vw,.82rem);color:var(--text-muted)}.explain-it-guess-panel{gap:clamp(.75rem,3.5vw,1.4rem)}.explain-it-guess-header{display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,2vw,.7rem);flex-shrink:0}.explain-it-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:var(--ei-panel)}.explain-it-pill-gold{border-color:#fbbf2480}.explain-it-pill-label{font-size:clamp(.58rem,2.6vw,.72rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.explain-it-pill-value{font-size:clamp(.8rem,3.6vw,1rem);font-weight:700}.explain-it-guess-explainer{margin:0;font-size:clamp(.85rem,4vw,1.1rem);color:var(--text-secondary)}.explain-it-guess-explainer strong{color:var(--text-primary);font-weight:700}.explain-it-guess-box{flex:1 1 auto;min-height:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,3vw,1.25rem);padding:clamp(1.5rem,7vw,3rem) clamp(1rem,5vw,2rem);border:2px solid rgba(129,140,248,.5);border-radius:1.4rem;background:linear-gradient(165deg,#312e8147,#0f172a80);box-shadow:0 0 30px #818cf833,inset 0 0 40px #312e8138}.explain-it-guess-box-active{border-color:#a855f799;box-shadow:0 0 34px #a855f747,inset 0 0 44px #581c8742}.explain-it-guess-headline{margin:0;font-size:clamp(2.3rem,13vw,4.5rem);font-weight:800;line-height:1.02;text-transform:uppercase;color:#f8fafc;text-shadow:0 0 24px rgba(196,181,253,.5)}.explain-it-guess-headline-accent{color:#c4b5fd}.explain-it-guess-sub{margin:0;max-width:20rem;font-size:clamp(.85rem,4vw,1.1rem);color:var(--text-secondary)}.explain-it-start-turn{justify-content:space-between;gap:clamp(.8rem,3.5vw,1.5rem)}.explain-it-start-turn-hero{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.35rem,2vw,.6rem)}.explain-it-start-turn-eyebrow{margin:0;font-size:clamp(.7rem,3.4vw,.9rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c4b5fd}.explain-it-start-turn-headline{margin:0;font-size:clamp(1.9rem,9.5vw,3.2rem);font-weight:800;line-height:1.04;text-transform:uppercase;overflow-wrap:anywhere;color:#f8fafc;text-shadow:0 0 24px rgba(196,181,253,.5)}.explain-it-start-turn-accent{color:#c4b5fd}.explain-it-start-turn-team{margin:0;font-size:clamp(1rem,4.5vw,1.35rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.explain-it-start-turn-brief{flex-shrink:0;display:flex;flex-direction:column;gap:.3rem;max-width:22rem}.explain-it-start-turn-brief p{margin:0;font-size:clamp(.8rem,3.6vw,.95rem);color:var(--text-secondary)}.explain-it-start-turn-brief .explain-it-start-turn-duration{color:var(--text-muted);font-weight:600}.explain-it-start-turn-button{width:100%;flex-shrink:0;padding:clamp(1rem,5vw,1.6rem);border:none;border-radius:1.2rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#f8fafc;font:inherit;font-size:clamp(1.1rem,5.5vw,1.5rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 26px #a855f766;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.explain-it-start-turn-button:disabled{opacity:.5;cursor:not-allowed}.explain-it-start-turn-button:not(:disabled):active{transform:scale(.98)}.explain-it-gameover{justify-content:center;gap:clamp(.9rem,4vw,1.6rem)}.explain-it-gameover-hero{display:flex;flex-direction:column;align-items:center;gap:clamp(.2rem,1.5vw,.5rem)}.explain-it-gameover-eyebrow{margin:0;font-size:clamp(.7rem,3.4vw,.9rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c4b5fd}.explain-it-gameover-winner{margin:0;font-size:clamp(2.3rem,12vw,3.6rem);font-weight:800;line-height:1.02;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 0 26px color-mix(in srgb,currentColor 55%,transparent)}.explain-it-gameover-board{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;width:min(100%,24rem)}.explain-it-gameover-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:clamp(.6rem,3vw,.9rem) clamp(.7rem,3.5vw,1.1rem);border:1px solid rgba(148,163,184,.25);border-color:color-mix(in srgb,currentColor 40%,transparent);border-radius:.8rem;background:#0f172a80;text-align:left}.explain-it-gameover-row.is-winner{border-color:currentColor;background:color-mix(in srgb,currentColor 18%,rgba(15,23,42,.6));box-shadow:0 0 20px color-mix(in srgb,currentColor 40%,transparent)}.explain-it-gameover-rank{font-size:clamp(.85rem,4vw,1.1rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-muted)}.explain-it-gameover-row.is-winner .explain-it-gameover-rank{color:inherit}.explain-it-gameover-team{font-size:clamp(.95rem,4.2vw,1.2rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.explain-it-gameover-you{font-size:.7em;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--text-secondary)}.explain-it-gameover-score{font-size:clamp(1.1rem,5vw,1.5rem);font-weight:800;font-variant-numeric:tabular-nums}.explain-it-gameover-wait{margin:0;font-size:clamp(.78rem,3.6vw,.95rem);color:var(--text-muted)}.explain-it-timer-expired .explain-it-timer-value,.explain-it-timer-expired .explain-it-timer-label{color:#f9a8d4}.explain-it-timer-expired .explain-it-timer-ring-progress{filter:drop-shadow(0 0 10px rgba(236,72,153,.85))}.explain-it-final-guess-panel{gap:clamp(.5rem,2.2vw,.9rem)}.explain-it-final-guess-panel .explain-it-timer{width:clamp(6rem,28vw,8.5rem)}.explain-it-word-card-sm{min-height:clamp(3.5rem,12vh,5.5rem);padding:clamp(.7rem,3.5vw,1.4rem) clamp(.75rem,4vw,1.5rem)}.explain-it-word-card-sm .explain-it-word{font-size:clamp(1.6rem,8.5vw,2.75rem)}.explain-it-final-guess-prompt{margin:0;flex-shrink:0;font-size:clamp(.78rem,3.6vw,.98rem);font-weight:700;letter-spacing:.04em;color:#c4b5fd}.explain-it-final-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,2.5vw,.8rem);width:100%;flex-shrink:0}.explain-it-final-team:last-child:nth-child(odd){grid-column:1 / -1}.explain-it-final-team{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:clamp(.6rem,3vw,1rem) clamp(.4rem,2vw,.75rem);border:2px solid rgba(148,163,184,.4);border-color:color-mix(in srgb,currentColor 55%,transparent);border-radius:.9rem;background:#0f172a80;font:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.explain-it-final-team:disabled{opacity:.45;cursor:not-allowed}.explain-it-final-team:not(:disabled):active{transform:scale(.97)}.explain-it-final-team-name{font-size:clamp(.95rem,4.5vw,1.2rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.explain-it-final-team-members{font-size:clamp(.62rem,3vw,.78rem);font-weight:500;line-height:1.3;color:var(--text-secondary)}.explain-it-final-nobody{width:100%;flex-shrink:0;padding:clamp(.75rem,3.5vw,1.1rem);border:1px solid var(--border-subtle);border-radius:.9rem;background:#1e293bb3;color:var(--text-primary);font:inherit;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.explain-it-final-nobody:disabled{opacity:.45;cursor:not-allowed}.explain-it-final-nobody:not(:disabled):active{transform:scale(.98)}.app-explain-it .pairing-panel{width:min(100%,32rem);background:#0a08168c;border-color:#818cf847}.app-explain-it .primary-button{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 18px #a855f759}.app-explain-it .explain-it-setup-actions{width:100%;margin-top:.5rem}.explain-it-config{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,3vw,1.15rem);text-align:center}.explain-it-config-eyebrow{margin:0;font-size:clamp(.62rem,3vw,.78rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c4b5fd}.explain-it-config-group{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.4rem}.explain-it-config-legend{margin:0;padding:0;float:none;font-size:clamp(.68rem,3.2vw,.82rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.explain-it-config-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.explain-it-config-pill{min-width:2.75rem;padding:.5rem .9rem;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:#0f172a99;color:var(--text-secondary);font:inherit;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.explain-it-config-pill.is-active{border-color:#a855f7cc;background:#a855f72e;color:#f8fafc;box-shadow:0 0 14px #a855f74d}.explain-it-config-pill:disabled{opacity:.4;cursor:not-allowed}.explain-it-config-hint,.explain-it-config-note{margin:0;font-size:clamp(.66rem,3vw,.8rem);color:var(--text-muted)}.explain-it-team-select{display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,3vw,1.1rem);width:min(100%,32rem);margin:0 auto 1rem;text-align:center}.explain-it-team-select-eyebrow{margin:0;font-size:clamp(.66rem,3.2vw,.85rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c4b5fd}.explain-it-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,3vw,1rem);width:100%}.explain-it-team-choice:last-child:nth-child(odd){grid-column:1 / -1}.explain-it-team-choice{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:clamp(.9rem,4.5vw,1.5rem) clamp(.5rem,3vw,1rem);border:2px solid rgba(148,163,184,.4);border-color:color-mix(in srgb,currentColor 55%,transparent);border-radius:1.1rem;background:#0f172a8c;background:color-mix(in srgb,currentColor 10%,rgba(15,23,42,.6));font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.explain-it-team-choice:disabled{opacity:.5;cursor:not-allowed}.explain-it-team-choice:not(:disabled):active{transform:scale(.97)}.explain-it-team-choice.is-mine{border-color:currentColor;background:color-mix(in srgb,currentColor 22%,rgba(15,23,42,.6));box-shadow:0 0 22px color-mix(in srgb,currentColor 45%,transparent),inset 0 0 26px color-mix(in srgb,currentColor 18%,transparent)}.explain-it-team-choice-name{font-size:clamp(1.1rem,5.5vw,1.6rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.explain-it-team-choice-status{font-size:clamp(.62rem,3vw,.78rem);font-weight:600;color:var(--text-secondary)}.explain-it-team-choice-badge{margin-top:.15rem;font-size:clamp(.6rem,2.8vw,.74rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.explain-it-team-choice-members{display:flex;flex-direction:column;gap:.15rem;width:100%;min-width:0;margin-top:.35rem;font-size:.85rem;line-height:1.35;color:var(--text-primary);overflow-wrap:anywhere}.explain-it-team-select-hint{margin:0;font-size:clamp(.72rem,3.4vw,.9rem);color:#fcd34d}.explain-it-team-select-hint.is-ready{color:#86efac}.explain-it-player-lobby{display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,3.5vw,1.25rem);width:min(100%,32rem);margin:0 auto 1rem;text-align:center}.explain-it-player-lobby-eyebrow{margin:0;font-size:clamp(.66rem,3.2vw,.85rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#86efac}.explain-it-player-lobby-status{margin:0;font-size:clamp(.85rem,4vw,1.05rem);color:var(--text-secondary)}.explain-it-summary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .85rem;width:min(100%,22rem);padding:clamp(.7rem,3.5vw,1rem);border:1px solid rgba(129,140,248,.25);border-radius:.85rem;background:#0f172a66;text-align:left}.explain-it-summary>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.explain-it-summary dt{font-size:clamp(.55rem,2.6vw,.68rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.explain-it-summary dd{margin:0;font-size:clamp(.85rem,4vw,1.05rem);font-weight:600;color:var(--text-primary)}.explain-it-summary-warning{grid-column:1 / -1}.explain-it-summary-warning dd{color:#fca5a5;font-weight:500;font-size:clamp(.72rem,3.4vw,.85rem)}@media(prefers-reduced-motion:reduce){.explain-it-action,.explain-it-config-pill,.explain-it-team-choice,.explain-it-start-turn-button,.explain-it-final-team,.explain-it-final-nobody,.explain-it-timer-ring-progress{transition:none}}.app.app-explain-it{--ei-gold: #ffd132;--ei-panel: #080713e8;--bg-page: #03040d;--bg-surface: #0d0a1c;--bg-elevated: #151027;--border-subtle: #554269;--text-primary: #faf7ff;--text-secondary: #d2c8e1;--text-muted: #b4a5ca;--accent: #d4a0ff;--accent-strong: #bd76f7;color:var(--text-primary);place-content:start;background:linear-gradient(#03040d35,#03040d55),url(/assets/cosmos-DIFh3Qpq.svg) center / cover fixed,#03040d;font-family:Segoe UI,Arial,sans-serif}.app.app-explain-it button{touch-action:manipulation}.app.app-explain-it button:focus-visible{outline:3px solid #f5dbff;outline-offset:4px}.app.app-explain-it .explain-it-panel{max-width:440px;padding:max(54px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));gap:16px}.app.app-explain-it .explain-it-logo-mark{font-size:clamp(34px,10vw,44px);font-weight:900;letter-spacing:-1.5px;line-height:1.15;transform:rotate(-3deg);position:relative;margin:0 auto 10px}.app.app-explain-it .explain-it-logo-mark:before{content:"✦";position:absolute;left:-7px;top:0;font-size:15px;color:#fff;text-shadow:0 0 10px #c599ff}.app.app-explain-it .explain-it-logo-explain{text-shadow:0 2px #c7b7dc,0 5px #3d2455,0 7px 12px #000}.app.app-explain-it .explain-it-logo-it{text-shadow:0 2px #b6770c,0 5px #482700,0 0 24px #ffca2320}.app.app-explain-it .explain-it-team-green{--team-color: #72ee69;--team-rgb: 114, 238, 105;--team-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='%2372ee69'%3e%3cpath%20d='m16%202%2010%2011h-5l8%2010H19v7h-6v-7H3l8-10H6Z'/%3e%3c/svg%3e");color:var(--team-color)}.app.app-explain-it .explain-it-team-yellow{--team-color: #ffd132;--team-rgb: 255, 209, 50;--team-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='%23ffd132'%3e%3ccircle%20cx='16'%20cy='16'%20r='8'/%3e%3cpath%20d='M16%201v3m0%2024v3M1%2016h3m24%200h3M5%205l2%202m18%2018%202%202M5%2027l2-2M25%207l2-2'%20fill='none'%20stroke='%23ffd132'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3c/svg%3e");color:var(--team-color)}.app.app-explain-it .explain-it-team-blue{--team-color: #24c4ff;--team-rgb: 36, 196, 255;--team-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='%2324c4ff'%3e%3cpath%20d='m16%201%204.5%209.5L31%2012l-7.5%207.5L25%2030l-9-5-9%205%201.5-10.5L1%2012l10.5-1.5Z'/%3e%3c/svg%3e");color:var(--team-color)}.app.app-explain-it .explain-it-team-red{--team-color: #ff647f;--team-rgb: 255, 100, 127;--team-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='%23ff647f'%3e%3cpath%20d='M16%2029C11%2024%202%2018%202%2010%202%201%2013%200%2016%208%2019%200%2030%201%2030%2010c0%208-9%2014-14%2019Z'/%3e%3c/svg%3e");color:var(--team-color)}.app.app-explain-it :is(.explain-it-team-choice-name,.explain-it-final-team-name,.explain-it-pill-value,.explain-it-start-turn-team){display:inline-flex;align-items:center;justify-content:center;gap:8px}.app.app-explain-it :is(.explain-it-team-choice-name,.explain-it-final-team-name,.explain-it-pill-value,.explain-it-start-turn-team):before{content:"";width:24px;height:24px;background:var(--team-icon) center / contain no-repeat;flex-shrink:0}.app.app-explain-it .explain-it-explainer-panel{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto minmax(190px,1fr) auto auto;min-height:100dvh;align-items:center;gap:14px}.explain-it-explainer-panel>.explain-it-logo-mark{grid-column:1 / -1}.app.app-explain-it .explain-it-explainer-panel>.explain-it-timer{width:110px}.app.app-explain-it .explain-it-explainer-panel>.explain-it-meta-bar{grid-template-columns:1fr;text-align:left;border:0;background:none;gap:9px}.app.app-explain-it .explain-it-explainer-panel .explain-it-meta-cell{align-items:flex-start;padding:0 0 0 10px;border:0;min-width:0}.app.app-explain-it .explain-it-meta-label{color:#baa8d2;font-size:10px;letter-spacing:1px}.app.app-explain-it .explain-it-meta-value{font-size:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.app-explain-it .explain-it-timer:before{top:6%;right:6%;bottom:6%;left:6%;background:radial-gradient(circle at 50% 25%,#1a0b2e,#05040d 75%);box-shadow:0 0 25px #a034fb4d,inset 0 0 12px #c078ff25}.app.app-explain-it .explain-it-timer-ring-track{stroke:#8144b6;stroke-width:3}.app.app-explain-it .explain-it-timer-ring-progress{stroke-width:3;filter:drop-shadow(0 0 2px #ed44ba)}.app.app-explain-it .explain-it-timer-value{font-size:32px;line-height:1.1;letter-spacing:-1px;text-shadow:none}.app.app-explain-it .explain-it-timer-label{font-size:9px;letter-spacing:1px;margin-top:5px}.app.app-explain-it .explain-it-word-block{grid-column:1 / -1;align-self:stretch;gap:12px}.app.app-explain-it .explain-it-word-eyebrow{font-size:11px;color:#caa5ec;letter-spacing:2px}.app.app-explain-it .explain-it-word-card{min-height:140px;flex:1;padding:24px 16px;border:1px solid #c895f7;border-radius:24px;background:linear-gradient(155deg,#251239cc,#070610ed 65%);box-shadow:0 0 30px #a63bea30,inset 0 1px 1px #f3d6ff60}.app.app-explain-it .explain-it-word{font-size:clamp(30px,9vw,42px);letter-spacing:-.8px;line-height:1.15;text-shadow:0 0 20px #d2a8fb25}.app.app-explain-it .explain-it-word-hint{font-size:12px;line-height:1.5;color:#b9a8cf;max-width:290px}.app.app-explain-it .explain-it-actions{grid-column:1 / -1;gap:14px}.app.app-explain-it .explain-it-action{min-height:104px;padding:12px;border-width:1px;border-radius:21px;gap:4px}.app.app-explain-it .explain-it-action-icon{font-size:28px}.app.app-explain-it .explain-it-action-label{font-size:19px;text-transform:none}.app.app-explain-it .explain-it-action-sub{font-size:12px}.app.app-explain-it .explain-it-action-skip{border-color:#ff54ad;background:linear-gradient(145deg,#63143766,#110a1b);box-shadow:0 0 18px #ff54ad22,inset 0 1px #ffb6de50}.app.app-explain-it .explain-it-action-correct{border-color:#72ee69;background:linear-gradient(145deg,#26602a88,#071b12);box-shadow:0 0 22px #72ee6928,inset 0 1px #d1ffad60}.app.app-explain-it .explain-it-action-correct :is(.explain-it-action-icon,.explain-it-action-label){color:#9dff8b}.app.app-explain-it .explain-it-action-skip :is(.explain-it-action-icon,.explain-it-action-label){color:#ff89c7}.app.app-explain-it .explain-it-turn-progress{grid-column:1 / -1;font-size:12px;color:#c1adcf}.app.app-explain-it button:disabled{box-shadow:none;opacity:.45}.app.app-explain-it :is(.explain-it-start-turn-hero,.explain-it-guess-box){width:100%;min-height:245px;flex:1;padding:28px 20px;border:1px solid #b47aec;border-radius:28px;background:linear-gradient(150deg,#38135177,#07060fed 70%);box-shadow:0 0 35px #9943e030,inset 0 1px #e4b7ff45}.app.app-explain-it .explain-it-start-turn{min-height:100dvh}.app.app-explain-it .explain-it-start-turn-headline{font-size:clamp(28px,8vw,38px);line-height:1.15;text-transform:none}.app.app-explain-it .explain-it-start-turn-accent{display:block;color:#e0b6ff}.app.app-explain-it .explain-it-start-turn-team{padding-top:18px;font-size:17px}.app.app-explain-it .explain-it-start-turn-brief{padding:10px 15px}.app.app-explain-it :is(.explain-it-start-turn-button,.primary-button){min-height:56px;border:1px solid #e0acff;border-radius:18px;padding:16px 20px;background:linear-gradient(125deg,#7932bd,#af3684);color:#fff;box-shadow:0 0 22px #b143e033,inset 0 1px #f6d7ff44;font-size:18px;text-transform:none}.app.app-explain-it .explain-it-guess-panel{min-height:100dvh}.app.app-explain-it .explain-it-guess-box{flex:0 1 auto;margin-block:auto}.app.app-explain-it .explain-it-guess-headline{font-size:clamp(30px,9vw,42px);text-transform:none;line-height:1.15;text-shadow:none}.app.app-explain-it .explain-it-guess-headline-accent{color:#e0b6ff}.app.app-explain-it .explain-it-guess-explainer{font-size:17px;overflow-wrap:anywhere}.app.app-explain-it .explain-it-guess-sub{font-size:15px}.app.app-explain-it .explain-it-pill{padding:10px 16px;border-color:#88639f;background:#0b0717e8}.app.app-explain-it .explain-it-final-guess-panel{min-height:100dvh;gap:16px}.app.app-explain-it .explain-it-final-guess-panel .explain-it-timer{width:96px}.app.app-explain-it .explain-it-word-card-sm{flex:0;min-height:105px}.app.app-explain-it .explain-it-word-card-sm .explain-it-word{font-size:clamp(26px,8vw,36px)}.app.app-explain-it .explain-it-final-guess-prompt{font-size:16px}.app.app-explain-it :is(.explain-it-final-team,.explain-it-team-choice){min-width:0;min-height:84px;padding:15px 10px;border:1px solid var(--team-color);border-radius:19px;background:linear-gradient(140deg,rgba(var(--team-rgb),.1),transparent 80%),#080712ef;box-shadow:0 0 16px rgba(var(--team-rgb),.08),inset 0 1px rgba(var(--team-rgb),.2)}.app.app-explain-it .explain-it-final-team-name{font-size:18px}.app.app-explain-it .explain-it-final-team-members{font-size:12px;overflow-wrap:anywhere}.app.app-explain-it .explain-it-final-nobody{min-height:48px;background:#130d20;border-color:#715588;font-size:15px}.app.app-explain-it .explain-it-gameover{min-height:100dvh;justify-content:flex-start;gap:28px}.app.app-explain-it .explain-it-gameover-hero{margin-top:20px;gap:12px}.app.app-explain-it .explain-it-gameover-row{border-color:var(--team-color);background:#080712ed;border-radius:18px;padding:18px}.app.app-explain-it .explain-it-gameover-row.is-winner{background:linear-gradient(120deg,rgba(var(--team-rgb),.14),#080712);box-shadow:0 0 24px rgba(var(--team-rgb),.2)}.app.app-lobby.app-explain-it{padding-top:max(54px,env(safe-area-inset-top))}.app.app-explain-it .phone-brand{font:14px Segoe UI,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#bca5d2;margin-bottom:25px;padding:0}.app.app-explain-it .phone-brand img{width:25px;height:25px}.app.app-explain-it .pairing-panel{border-color:#684e7d;border-radius:23px;background:#0b0719df}.app.app-explain-it .host-room-panel{background:transparent;border:0}.app.app-explain-it :is(.host-room-meta,.selected-game-bar,.host-player-management){border-color:#624373;color:#b8a4ca}.app.app-explain-it .selected-game-name{font-family:Segoe UI,sans-serif;font-size:22px;font-weight:750}.app.app-explain-it .join-secondary-button{color:#cfb4e5}.app.app-explain-it .explain-it-config{gap:18px}.app.app-explain-it .explain-it-config-group{background:#0b0716d9;padding:14px;border:1px solid #543267;border-radius:18px}.app.app-explain-it .explain-it-config-legend{color:#e1d2ee;font-size:14px;font-weight:600;padding-inline:5px}.app.app-explain-it .explain-it-config-options{flex-wrap:wrap;gap:8px}.app.app-explain-it .explain-it-config-pill{border:1px solid #654777;background:#170e25;color:#e2cfed;border-radius:12px;min-height:46px;font-size:14px}.app.app-explain-it .explain-it-config-pill.is-active{border-color:#d5a0ff;color:#fff;background:#643293;box-shadow:0 0 15px #b64ef333}.app.app-explain-it :is(.explain-it-config-eyebrow,.explain-it-team-select-eyebrow){color:#ddc3f3;font-size:20px;font-weight:650}.app.app-explain-it :is(.explain-it-config-hint,.explain-it-config-note,.info-message,.explain-it-team-select-hint){color:#c4afda}.app.app-explain-it .explain-it-team-select{background:transparent}.app.app-explain-it .explain-it-team-choice{padding:18px 12px;gap:6px}.app.app-explain-it .explain-it-team-choice.is-mine{background:linear-gradient(150deg,rgba(var(--team-rgb),.2),#080712);box-shadow:0 0 24px rgba(var(--team-rgb),.2)}.app.app-explain-it .explain-it-team-choice-name{font-size:19px}.app.app-explain-it .explain-it-team-choice-status{font-size:12px;color:#b6a6c7}.app.app-explain-it .explain-it-team-choice-members{color:#f0e9f7;font-size:14px;border-top:1px solid rgba(var(--team-rgb),.25);padding-top:10px;margin-top:4px}.app.app-explain-it .explain-it-team-choice-badge{color:var(--team-color);font-size:11px}.app.app-explain-it .explain-it-summary{width:100%;border:1px solid #614078;border-radius:20px;padding:20px;gap:15px;background:#0b0818df}.app.app-explain-it .explain-it-summary dt{font-size:10px;color:#b7a1ca}.app.app-explain-it .explain-it-summary dd{font-size:16px}.app.app-explain-it .menu-button,.app.app-explain-it .fullscreen-button{min-height:36px;background:#0c0819;border-color:#5a416f;color:#d5c4e7;opacity:1}.app.app-explain-it .menu-panel{background:#10091e;border-color:#8e5eac}.app.app-explain-it .menu-panel button{min-height:46px}.app.app-explain-it:has(.host-menu) .fullscreen-button{top:12px;right:86px}.app.app-explain-it .explain-it-team-select>.explain-it-logo-mark{display:block;margin-bottom:16px}.app.app-explain-it .host-room-panel .explain-it-team-select>.explain-it-logo-mark{display:none}@media(min-width:390px){.app.app-explain-it .explain-it-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.app.app-explain-it .explain-it-config>:not(.explain-it-config-group),.app.app-explain-it .explain-it-config-group:first-of-type,.app.app-explain-it .explain-it-config-group:last-of-type{grid-column:1 / -1}.app.app-explain-it .explain-it-config-group{padding:10px}.app.app-explain-it .explain-it-config-options{gap:6px}.app.app-explain-it .explain-it-config-pill{min-width:0;padding:8px 5px}}@media(max-height:700px)and (orientation:portrait){.app.app-explain-it .explain-it-panel{padding:max(54px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));gap:10px}.app.app-explain-it .explain-it-logo-mark{font-size:34px;margin-bottom:4px}.app.app-explain-it .explain-it-explainer-panel{grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto minmax(125px,1fr) auto auto;gap:8px}.app.app-explain-it .explain-it-explainer-panel>.explain-it-timer{width:86px}.app.app-explain-it .explain-it-timer-value{font-size:26px}.app.app-explain-it .explain-it-word-card{min-height:100px;padding:16px 12px}.app.app-explain-it .explain-it-word-hint{display:none}.app.app-explain-it .explain-it-action{min-height:85px;padding:9px}.app.app-explain-it .explain-it-action-icon{font-size:23px}.app.app-explain-it .explain-it-final-guess-panel .explain-it-timer{width:74px}.app.app-explain-it .explain-it-final-team{min-height:70px;padding:10px}}@media(orientation:landscape)and (max-height:550px){.app.app-explain-it .explain-it-explainer-panel{max-width:760px;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:44px 20px 12px;gap:10px 24px}.explain-it-explainer-panel>.explain-it-logo-mark{grid-column:1}.app.app-explain-it .explain-it-explainer-panel>.explain-it-timer{grid-column:1;justify-self:center;width:95px}.app.app-explain-it .explain-it-explainer-panel>.explain-it-meta-bar{grid-column:1;grid-template-columns:1fr 1fr}.app.app-explain-it .explain-it-explainer-panel>.explain-it-word-block{grid-column:2;grid-row:1 / 3}.app.app-explain-it .explain-it-explainer-panel>.explain-it-actions{grid-column:2;grid-row:3}.app.app-explain-it .explain-it-explainer-panel>.explain-it-turn-progress{grid-column:2}.app.app-explain-it .explain-it-logo-mark{font-size:30px}.app.app-explain-it .explain-it-word-hint{display:none}.app.app-explain-it .explain-it-action{min-height:76px;padding:8px}.app.app-explain-it .explain-it-action-icon{font-size:22px}}