: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}.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-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}}