:root{--bg:#111113;--surface:#1c1c1e;--surface-raised:#242426;--border:#3a3a3c;--border-light:#48484a;--text:#fff;--text-muted:#8e8e93;--correct:#538d4e;--present:#b59f3b;--absent:#3a3a3c;--error:#c0392b;--tile-empty-border:#3a3a3c;--tile-filled-border:#565758;--key-bg:#818384;--key-bg-top:#8c8e90;--key-shadow:rgba(0,0,0,.45);--key-text:#fff;--header-h:60px;--tile-size:clamp(46px, 10.5vw, 62px);--tile-gap:5px;--tile-fs:clamp(1.25rem, 3.8vw, 2rem);--font:"Clear Sans", "Helvetica Neue", Arial, sans-serif;--radius-sm:4px;--radius-md:10px;--ease-out:cubic-bezier(.25, .46, .45, .94);--fast:.11s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;flex:1;width:100%;max-width:500px;min-height:0;margin:0 auto;display:flex}.header{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid}.header__title{letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:1.7rem;font-weight:700}.header__slot{align-items:center;gap:2px;display:flex}.header__slot--right{justify-content:flex-end}.header__btn{width:38px;height:38px;color:var(--text-muted);transition:color var(--fast), background var(--fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.header__btn:hover{color:var(--text);background:rgba(255,255,255,.08)}.header__btn svg{width:20px;height:20px}.game{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 16px;display:flex;overflow:hidden}.board{gap:var(--tile-gap);flex-direction:column;flex-shrink:0;display:flex}.board-row{gap:var(--tile-gap);perspective:500px;display:flex}.board-row--shake{animation:rowShake .5s var(--ease-out) both}@keyframes rowShake{0%,to{transform:translate(0)}12%{transform:translate(-7px)}25%{transform:translate(6px)}37%{transform:translate(-5px)}50%{transform:translate(5px)}62%{transform:translate(-3px)}75%{transform:translate(3px)}88%{transform:translate(-1px)}}.board-row--shake .tile[data-state=tbd],.board-row--shake .tile[data-state=empty]{animation:.5s both tileBorderError}@keyframes tileBorderError{0%,to{border-color:var(--tile-filled-border)}30%,70%{border-color:var(--error)}}.board-row--bounce .tile{animation:tileBounce .85s var(--ease-out) forwards}.board-row--bounce .tile:first-child{animation-delay:0s}.board-row--bounce .tile:nth-child(2){animation-delay:75ms}.board-row--bounce .tile:nth-child(3){animation-delay:.15s}.board-row--bounce .tile:nth-child(4){animation-delay:.225s}.board-row--bounce .tile:nth-child(5){animation-delay:.3s}.board-row--bounce .tile:nth-child(6){animation-delay:.375s}@keyframes tileBounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-20px)scale(1.05)}60%{transform:translateY(-7px)scale(1.02)}}.tile{width:var(--tile-size);height:var(--tile-size);font-size:var(--tile-fs);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid var(--tile-empty-border);color:var(--text);--flip-bg:transparent;--flip-border:var(--tile-filled-border);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-weight:700;display:flex}.tile[data-state=tbd]{border-color:var(--tile-filled-border);transition:border-color 60ms}.tile[data-state=correct]{--flip-bg:var(--correct);--flip-border:var(--correct)}.tile[data-state=present]{--flip-bg:var(--present);--flip-border:var(--present)}.tile[data-state=absent]{--flip-bg:var(--absent);--flip-border:var(--absent)}.tile[data-state=correct]:not(.tile--flip),.tile[data-state=present]:not(.tile--flip),.tile[data-state=absent]:not(.tile--flip){background:var(--flip-bg);border-color:var(--flip-border);color:#fff}.tile--flip{animation:.52s forwards tileFlip}@keyframes tileFlip{0%{border-color:var(--tile-filled-border);color:var(--text);background:0 0;transform:rotateX(0)}44%{border-color:var(--tile-filled-border);color:var(--text);background:0 0;transform:rotateX(90deg)}56%{background:var(--flip-bg);border-color:var(--flip-border);color:#fff;transform:rotateX(90deg)}to{background:var(--flip-bg);border-color:var(--flip-border);color:#fff;transform:rotateX(0)}}.tile--pop{animation:.1s ease-in-out tilePop}@keyframes tilePop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tile--sm{border-radius:2px;width:40px;height:40px;font-size:1.1rem}.keyboard{flex-direction:column;flex-shrink:0;gap:8px;width:100%;max-width:490px;padding:0 8px;display:flex}.keyboard-row{justify-content:center;gap:6px;display:flex}.key{background:linear-gradient(180deg, var(--key-bg-top) 0%, var(--key-bg) 100%);min-width:0;max-width:43px;height:58px;box-shadow:0 3px 0 var(--key-shadow), 0 1px 2px rgba(0,0,0,.3);color:var(--key-text);text-transform:uppercase;transition:background var(--fast), box-shadow 80ms ease, transform 80ms ease, filter 80ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0;font-size:.83rem;font-weight:700;display:flex}.key--wide{letter-spacing:.02em;flex:1.5;max-width:64px;font-size:.72rem}.key:active{box-shadow:0 1px 0 var(--key-shadow);filter:brightness(.88);transform:translateY(2px)}.key[data-state=correct]{background:linear-gradient(180deg, #62a857 0%, var(--correct) 100%);box-shadow:0 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3)}.key[data-state=present]{background:linear-gradient(180deg, #cdb048 0%, var(--present) 100%);box-shadow:0 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3)}.key[data-state=absent]{background:linear-gradient(180deg, #454547 0%, var(--absent) 100%);box-shadow:0 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3)}.toast{top:calc(var(--header-h) + 16px);background:var(--text);color:var(--bg);z-index:100;pointer-events:none;white-space:nowrap;border-radius:7px;padding:10px 20px;font-size:.875rem;font-weight:700;animation:.14s toastIn,.3s 1.2s forwards toastOut;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.4)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.modal-overlay{z-index:200;background:rgba(0,0,0,.75);justify-content:center;align-items:center;padding:16px;animation:.18s overlayIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;max-width:420px;animation:modalIn .2s var(--ease-out);position:relative;box-shadow:0 20px 40px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.3)}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-body{flex-direction:column;gap:20px;padding:36px 28px 28px;display:flex}.modal__close{width:30px;height:30px;color:var(--text-muted);transition:color var(--fast), background var(--fast);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal__close:hover{color:var(--text);background:rgba(255,255,255,.09)}.modal__close svg{width:12px;height:12px}.modal__title{letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--text);font-size:1.05rem;font-weight:700}.modal__subtitle{text-align:center;color:var(--text-muted);margin-top:-10px;font-size:.875rem;line-height:1.5}.modal__rules{color:var(--text-muted);padding-left:18px;font-size:.875rem;line-height:1.8}.modal__section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);padding-top:16px;font-size:.7rem;font-weight:700}.modal__examples{flex-direction:column;gap:6px;display:flex}.modal__example-row{gap:5px;display:flex}.modal__example-desc{color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:12px;font-size:.84rem;line-height:1.4}.modal__example-desc:last-child{border-bottom:none;padding-bottom:0}.stats-grid{justify-content:center;gap:8px;display:flex}.stat-box{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:14px 6px 12px;display:flex}.stat-box__value{color:var(--text);text-align:center;min-width:2ch;font-size:1.8rem;font-weight:700;line-height:1}.stat-box__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center;font-size:.6rem;font-weight:700;line-height:1.2}.result__top{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.result__headline{letter-spacing:.02em;animation:resultHeadIn .4s var(--ease-out);font-size:1.65rem;font-weight:700}@keyframes resultHeadIn{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.result__subline{color:var(--text-muted);font-size:.9rem}.result__subline strong{color:var(--text)}.result__answer{flex-direction:column;align-items:center;gap:4px;display:flex}.result__answer-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.result__answer-word{letter-spacing:.25em;text-transform:uppercase;color:var(--text);font-size:2rem;font-weight:700}.result__stats-section{flex-direction:column;gap:12px;display:flex}.btn-play-again{background:linear-gradient(180deg, #62a857 0%, var(--correct) 100%);color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);width:100%;transition:filter var(--fast), transform 80ms ease, box-shadow 80ms ease;padding:15px;font-size:.92rem;font-weight:700;display:block;box-shadow:0 3px rgba(0,0,0,.4)}.btn-play-again:hover{filter:brightness(1.12)}.btn-play-again:active{filter:brightness(.92);transform:translateY(2px);box-shadow:0 1px rgba(0,0,0,.4)}@media (max-height:680px){:root{--tile-size:44px;--tile-fs:1.2rem;--header-h:52px}.key{height:50px}.game{gap:8px;padding:10px 0 8px}.modal-body{gap:16px;padding:28px 22px 22px}}@media (max-height:560px){:root{--tile-size:40px;--tile-fs:1.1rem;--header-h:48px}.key{height:46px;font-size:.75rem}.key--wide{font-size:.65rem}.game{gap:6px;padding:8px 0 6px}.stat-box__value{font-size:1.5rem}}@media (max-width:380px){:root{--tile-size:44px;--tile-gap:4px;--tile-fs:1.2rem}.keyboard-row{gap:5px}.key{height:52px;font-size:.78rem}.key--wide{max-width:58px;font-size:.66rem}.modal-body{padding:30px 18px 22px}}@media (max-width:340px){:root{--tile-size:40px;--tile-gap:3px;--tile-fs:1.1rem}.keyboard{padding:0 4px}.keyboard-row{gap:4px}.key{border-radius:5px;height:48px;font-size:.72rem}.key--wide{max-width:52px}.stats-grid{flex-wrap:wrap}.stat-box{flex:calc(50% - 4px)}.stat-box__value{font-size:1.55rem}}.mode-select{justify-content:center;align-items:center;padding:24px;display:flex}.mode-select__inner{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:440px;display:flex}.mode-select__title{letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:2.5rem;font-weight:700}.mode-select__tagline{color:var(--text-muted);text-align:center;font-size:.95rem}.mode-select__choices{flex-direction:column;gap:12px;width:100%;display:flex}.mode-card{background:var(--surface);border:1px solid var(--border-light);text-align:left;color:var(--text);transition:background var(--fast), border-color var(--fast), transform 80ms ease;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 22px;display:flex}.mode-card:hover{background:var(--surface-raised);border-color:#5a5a5c}.mode-card:active{transform:scale(.99)}.mode-card__icon{width:32px;height:32px;color:var(--correct);justify-content:center;align-items:center;display:inline-flex}.mode-card__icon svg{width:100%;height:100%}.mode-card__title{font-size:1.15rem;font-weight:700}.mode-card__desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.mp-screen{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px 16px;display:flex;overflow-y:auto}.mp-card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:28px 24px;display:flex;position:relative;box-shadow:0 12px 28px rgba(0,0,0,.4)}.mp-card--wide{max-width:460px}.mp-back{color:var(--text-muted);transition:color var(--fast);align-self:flex-start;padding:4px 0;font-size:.85rem;font-weight:600}.mp-back:hover{color:var(--text)}.mp-title{letter-spacing:.04em;text-align:center;font-size:1.3rem;font-weight:700}.mp-subtitle{color:var(--text-muted);text-align:center;font-size:.9rem;line-height:1.5}.mp-msg{color:var(--text-muted);text-align:center;font-size:.9rem}.mp-room-code{letter-spacing:.18em;color:var(--text);font-size:1.05em}.mp-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.mp-hint{color:var(--text-muted);font-size:.8rem;line-height:1.4}.mp-error{color:#ff8a7a;background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.4);border-radius:6px;padding:8px 12px;font-size:.85rem}.mp-form,.mp-secret-form{flex-direction:column;gap:14px;display:flex}.mp-field{flex-direction:column;gap:6px;display:flex}.mp-label{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:600}.mp-input{background:var(--bg);border:1px solid var(--border);color:var(--text);width:100%;transition:border-color var(--fast);border-radius:6px;outline:none;padding:11px 12px;font-family:inherit;font-size:1rem}.mp-input:focus{border-color:var(--correct)}.mp-input::placeholder{color:#5a5a5c}.mp-input:disabled{opacity:.6;cursor:not-allowed}.mp-input--readonly{color:var(--text-muted);cursor:text}.mp-input--secret{text-align:center;text-transform:uppercase;letter-spacing:.4em;padding-left:.4em;font-size:1.5rem;font-weight:700}.mp-btn{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:filter var(--fast), transform 80ms ease, box-shadow 80ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:12px 16px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.mp-btn:disabled{opacity:.55;cursor:not-allowed}.mp-btn--primary{background:linear-gradient(180deg, #62a857 0%, var(--correct) 100%);color:#fff;box-shadow:0 3px rgba(0,0,0,.4)}.mp-btn--primary:not(:disabled):hover{filter:brightness(1.12)}.mp-btn--primary:not(:disabled):active{filter:brightness(.92);transform:translateY(2px);box-shadow:0 1px rgba(0,0,0,.4)}.mp-btn--secondary{background:var(--surface-raised);color:var(--text);border:1px solid var(--border-light)}.mp-btn--secondary:not(:disabled):hover{background:#2e2e30}.mp-invite{background:var(--surface-raised);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.mp-invite-row{gap:8px;display:flex}.mp-invite-row .mp-input{flex:1;min-width:0;font-size:.85rem}.mp-invite-row .mp-btn{flex-shrink:0;padding:0 14px}.mp-secret-row{align-items:stretch;gap:8px;display:flex}.mp-secret-row .mp-input{flex:1;min-width:0}.mp-secret-row .mp-btn{flex-shrink:0;padding:0 16px}.mp-status{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:14px;display:flex}.mp-status-row{background:var(--surface-raised);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.88rem;display:flex}.mp-status-name{font-weight:600}.mp-status-state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.mp-status-row--ready .mp-status-state{color:#8fd185;background:rgba(83,141,78,.25)}.mp-status-row--pending .mp-status-state{color:#e2c95a;background:rgba(181,159,59,.2)}.mp-game .game{padding-top:12px}.mp-header{grid-template-columns:38px 1fr 38px;padding:0 8px}.mp-header__center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;display:flex}.mp-header__room{letter-spacing:.18em;text-transform:uppercase;font-size:1rem;font-weight:700}.mp-header__sub{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.mp-opponent-bar{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:100%;max-width:360px;padding:8px 12px;font-size:.82rem;display:flex}.mp-opponent-name{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-width:130px;font-weight:600;overflow:hidden}.mp-opponent-dots{flex:1;justify-content:center;gap:4px;display:flex}.mp-opponent-dot{border:1px solid var(--border-light);background:0 0;border-radius:50%;width:8px;height:8px}.mp-opponent-dot--filled{background:var(--text-muted);border-color:var(--text-muted)}.mp-opponent-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.mp-opponent-bar--solved{border-color:var(--correct);background:rgba(83,141,78,.12)}.mp-opponent-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.72rem;font-weight:700}.mp-opponent-badge--solved{color:#b1e0a8;background:rgba(83,141,78,.3)}.mp-opponent-badge--out{color:#f0a59a;background:rgba(192,57,43,.22)}.mp-waiting-msg{color:var(--text-muted);text-align:center;max-width:360px;padding:0 16px;font-size:.85rem;font-style:italic}.mp-waiting-msg--challenge{color:#f0c45a;font-style:normal;font-weight:600}.mp-match-status{background:var(--surface-raised);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:8px 12px 6px;display:flex}.mp-match-status__players{justify-content:center;align-items:stretch;gap:6px;width:100%;max-width:400px;display:flex}.mp-match-status__vs{color:var(--border-light);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;align-items:center;font-size:.6rem;font-weight:700;display:flex}.mp-pslot{min-width:0;transition:background var(--fast);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 14px;display:flex}.mp-pslot--active{background:rgba(83,141,78,.18)}.mp-pslot__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;font-weight:600;overflow:hidden}.mp-pslot--active .mp-pslot__name{color:#b1e0a8}.mp-pslot__you{opacity:.7;font-size:.58rem;font-weight:400}.mp-pslot__time{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:center;min-width:5ch;font-size:.95rem;font-weight:700}.mp-pslot--active .mp-pslot__time{color:#b1e0a8}.mp-match-status__turn{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-radius:999px;padding:2px 12px;font-size:.62rem;font-weight:700}.mp-match-status__turn--mine{color:#b1e0a8;background:rgba(83,141,78,.22)}.mp-game--spectating{pointer-events:none;position:relative}.mp-game--spectating>.board,.mp-game--spectating>.keyboard{opacity:.3;filter:grayscale(.15);transition:opacity .3s,filter .3s}.mp-wait-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mp-wait-overlay__card{background:var(--surface);border:1px solid var(--border-light);text-align:center;pointer-events:auto;width:calc(100% - 48px);max-width:250px;animation:mpOverlayIn .25s var(--ease-out);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:24px 22px;display:flex;box-shadow:0 10px 28px rgba(0,0,0,.5)}@keyframes mpOverlayIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mp-wait-pulse{background:radial-gradient(circle,rgba(83,141,78,.5) 0%,rgba(83,141,78,0) 70%);border-radius:50%;width:28px;height:28px;position:relative}.mp-wait-pulse:before,.mp-wait-pulse:after{content:"";background:var(--correct);opacity:.85;border-radius:50%;animation:1.6s ease-out infinite mpPulse;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.mp-wait-pulse:after{animation-delay:.8s}@keyframes mpPulse{0%{opacity:.9;transform:scale(.6)}80%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.mp-wait-overlay__headline{color:var(--text);font-size:.92rem;font-weight:700}.mp-wait-overlay__sub{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.mp-wait-overlay__lock{color:var(--text-muted);font-size:.7rem;font-style:italic;line-height:1.4}@media (max-width:380px){.mp-match-status{padding:6px 8px 4px}.mp-pslot{padding:4px 8px}.mp-pslot__name{font-size:.62rem}.mp-pslot__you{display:none}.mp-pslot__time{font-size:.82rem}.mp-match-status__turn{font-size:.58rem}.mp-wait-overlay__card{max-width:220px;padding:18px 14px}}.mp-rematch{flex-direction:column;gap:8px;display:flex}.mp-rematch .mp-btn{width:100%}.mp-rematch__hint{text-align:center;color:var(--text-muted);font-size:.8rem;line-height:1.4}.mp-rematch__hint--highlight{color:#f0c45a;font-weight:600}.mp-or{text-align:center;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;padding:4px 0;font-size:.75rem;font-weight:700;position:relative}.mp-or:before,.mp-or:after{content:"";background:var(--border);width:calc(50% - 24px);height:1px;position:absolute;top:50%}.mp-or:before{left:0}.mp-or:after{right:0}.mp-join-form{margin:0}.mp-join-row{gap:8px;display:flex}.mp-join-row .mp-input{flex:1;min-width:0}.mp-join-row .mp-btn{flex-shrink:0;padding:0 18px}.mp-input--code{text-align:center;text-transform:uppercase;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding-left:.35em;font-size:1.15rem;font-weight:700}.mp-btn--block{width:100%}.mp-btn--compact{letter-spacing:.06em;padding:10px 14px;font-size:.8rem}.mp-room-chip{background:var(--surface-raised);border:1px solid var(--border-light);letter-spacing:.25em;color:var(--text);text-align:center;border-radius:10px;align-self:center;padding:10px 24px;font-family:Clear Sans,monospace;font-size:1.4rem;font-weight:700;display:inline-block}.mp-room-chip--inline{letter-spacing:.22em;border-radius:6px;padding:8px 16px;font-size:1.15rem}.mp-invite-v2{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:14px;padding:18px;display:flex}.mp-invite-group{flex-direction:column;gap:6px;display:flex}.mp-invite-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.mp-code-row,.mp-link-row{align-items:center;gap:8px;display:flex}.mp-code-row .mp-room-chip{flex-shrink:0}.mp-code-row{justify-content:space-between}.mp-link-row .mp-input{flex:1;min-width:0;font-size:.82rem}.mp-link-row .mp-btn{flex-shrink:0}.mp-secret-hint{color:var(--text-muted);min-height:1.2em;font-size:.8rem}.mp-secret-hint--ok{color:#b1e0a8}.mp-secret-hint--warn{color:#f0c45a}.mp-waiting-block{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.mp-waiting-block__pulse{background:var(--correct);border-radius:50%;width:14px;height:14px;animation:1.4s ease-out infinite mpDotPulse;box-shadow:0 0 rgba(83,141,78,.6)}@keyframes mpDotPulse{0%{box-shadow:0 0 rgba(83,141,78,.6)}70%{box-shadow:0 0 0 12px rgba(83,141,78,0)}to{box-shadow:0 0 rgba(83,141,78,0)}}.mp-waiting-block__title{font-size:.95rem;font-weight:700}.mp-waiting-block__sub{color:var(--text-muted);text-align:center;font-size:.85rem}.mp-status-you{color:var(--text-muted);font-size:.8em;font-weight:500}.mp-result-top{flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;display:flex}.mp-result-emoji{animation:mpBounceIn .45s var(--ease-out);font-size:2.4rem;line-height:1}@keyframes mpBounceIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.mp-result-vs{align-items:center;gap:10px;font-size:.92rem;display:flex}.mp-result-vs__name{color:var(--text-muted);background:var(--surface-raised);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:130px;padding:3px 12px;overflow:hidden}.mp-result-vs__name--winner{color:#b1e0a8;background:rgba(83,141,78,.22);font-weight:700}.mp-result-vs__sep{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.mp-banner{z-index:90;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;animation:.22s mpBannerIn;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes mpBannerIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.mp-banner--warn{color:#1a1a1b;background:rgba(181,159,59,.95)}.mp-banner__dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite mpDotBlink}@keyframes mpDotBlink{50%{opacity:.3}}.mp-banner__text{flex:1}.mp-banner__retry{color:inherit;text-transform:uppercase;letter-spacing:.05em;transition:background var(--fast);background:rgba(0,0,0,.15);border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700}.mp-banner__retry:hover{background:rgba(0,0,0,.25)}@media (max-width:380px){.mp-invite-v2{padding:14px}.mp-room-chip{letter-spacing:.2em;padding:8px 18px;font-size:1.2rem}.mp-room-chip--inline{padding:6px 12px;font-size:1rem}.mp-input--code{letter-spacing:.25em;padding-left:.25em;font-size:1rem}.mp-result-vs__name{max-width:90px;font-size:.85rem}.mp-result-emoji{font-size:2rem}.mp-wait-overlay__card{gap:10px;padding:20px 16px}}.mp-result-headline{text-align:center;letter-spacing:.02em;font-size:1.7rem;font-weight:700}.mp-result-words{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 0;display:flex}.mp-secret-reveal{flex-direction:column;align-items:center;gap:4px;display:flex}.mp-secret-reveal__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.mp-secret-reveal__word{letter-spacing:.22em;text-transform:uppercase;font-size:1.6rem;font-weight:700}.mp-secret-reveal__sub{color:var(--text-muted);letter-spacing:.04em;margin-top:4px;font-size:.75rem}.mp-result-explanation{text-align:center;color:var(--text);padding:0 4px;font-size:.95rem;line-height:1.55}.mp-result-explanation strong{font-weight:700}.mp-result-actions{gap:8px;margin-top:4px;display:flex}.mp-result-actions .mp-btn{flex:1}@media (max-width:380px){.mp-card{padding:22px 18px}.mp-input--secret{letter-spacing:.3em;padding-left:.3em;font-size:1.3rem}.mp-secret-reveal__word{letter-spacing:.18em;font-size:1.35rem}.mp-header__sub{display:none}}