*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#1b1a17;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;background:#f6f3ec;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#game-canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;flex-direction:column;display:flex;position:fixed;inset:0}.hud-top{grid-template-columns:auto 1fr auto;grid-template-areas:"stats timer controls";align-items:center;gap:10px 16px;padding:14px 20px;display:grid}.hud-stats{color:#6f6a5e;grid-area:stats;gap:14px;font-size:14px;font-weight:600;display:flex}.hud-timer{grid-area:timer;justify-self:end;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.hud-controls{grid-area:controls;align-items:center;gap:12px;display:flex}.hud-mute,.hud-home{pointer-events:auto;cursor:pointer;opacity:.9;background:0 0;border:none;padding:4px 6px;font-size:20px;line-height:1;transition:opacity .12s,transform 50ms}.hud-mute.is-muted{opacity:.45}.hud-home:hover{opacity:1}.hud-mute:active,.hud-home:active{transform:translateY(1px)}.hud-user{pointer-events:auto;cursor:pointer;color:#1b1a17;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dcd5c5;border-radius:99px;max-width:140px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;overflow:hidden}.hud-user:active{transform:translateY(1px)}.hud-sec{font-variant-numeric:tabular-nums;text-align:right;color:#1b1a17;min-width:44px;font-size:22px;font-weight:700}.hud-sec.low{color:#d33b3b}.hud-bar{background:#e3dccc;border-radius:99px;flex:1;height:8px;overflow:hidden}.hud-bar-fill{transform-origin:0;background:linear-gradient(90deg,#2fbf5b,#e8b21a,#d33b3b);width:100%;height:100%;transition:transform .18s linear}.hud-hint{text-align:center;color:#1b1a17;max-width:620px;margin:4px auto 0;padding:8px 20px;font-size:18px;font-weight:600;line-height:1.45}.hud-hint.hidden{display:none}.hud-timer.hidden{visibility:hidden}.hud-msg{text-align:center;color:#bf5b3d;min-height:22px;margin-top:2px;font-size:15px;font-weight:600}.kb{padding:12px 8px calc(12px + env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;gap:8px;margin-top:auto;display:flex}.kb-row{justify-content:center;gap:6px;display:flex}.kb-key{color:#1b1a17;cursor:pointer;background:#e2dccd;border:none;border-radius:8px;flex:1 1 0;max-width:52px;height:56px;font-size:17px;font-weight:700;transition:background .12s,transform 50ms}.kb-key:active{transform:translateY(1px)}.kb-wide{max-width:76px;font-size:14px}.kb-key.k-correct{color:#fff;background:#2fbf5b}.kb-key.k-present{color:#1a1606;background:#e8b21a}.kb-key.k-absent{color:#fff;background:#c0584f}.hud-overlay{pointer-events:auto;background:#2d24196b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-overlay.hidden{display:none}.hud-card{text-align:center;background:#fff;border:1px solid #eeeae2;border-radius:16px;flex-direction:column;gap:12px;min-width:280px;padding:28px 32px;display:flex;box-shadow:0 24px 60px -20px #3c2d1e66}.hud-card h2{font-size:22px}.hud-card p{color:#6f6a5e;font-size:15px}.btn{cursor:pointer;color:#1b1a17;background:0 0;border:1px solid #dcd5c5;border-radius:10px;padding:11px 22px;font-size:15px;font-weight:600}.btn-primary{color:#fff;background:#e0715a;border-color:#e0715a}.btn:active{transform:translateY(1px)}@media (width<=480px){.kb-key{height:48px;font-size:15px}.hud-hint{font-size:15px}}@media (width<=520px){.hud-top{grid-template-columns:1fr auto;grid-template-areas:"stats controls""timer timer";gap:9px 12px;padding:11px 14px}.hud-timer{justify-self:stretch;max-width:none}.hud-stats{gap:11px;font-size:13px}.hud-sec{min-width:38px;font-size:20px}.hud-user{max-width:96px;padding:5px 10px;font-size:12px}}.login{z-index:100;color:#1b1a17;background:#f6f3ec;flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.login-header{align-items:center;padding:26px 40px;display:flex}.login-logo{letter-spacing:.14em;align-items:center;gap:11px;font-family:Archivo,system-ui,sans-serif;font-size:19px;font-weight:800;display:flex}.login-logo-mark{object-fit:contain;border-radius:8px;width:30px;height:30px;display:block}.login-main{flex:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;width:100%;max-width:1080px;margin:0 auto;padding:16px 40px 64px;display:grid}.login-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8a8478;border:1px solid #dcd5c8;border-radius:99px;align-items:center;gap:8px;padding:7px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:inline-flex}.login-eyebrow:before{content:"";background:#e0715a;border-radius:50%;width:7px;height:7px}.login-title{letter-spacing:-.025em;margin:22px 0 0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(2.7rem,6vw,4.6rem);font-weight:800;line-height:1.03}.login-title em{color:#e0715a;font-style:italic}.login-sub{color:#6f6a5e;max-width:40ch;margin:20px 0 0;font-size:17px;line-height:1.5}.login-tiles{gap:9px;margin-top:34px;display:flex}.login-tile{color:#fff;background:#e3dccc;border-radius:9px;place-items:center;width:46px;height:46px;font-family:Archivo,system-ui,sans-serif;font-size:20px;font-weight:800;display:grid}.login-tile.is-correct{background:#2fbf5b}.login-tile.is-present{background:#e8b21a}.login-tile.is-absent{background:#d33b3b}.login-card{background:#fff;border:1px solid #eeeae2;border-radius:24px;padding:38px 36px;box-shadow:0 30px 60px -28px #3c2d1e66}.login-card-title{letter-spacing:-.01em;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:27px;font-weight:800}.login-card-sub{color:#8a8478;margin:6px 0 26px;font-size:15px}.login-label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-input{box-sizing:border-box;color:#1b1a17;background:#f0ece4;border:1.5px solid #e8e2d2;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .15s,background .15s}.login-input::placeholder{color:#b0a994}.login-input:focus{background:#fff;border-color:#e0715a}.login-error{color:#d33b3b;min-height:17px;margin:8px 0 0;font-size:13px;font-weight:600}.login-btn{color:#fff;cursor:pointer;background:#e0715a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:16px;padding:15px;font-family:Archivo,system-ui,sans-serif;font-size:16px;font-weight:700;transition:background .15s,transform 50ms;display:flex}.login-btn:hover{background:#d35f48}.login-btn:active{transform:translateY(1px)}.login-foot{text-align:center;color:#a39d8d;margin:18px 0 0;font-size:12.5px}@media (width<=860px){.login-header{padding:20px 22px}.login-main{grid-template-columns:1fr;gap:34px;padding:8px 22px 48px}.login-card{padding:30px 24px}}.menu-screen{z-index:100;color:#1b1a17;-webkit-text-size-adjust:100%;background:radial-gradient(1200px 600px at 50% -100px,#e0715a14,#0000 60%),linear-gradient(#fafaf6 0%,#f6f3ec 100%);flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-brand-bar{justify-content:space-between;align-items:center;padding:22px 40px;display:flex}.menu-logo{letter-spacing:.14em;align-items:center;gap:11px;font-family:Archivo,system-ui,sans-serif;font-size:18px;font-weight:800;display:flex}.menu-logo-mark{object-fit:contain;border-radius:8px;width:30px;height:30px;display:block}.menu-user-chip{cursor:pointer;background:#fff;border:1px solid #dcd5c5;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.menu-user-chip:hover{background:#fafaf6;border-color:#e0715a}.menu-user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#e0715a,#e8b21a);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.menu-main{flex-direction:column;flex:1;gap:48px;width:100%;max-width:1080px;margin:0 auto;padding:24px 40px 64px;display:flex}.menu-hero{text-align:center;padding-top:12px}.menu-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#8a8478;background:#ffffff80;border:1px solid #dcd5c8;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}.menu-eyebrow:before{content:"";background:#e0715a;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite menu-pulse}@keyframes menu-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.menu-title{letter-spacing:-.025em;margin:22px 0 0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.05}.menu-title em{color:#e0715a;font-style:italic}.menu-sub{color:#6f6a5e;max-width:52ch;margin:18px auto 0;font-size:16px;line-height:1.5}.menu-tiles{perspective:800px;justify-content:center;gap:9px;margin-top:30px;display:flex}.menu-tile{color:#fff;width:50px;height:50px;transform-style:preserve-3d;background:#e3dccc;border-radius:10px;place-items:center;font-family:Archivo,system-ui,sans-serif;font-size:22px;font-weight:800;animation:4s ease-in-out infinite menu-tile-wave;display:grid}.menu-tile.is-correct{background:#2fbf5b}.menu-tile.is-present{background:#e8b21a}.menu-tile.is-absent{background:#d33b3b}@keyframes menu-tile-wave{0%,to{transform:translateY(0)rotateY(0)}25%{transform:translateY(-8px)rotateY(180deg)}50%{transform:translateY(0)rotateY(360deg)}}.menu-tile:first-child{animation-delay:0s}.menu-tile:nth-child(2){animation-delay:.12s}.menu-tile:nth-child(3){animation-delay:.24s}.menu-tile:nth-child(4){animation-delay:.36s}.menu-tile:nth-child(5){animation-delay:.48s}.menu-tile:nth-child(6){animation-delay:.6s}.menu-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:720px;margin:0 auto;display:grid}.menu-mode{text-align:left;cursor:pointer;color:#1b1a17;background:#fff;border:1px solid #eeeae2;border-radius:18px;grid-template:"icon name""icon desc"/56px 1fr;align-items:center;gap:4px 18px;padding:22px 24px;font-family:inherit;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s;display:grid;position:relative;overflow:hidden}.menu-mode:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 0%,#e0715a0d 100%);transition:opacity .2s;position:absolute;inset:0}.menu-mode:hover{border-color:#e0715a;transform:translateY(-3px);box-shadow:0 16px 32px -16px #3c2d1e40}.menu-mode:hover:before{opacity:1}.menu-mode:active{transform:translateY(-1px)}.menu-mode:disabled{cursor:default;opacity:.95}.menu-mode:disabled:hover{box-shadow:none;transform:none}.menu-mode-icon{background:#f4efe6;border-radius:14px;grid-area:icon;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.menu-mode[data-choice=single] .menu-mode-icon{background:#fff1ee}.menu-mode[data-choice=daily] .menu-mode-icon{background:#f1fbef}.menu-mode[data-choice=practice] .menu-mode-icon{background:#fcf6e3}.menu-mode[data-choice=multiplayer] .menu-mode-icon{background:#efe9fb}.menu-mode-name{letter-spacing:-.005em;grid-area:name;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.menu-mode-desc{color:#6f6a5e;grid-area:desc;font-size:13px;line-height:1.4}.menu-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#2fbf5b;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.menu-badge.is-failed{background:#c0584f}.menu-badge.is-new{background:#e0715a}.menu-foot{text-align:center;color:#a39d8d;padding:16px 0 0;font-size:12.5px}@media (width<=720px){.menu-brand-bar{padding:18px 20px}.menu-main{gap:32px;padding:12px 20px 40px}.menu-grid{grid-template-columns:1fr}.menu-mode{grid-template-columns:48px 1fr;gap:4px 14px;padding:18px 20px}.menu-mode-icon{width:48px;height:48px;font-size:24px}.menu-tile{width:42px;height:42px;font-size:18px}.menu-eyebrow{padding:5px 12px;font-size:10.5px}}.confirm-backdrop{z-index:200;backdrop-filter:blur(6px);background:#2d24198c;justify-content:center;align-items:center;padding:20px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;animation:.14s ease-out confirm-fade-in;display:flex;position:fixed;inset:0}.confirm-backdrop.is-closing{animation:.14s ease-in forwards confirm-fade-out}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-fade-out{0%{opacity:1}to{opacity:0}}.confirm-card{text-align:center;background:#fff;border:1px solid #eeeae2;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px 24px;animation:.18s cubic-bezier(.18,.89,.32,1.18) confirm-scale-in;display:flex;position:relative;box-shadow:0 24px 60px -20px #3c2d1e73,0 8px 16px -8px #3c2d1e2e}.confirm-backdrop.is-closing .confirm-card{animation:.14s ease-in forwards confirm-scale-out}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confirm-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.confirm-icon{place-items:center;margin-bottom:-4px;font-size:44px;line-height:1;animation:.42s cubic-bezier(.18,.89,.32,1.28) 60ms both confirm-icon-pop;display:grid}@keyframes confirm-icon-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{opacity:1;transform:scale(1.1)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confirm-title{letter-spacing:-.01em;color:#1b1a17;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:22px;font-weight:800}.confirm-message{color:#6f6a5e;margin:0;font-size:14.5px;line-height:1.55}.confirm-actions{gap:10px;margin-top:10px;display:flex}.confirm-btn{cursor:pointer;color:#1b1a17;background:0 0;border:1px solid #dcd5c5;border-radius:12px;flex:1;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:700;transition:transform 50ms,background .12s,border-color .12s,box-shadow .12s}.confirm-btn:hover{background:#f4efe6}.confirm-btn:active{transform:translateY(1px)}.confirm-btn:focus-visible{outline-offset:2px;outline:2px solid #1b1a17}.confirm-btn-cancel{color:#6f6a5e;background:0 0;border-color:#e2dccd}.confirm-btn-cancel:hover{color:#1b1a17;background:#f6f3ec}.confirm-btn-primary{color:#fff;background:#e0715a;border-color:#e0715a;box-shadow:0 4px 12px -4px #e0715a73}.confirm-btn-primary:hover{background:#d35f48;border-color:#d35f48}.confirm-btn-danger{color:#fff;background:#c0584f;border-color:#c0584f;box-shadow:0 4px 12px -4px #c0584f73}.confirm-btn-danger:hover{background:#ad4a42;border-color:#ad4a42}@media (width<=420px){.confirm-card{border-radius:14px;padding:26px 22px 20px}.confirm-title{font-size:20px}.confirm-message{font-size:14px}.confirm-actions{flex-direction:column-reverse}.confirm-btn{width:100%}}.mp-screen{z-index:100;background:linear-gradient(#fafaf6 0%,#f6f3ec 100%);justify-content:center;align-items:center;padding:24px 16px;font-family:inherit;display:flex;position:fixed;inset:0;overflow-y:auto}.mp-card{background:#fff;border:1px solid #eeeae2;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px 28px 24px;display:flex;position:relative;box-shadow:0 24px 60px -20px #3c2d1e59}.mp-hello{color:#6f6a5e;font-size:13px}.mp-title{letter-spacing:-.01em;color:#1b1a17;margin:0;font-size:26px;font-weight:800}.mp-sub{color:#6f6a5e;margin:0;font-size:14px;line-height:1.5}.mp-modes{flex-direction:column;gap:10px;margin-top:8px;display:flex}.mp-mode{text-align:left;cursor:pointer;color:#1b1a17;background:#fff;border:1px solid #e2dccd;border-radius:14px;grid-template:"emoji name""emoji desc"/44px 1fr;align-items:center;gap:2px 14px;padding:16px 18px;font-family:inherit;transition:transform 80ms,border-color .12s,background .12s;display:grid}.mp-mode:hover{background:#fafaf6;border-color:#e0715a}.mp-mode:active{transform:translateY(1px)}.mp-mode-emoji{grid-area:emoji;font-size:26px}.mp-mode-name{grid-area:name;font-size:16px;font-weight:700}.mp-mode-desc{color:#6f6a5e;grid-area:desc;font-size:12.5px}.mp-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mp-btn{cursor:pointer;color:#1b1a17;background:0 0;border:1px solid #dcd5c5;border-radius:12px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:transform 60ms,background .12s,opacity .12s}.mp-btn:hover{background:#f4efe6}.mp-btn:active{transform:translateY(1px)}.mp-btn:disabled{opacity:.5;cursor:not-allowed}.mp-btn-primary{color:#fff;background:#e0715a;border-color:#e0715a}.mp-btn-primary:hover{background:#d6624a}.mp-btn-ghost{color:#6f6a5e;background:0 0;border-color:#0000}.mp-btn-ghost:hover{background:#f6f3ec}.mp-back{color:#6f6a5e;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:600;position:absolute;top:14px;left:14px}.mp-back:hover{color:#1b1a17;background:#f6f3ec}.mp-code-input{letter-spacing:.3em;text-align:center;color:#1b1a17;text-transform:uppercase;background:#fff;border:2px solid #dcd5c5;border-radius:12px;width:100%;padding:18px;font-family:Archivo,monospace;font-size:28px;font-weight:800}.mp-code-input:focus{border-color:#e0715a;outline:none}.mp-error{color:#c0584f;min-height:18px;margin:-6px 0 0;font-size:13px}.mp-code-display{letter-spacing:.25em;text-align:center;color:#1b1a17;cursor:pointer;background:#fff;border:2px dashed #dcd5c5;border-radius:14px;padding:18px;font-family:Archivo,monospace;font-size:36px;font-weight:800;transition:border-color .12s,background .12s;position:relative}.mp-code-display:hover{background:#fafaf6;border-color:#e0715a}.mp-copy-hint{color:#6f6a5e;letter-spacing:0;text-transform:uppercase;font-family:inherit;font-size:10px;font-weight:600;position:absolute;bottom:6px;right:10px}.mp-share-url{color:#6f6a5e;word-break:break-all;background:#f4efe6;border-radius:6px;margin:-4px 0 0;padding:6px 10px;font-family:monospace;font-size:11.5px}.mp-inline-btn{color:#e0715a;cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.mp-section-title{text-transform:uppercase;letter-spacing:.08em;color:#6f6a5e;margin-top:4px;font-size:12px;font-weight:700}.mp-players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mp-player{color:#1b1a17;background:#fff;border:1px solid #eeeae2;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.mp-player-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.mp-player-name em{color:#6f6a5e;font-style:normal;font-weight:400}.mp-host-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#e0715a;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.mp-waiting{color:#6f6a5e;text-align:center;margin:0;font-size:13.5px;font-style:italic}.mp-toast{color:#2fbf5b;text-align:center;min-height:18px;margin:0;font-size:12.5px;font-weight:600}.mp-round-tag{text-transform:uppercase;letter-spacing:.1em;color:#6f6a5e;font-size:12px;font-weight:700}.mp-round-headline{color:#1b1a17;margin:0;font-size:24px;font-weight:800}.mp-round-sub{color:#6f6a5e;margin:0;font-size:14px}.mp-score-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.mp-score-row{background:#fff;border:1px solid #eeeae2;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:grid}.mp-score-row.is-self{background:#fafaf6;border-color:#e0715a}.mp-score-row.is-winner{background:#f3fbf1;border-color:#2fbf5b}.mp-score-rank{color:#6f6a5e;text-align:center;font-weight:800}.mp-score-name{color:#1b1a17;font-weight:600}.mp-score-pts{color:#1b1a17;font-variant-numeric:tabular-nums;font-weight:800}.hud-mp-strip.hidden,.hud-mp-round.hidden{display:none}.hud-mp-strip{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 14px 0;display:flex}.hud-mp-tag{color:#1b1a17;background:#fff;border:1px solid #eeeae2;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.hud-mp-tag.is-self{background:#fafaf6;border-color:#e0715a}.hud-mp-tag.is-solved{background:#f3fbf1;border-color:#2fbf5b}.hud-mp-tag.is-failed{background:#fdecea;border-color:#c0584f}.hud-mp-status{color:#6f6a5e;font-size:10px;font-weight:600}.hud-mp-score{font-variant-numeric:tabular-nums;color:#6f6a5e}.hud-mp-round{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#6f6a5e;padding-top:4px;font-size:12px;font-weight:700}.mp-chat-panel{border-top:1px solid #eeeae2;flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;display:flex}.mp-chat-title{text-transform:uppercase;letter-spacing:.08em;color:#6f6a5e;font-size:12px;font-weight:700}.mp-chat-messages{scrollbar-width:thin;background:#fafaf6;border-radius:10px;flex-direction:column;gap:6px;min-height:80px;max-height:180px;padding:10px;font-size:13px;display:flex;overflow-y:auto}.mp-chat-messages:empty:after{content:"Henüz mesaj yok — ilk siz yazın!";color:#a39d8d;text-align:center;padding:16px 8px;font-size:12px;font-style:italic}.mp-chat-msg{word-wrap:break-word;overflow-wrap:anywhere;line-height:1.4}.mp-chat-msg-from{color:#e0715a;margin-right:6px;font-weight:700}.mp-chat-msg.is-self .mp-chat-msg-from{color:#6f6a5e}.mp-chat-msg-text{color:#1b1a17}.mp-chat-form{gap:6px;display:flex}.mp-chat-input{color:#1b1a17;background:#fff;border:1px solid #dcd5c5;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .12s}.mp-chat-input:focus{border-color:#e0715a}.mp-chat-input::placeholder{color:#b0a994}.mp-chat-send{color:#fff;cursor:pointer;background:#e0715a;border:none;border-radius:10px;padding:0 18px;font-family:inherit;font-size:18px;font-weight:700;transition:background .12s,transform 50ms}.mp-chat-send:hover{background:#d35f48}.mp-chat-send:active{transform:translateY(1px)}.mp-chat-layer{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(320px,100vw - 32px);display:flex;position:fixed}.mp-chat-layer.hidden{display:none}.mp-chat-toasts{flex-direction:column;align-items:flex-end;gap:6px;max-width:100%;display:flex}.mp-chat-toast{word-wrap:break-word;overflow-wrap:anywhere;color:#1b1a17;background:#fbf9f5f7;border:1px solid #eeeae2;border-radius:14px;max-width:100%;padding:8px 12px;font-family:inherit;font-size:13px;animation:.22s cubic-bezier(.18,.89,.32,1.18) mp-toast-in;box-shadow:0 8px 20px -8px #3c2d1e4d}.mp-chat-toast.is-fading{animation:.26s ease-in forwards mp-toast-out}@keyframes mp-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes mp-toast-out{to{opacity:0;transform:translate(20px)}}.mp-chat-composer{pointer-events:auto;align-items:center;gap:8px;display:flex}.mp-chat-toggle{cursor:pointer;background:#fff;border:1px solid #eeeae2;border-radius:50%;width:44px;height:44px;font-family:inherit;font-size:22px;transition:transform 50ms,background .12s;box-shadow:0 4px 12px -4px #3c2d1e59}.mp-chat-toggle:hover{background:#fafaf6}.mp-chat-toggle:active{transform:translateY(1px)}.mp-chat-composer-form{background:#fff;border:1px solid #eeeae2;border-radius:22px;padding:4px 4px 4px 14px;animation:.18s mp-toast-in;display:flex;box-shadow:0 8px 20px -8px #3c2d1e59}.mp-chat-composer-form.hidden{display:none}.mp-chat-input-mini{color:#1b1a17;background:0 0;border:none;outline:none;width:220px;max-width:60vw;padding:6px 4px;font-family:inherit;font-size:14px}.mp-chat-input-mini::placeholder{color:#b0a994}@media (width<=480px){.mp-chat-layer{right:10px;bottom:calc(60px + env(safe-area-inset-bottom))}.mp-chat-input-mini{width:180px}.mp-chat-messages{max-height:140px}}.mp-settings-panel{border-top:1px solid #eeeae2;flex-direction:column;gap:10px;margin-top:4px;padding-top:12px;display:flex}.mp-readonly-hint{color:#a39d8d;letter-spacing:0;text-transform:none;margin-left:6px;font-size:11px;font-weight:500}.mp-setting-row{grid-template-columns:90px 1fr;align-items:center;gap:8px;display:grid}.mp-setting-label{color:#6f6a5e;font-size:13px;font-weight:600}.mp-setting-options{flex-wrap:wrap;gap:4px;display:flex}.mp-chip{color:#6f6a5e;cursor:pointer;background:#fff;border:1px solid #dcd5c5;border-radius:8px;flex:1;min-width:0;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .1s,border-color .1s,color .1s,transform 50ms}.mp-chip:hover{color:#1b1a17;background:#fafaf6}.mp-chip:active{transform:translateY(1px)}.mp-chip.is-active{color:#fff;background:#e0715a;border-color:#e0715a}.mp-settings-panel.is-readonly .mp-chip{cursor:default;pointer-events:none;opacity:.85}@media (width<=480px){.mp-setting-row{grid-template-columns:1fr;gap:4px}.mp-chip{padding:8px 6px;font-size:12px}}.mp-kick-btn{color:#a39d8d;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:8px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s,color .12s,transform 50ms;display:inline-flex}.mp-kick-btn:hover{color:#c0584f;background:#fdecea}.mp-kick-btn:active{transform:translateY(1px)}.mp-kick-btn:focus-visible{outline-offset:2px;outline:2px solid #c0584f}.mp-kick-icon{text-align:center;margin-bottom:4px;font-size:44px;line-height:1;animation:.38s cubic-bezier(.18,.89,.32,1.28) both mp-kick-pop}@keyframes mp-kick-pop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.1)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mp-connecting{text-align:center;align-items:center}.mp-spinner{border:3px solid #eeeae2;border-top-color:#e0715a;border-radius:50%;width:36px;height:36px;margin:6px auto 4px;animation:.72s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-tiny{color:#a39d8d;margin:0;font-size:12px}@media (width<=480px){.mp-card{border-radius:14px;padding:22px 20px 20px}.mp-title{font-size:22px}.mp-code-display{padding:16px;font-size:30px}.mp-code-input{padding:14px;font-size:24px}}.mp-choose{flex-direction:column;gap:28px;width:100%;max-width:440px;padding:6px 0;animation:.32s cubic-bezier(.18,.89,.32,1.18) mp-choose-fade-in;display:flex}@keyframes mp-choose-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mp-choose-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.mp-choose-back{color:#6f6a5e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.mp-choose-back:hover{color:#1b1a17;background:#e0715a14;border-color:#e0715a40}.mp-choose-back-arrow{font-size:16px;line-height:1}.mp-choose-tag{letter-spacing:.2em;text-transform:uppercase;color:#8a8478;background:#ffffff8c;border:1px solid #dcd5c8;border-radius:99px;justify-self:center;padding:6px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.mp-choose-spacer{justify-self:end}.mp-choose-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.mp-choose-orbit{perspective:800px;gap:8px;margin-bottom:4px;display:inline-flex;position:relative}.mp-choose-tile{color:#fff;width:42px;height:42px;transform-style:preserve-3d;border-radius:10px;place-items:center;font-family:Archivo,system-ui,sans-serif;font-size:18px;font-weight:800;animation:3.6s ease-in-out infinite mp-choose-tile-bob;display:grid;box-shadow:0 8px 18px -10px #3c2d1e59}.mp-choose-tile.is-correct{background:#2fbf5b}.mp-choose-tile.is-present{background:#e8b21a}.mp-choose-tile.is-absent{background:#d33b3b}.mp-choose-tile:first-child{animation-delay:0s}.mp-choose-tile:nth-child(2){animation-delay:.12s}.mp-choose-tile:nth-child(3){animation-delay:.24s}.mp-choose-tile:nth-child(4){animation-delay:.36s}.mp-choose-tile:nth-child(5){animation-delay:.48s}.mp-choose-tile:nth-child(6){animation-delay:.6s}@keyframes mp-choose-tile-bob{0%,to{transform:translateY(0)rotateX(0)}35%{transform:translateY(-6px)rotateX(180deg)}50%{transform:translateY(0)rotateX(360deg)}}.mp-choose-title{letter-spacing:-.02em;color:#1b1a17;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:clamp(1.9rem,4.5vw,2.4rem);font-weight:800;line-height:1.1}.mp-choose-sub{color:#6f6a5e;max-width:32ch;margin:0;font-size:14.5px;line-height:1.5}.mp-choose-grid{flex-direction:column;gap:12px;display:flex}.mp-choose-card{text-align:left;cursor:pointer;color:#1b1a17;background:#fff;border:1px solid #eeeae2;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:18px 20px;font-family:inherit;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s;display:grid;position:relative;overflow:hidden}.mp-choose-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 0%,#e0715a0f 100%);transition:opacity .2s;position:absolute;inset:0}.mp-choose-card:hover{border-color:#e0715a;transform:translateY(-2px);box-shadow:0 14px 28px -16px #3c2d1e47}.mp-choose-card:hover:before{opacity:1}.mp-choose-card:active{transform:translateY(0)}.mp-choose-card-primary{color:#fff;background:linear-gradient(135deg,#e0715a 0%,#d35f48 100%);border-color:#d35f48;box-shadow:0 14px 28px -12px #e0715a80}.mp-choose-card-primary:hover{border-color:#c54f3a;box-shadow:0 18px 36px -14px #e0715a99}.mp-choose-card-primary:before{background:linear-gradient(135deg,#ffffff29 0%,#0000 80%)}.mp-choose-card-icon{background:#fff1ee;border-radius:14px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.mp-choose-card-primary .mp-choose-card-icon{background:#ffffff2e}.mp-choose-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.mp-choose-card-name{letter-spacing:-.005em;font-size:17px;font-weight:800}.mp-choose-card-desc{color:#6f6a5e;font-size:13px;line-height:1.4}.mp-choose-card-primary .mp-choose-card-desc{color:#ffffffe0}.mp-choose-card-arrow{opacity:.5;font-size:20px;font-weight:700;transition:transform .18s,opacity .18s}.mp-choose-card:hover .mp-choose-card-arrow{opacity:1;transform:translate(4px)}.mp-choose-hint{text-align:center;color:#8a8478;margin:4px 0 0;font-size:12.5px;line-height:1.5}@media (width<=480px){.mp-choose{gap:22px}.mp-choose-tile{width:38px;height:38px;font-size:16px}.mp-choose-card{grid-template-columns:48px 1fr auto;gap:12px;padding:14px 16px}.mp-choose-card-icon{width:48px;height:48px;font-size:24px}.mp-choose-card-name{font-size:16px}.mp-choose-card-desc{font-size:12.5px}}.mp-join-hero{gap:10px;padding-top:4px}.mp-join-icon{font-size:44px;line-height:1;animation:.38s cubic-bezier(.18,.89,.32,1.28) both mp-kick-pop}.mp-join-form{flex-direction:column;gap:14px;display:flex}.mp-segments{justify-content:center;align-items:center;gap:8px;display:flex}.mp-segment{text-align:center;color:#1b1a17;text-transform:uppercase;caret-color:#e0715a;background:#fff;border:2px solid #dcd5c5;border-radius:12px;outline:none;width:48px;height:60px;padding:0;font-family:Archivo,system-ui,sans-serif;font-size:28px;font-weight:800;transition:border-color .12s,transform 50ms,box-shadow .12s,background .12s}.mp-segment:focus{border-color:#e0715a;box-shadow:0 0 0 4px #e0715a26}.mp-segment.is-filled{background:#f3fbf1;border-color:#2fbf5b}.mp-segment.is-filled:focus{background:#fff;border-color:#e0715a}.mp-segment-sep{color:#dcd5c5;user-select:none;margin:0 2px;font-size:22px;font-weight:800;line-height:1}.mp-join-form .mp-error{text-align:center;margin:-4px 0 0}@media (width<=480px){.mp-segment{border-radius:10px;width:38px;height:50px;font-size:22px}.mp-segments{gap:5px}.mp-segment-sep{margin:0;font-size:18px}}