@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f0ebe3;--card-bg: #ffffff;--text: #1a1a1a;--accent: #ff5c00;--accent-alt: #5b21b6;--border: #1a1a1a;--border-w: 2.5px;--shadow: 5px 5px 0px #1a1a1a;--shadow-sm: 3px 3px 0px #1a1a1a;--radius: 12px}html,body{min-height:100%;overflow-x:hidden;overflow-y:auto;font-family:Space Mono,monospace;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.page{display:flex;flex-direction:column;min-height:100vh;padding:24px 28px;gap:20px;max-width:900px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;flex-wrap:wrap}.logo{font-family:"Press Start 2P",monospace;font-size:16px;color:var(--text);letter-spacing:-.5px;line-height:1.4}.logo span{color:var(--accent)}.badge{font-family:"Press Start 2P",monospace;font-size:8px;background:var(--accent);color:#fff;padding:5px 10px;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);border-radius:6px;white-space:nowrap;letter-spacing:.5px}.bento{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(auto-fit,minmax(0,auto));gap:16px;flex:1}.card{background:var(--card-bg);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease}.card:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #1a1a1a}.card__label{font-family:"Press Start 2P",monospace;font-size:7px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:10px;display:block}.card--status{grid-column:1 / 2;grid-row:1 / 2;display:flex;align-items:center;gap:16px}.dino-mascot{flex-shrink:0}.score-block{display:flex;flex-direction:column;gap:2px}.highscore-display{font-family:"Press Start 2P",monospace;font-size:26px;color:var(--accent);line-height:1}.highscore-display small{font-size:8px;color:#aaa;display:block;margin-top:5px;font-family:Space Mono,monospace;font-weight:400;letter-spacing:1px}.card--howto{grid-column:2 / 3;grid-row:1 / 2;display:flex;flex-direction:column;gap:8px}.controls-row{display:flex;gap:20px;flex-wrap:wrap}.controls-hint{font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.6;color:var(--text);display:flex;align-items:center;gap:8px}.key-badge{display:inline-flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:7px;background:var(--text);color:#fff;padding:5px 8px;border:2px solid var(--border);border-radius:4px;min-width:28px}.howto-note{font-size:11px;color:#999;line-height:1.5;margin-top:2px;border-top:1px solid #eee;padding-top:8px}.card--legend{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:column;gap:6px}.legend-list{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:10px}.legend-char{font-family:"Press Start 2P",monospace;font-size:12px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:6px;background:var(--bg);flex-shrink:0}.legend-char--player{color:var(--accent)}.legend-char--food{color:#16a34a}.legend-char--fruit{color:var(--accent-alt)}.legend-char--enemy{color:#dc2626}.legend-char--shield{color:#0ea5e9}.legend-meta{display:flex;flex-direction:column;gap:1px}.legend-name{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text)}.legend-desc{font-size:10px;color:#999}.card--settings{grid-column:1 / 2;grid-row:3 / 4;display:flex;flex-direction:column;gap:24px;padding:18px 20px}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-group .card__label{margin-bottom:2px}.difficulty-toggle{display:flex;gap:0;margin-top:10px;border:2px solid var(--border);border-radius:6px;overflow:hidden}.diff-btn{flex:1;font-family:"Press Start 2P",monospace;font-size:7px;padding:7px 0;border:none;background:var(--bg);color:#999;cursor:pointer;transition:background .15s,color .15s;outline:none;position:relative}.diff-btn+.diff-btn{border-left:2px solid var(--border)}.diff-btn:hover{background:#e8e2d8}.diff-btn.active{background:var(--text);color:#fff}.diff-btn.active[data-diff=easy]{background:#16a34a}.diff-btn.active[data-diff=med]{background:var(--accent)}.diff-btn.active[data-diff=hard]{background:#dc2626}.speed-dial{display:flex;flex-direction:column;gap:4px}.speed-track-wrap{position:relative;padding:0 2px}.speed-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#16a34a 0%,var(--accent) 50%,#dc2626 100%);outline:none;border:2px solid var(--border);cursor:pointer}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:4px;background:var(--text);border:2px solid var(--border);box-shadow:2px 2px #0000004d;cursor:grab;transition:transform .1s}.speed-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.speed-range::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:1px 1px #0000004d}.speed-range::-moz-range-thumb{width:18px;height:18px;border-radius:4px;background:var(--text);border:2px solid var(--border);box-shadow:2px 2px #0000004d;cursor:grab}.speed-ticks{display:flex;justify-content:space-between;padding:4px 6px 0}.speed-ticks span{width:2px;height:6px;background:#ccc;border-radius:1px}.speed-labels{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#999;padding:0 4px}.settings-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2px}#speed-value{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--accent);background:var(--bg);padding:3px 6px;border-radius:5px;border:1.5px solid #ddd;line-height:1}#high-score.playing{color:#16a34a}#high-score.new-record{animation:bounceScale .5s ease-in-out infinite alternate;display:inline-block}@keyframes bounceScale{0%{transform:scale(1)}to{transform:scale(1.2)}}.card--about{grid-column:2 / 3;grid-row:2 / 4;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.about-body{display:flex;gap:20px;align-items:flex-start}.about-dino{flex-shrink:0;opacity:.12;align-self:center}.about-text{font-size:13px;line-height:1.75;color:#555;flex:1}.about-text strong{color:var(--text)}.about-text code{font-family:"Press Start 2P",monospace;font-size:10px;background:var(--bg);padding:1px 5px;border-radius:3px;border:1px solid #ddd}.bookmark-hint{font-size:11px;color:#888;line-height:1.6;align-self:flex-start}.bookmark-hint kbd{font-family:"Press Start 2P",monospace;font-size:7px;background:var(--text);color:#fff;padding:3px 6px;border:1.5px solid var(--border);border-radius:4px;margin:0 1px}.card--actions{grid-column:1 / -1;grid-row:4 / 5;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.sound-btn{font-family:"Press Start 2P",monospace;font-size:9px;background:var(--text);color:#fff;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;padding:10px 16px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;outline:none}.sound-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.sound-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.credit{font-size:11px;color:#999}.credit a{color:var(--accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:border-color .15s}.credit a:hover{border-color:var(--accent)}.error_page,.mobile-msg{display:none}@media (hover: none) and (pointer: coarse){.welcome_page{display:none!important}.mobile-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;padding:28px 24px;gap:18px;background:var(--bg)}.mobile-dino{animation:dino-bounce 1.6s ease-in-out infinite}@keyframes dino-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mobile-badge{font-family:"Press Start 2P",monospace;font-size:7px;background:var(--accent);color:#fff;padding:5px 12px;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);border-radius:6px;letter-spacing:.5px}.mobile-msg h2{font-family:"Press Start 2P",monospace;font-size:16px;line-height:1.5;color:var(--text)}.mobile-why{font-family:Space Mono,monospace;font-size:13px;color:#666;line-height:1.7;max-width:340px}.mobile-why strong{color:var(--text)}.mobile-reqs{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px}.mobile-req{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text);transition:transform .1s ease,box-shadow .1s ease}.mobile-req:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.mobile-req-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:2px solid var(--border);border-radius:6px;flex-shrink:0}.mobile-hint{font-family:Space Mono,monospace;font-size:11px;color:#888;line-height:1.6;max-width:300px;border-top:1.5px dashed #ccc;padding-top:14px;margin-top:4px}.mobile-hint strong{color:var(--accent)}.mobile-credit{font-family:Space Mono,monospace;font-size:10px;color:#aaa;margin-top:6px}.mobile-credit a{color:var(--accent);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:border-color .15s}.mobile-credit a:hover{border-color:var(--accent)}.error_page{display:block}}@media (max-width: 700px){.page{padding:14px;gap:10px}.bento{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;gap:10px}.card--status{grid-column:1;grid-row:1}.card--howto{grid-column:1;grid-row:2}.card--legend{grid-column:1;grid-row:3}.card--settings{grid-column:1;grid-row:4}.card--about{grid-column:1;grid-row:5}.card--actions{grid-column:1;grid-row:6}.logo{font-size:13px}.highscore-display{font-size:20px}.about-dino{display:none}}.page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,0,0,.012) 4px,rgba(0,0,0,.012) 5px);pointer-events:none;z-index:999}:root{--mp-accent: #ff5c00;--mp-green: #16a34a;--mp-green-hover: #15803d;--mp-red: #dc2626;--mp-blue: #0ea5e9;--mp-bg: #f0ebe3;--mp-card: #ffffff;--mp-text: #1a1a1a;--mp-border: #1a1a1a;--mp-shadow: 5px 5px 0px #1a1a1a;--mp-shadow-sm: 3px 3px 0px #1a1a1a;--mp-radius: 12px;--mp-modal-z: 10000;--mp-toast-z: 10100}.mp-fab{display:inline-flex;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:8px;background:var(--mp-green);color:#fff;padding:8px 12px;border:2.5px solid var(--mp-border);box-shadow:var(--mp-shadow-sm);border-radius:8px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .15s;outline:none;white-space:nowrap;position:relative;flex-shrink:0}.mp-fab:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a;background:var(--mp-green-hover)}.mp-fab:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.mp-fab:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--mp-shadow-sm)}.mp-fab__icon{width:14px;height:14px;object-fit:contain;margin-right:6px;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.2))}.mp-fab__label{font-size:8px;font-family:"Press Start 2P",monospace}.mp-fab__badge{position:absolute;top:-6px;right:-6px;background:var(--mp-red);color:#fff;font-family:"Press Start 2P",monospace;font-size:6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--mp-border);pointer-events:none}@media (prefers-reduced-motion: no-preference){.mp-fab--pulse{animation:mp-fab-pulse 2s ease-in-out infinite}@keyframes mp-fab-pulse{0%,to{box-shadow:var(--mp-shadow-sm)}50%{box-shadow:3px 3px #1a1a1a,0 0 0 4px #16a34a40}}}.mp-fab--live-session{background:var(--mp-text);color:#fff;border-color:var(--mp-text)}.mp-fab--live-session:hover{background:#000}.mp-fab-live-dot{display:inline-block;width:6px;height:6px;background:var(--mp-red);border:1px solid var(--mp-border);border-radius:50%;margin-right:6px;vertical-align:middle;position:relative;top:-1px;animation:mp-blink-hard 1s steps(2,start) infinite}@keyframes mp-blink-hard{0%,to{background:var(--mp-red)}50%{background:#fff}}@media (hover: none) and (pointer: coarse){.mp-fab{display:none!important}}@media (max-width: 700px){.mp-fab__label{display:none}.mp-fab{padding:8px 10px}.mp-modal{max-width:95%}}.mp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mp-modal-z);background:#1a1a1a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.mp-modal-overlay--open{opacity:1;visibility:visible}.mp-modal{background:var(--mp-card);border:2.5px solid var(--mp-border);box-shadow:8px 8px #1a1a1a;border-radius:var(--mp-radius);width:100%;max-width:440px;max-height:85vh;overflow-y:auto;padding:0;position:relative}@media (prefers-reduced-motion: no-preference){.mp-modal{transform:translateY(20px) scale(.97);transition:transform .25s ease}.mp-modal-overlay--open .mp-modal{transform:translateY(0) scale(1)}}.mp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:2.5px solid #e0dbd3;background:linear-gradient(180deg,#fff,#fafafa)}.mp-modal__title{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--mp-text);display:flex;align-items:center;gap:10px;letter-spacing:.5px}.mp-modal__icon{width:16px;height:16px;object-fit:contain}.mp-modal__close{background:var(--mp-red);color:#fff;border:2px solid var(--mp-border);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .15s,transform .08s;font-weight:700}.mp-modal__close:hover{background:#b91c1c;transform:scale(1.05)}.mp-modal__close:active{transform:scale(.95)}.mp-modal__body{padding:20px;margin-top:-12px}.mp-screen{display:none}.mp-screen--active{display:block}.mp-name-input{width:100%;font-family:"Press Start 2P",monospace;font-size:11px;padding:14px 16px;border:2.5px solid var(--mp-border);border-radius:8px;background:var(--mp-bg);color:var(--mp-text);outline:none;transition:box-shadow .15s,border-color .15s,background .15s;box-sizing:border-box}.mp-name-input:focus{box-shadow:0 0 0 3px #ff5c0033;border-color:var(--mp-accent);background:#fff}.mp-name-input::placeholder{color:#aaa;opacity:.7}.mp-input-label{font-family:"Press Start 2P",monospace;font-size:7px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:8px;margin-top:5px;display:block}.mp-btn-row{display:flex;gap:10px;margin-top:18px}.mp-btn{flex:1;font-family:"Press Start 2P",monospace;font-size:9px;padding:13px 12px;border:2.5px solid var(--mp-border);border-radius:8px;cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s;outline:none;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:var(--mp-shadow-sm);font-weight:400;letter-spacing:.5px}.mp-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.mp-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.mp-btn--primary{background:var(--mp-accent);color:#fff}.mp-btn--secondary{background:var(--mp-card);color:var(--mp-text)}.mp-btn--purple{background:var(--mp-purple);color:#fff}.mp-btn--danger{background:var(--mp-red);color:#fff}.mp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:var(--mp-shadow-sm)!important}.mp-code-inputs{display:flex;gap:8px;justify-content:center;margin:16px 0}.mp-code-char{width:46px;height:54px;font-family:"Press Start 2P",monospace;font-size:18px;text-align:center;border:2.5px solid var(--mp-border);border-radius:8px;background:var(--mp-bg);color:var(--mp-text);outline:none;text-transform:uppercase;transition:box-shadow .15s,border-color .15s,transform .08s}.mp-code-char:focus{border-color:var(--mp-accent);box-shadow:0 0 0 3px #ff5c0033;transform:translateY(-2px)}.mp-code-char:not(:placeholder-shown){background:#fff;border-color:var(--mp-accent)}.mp-connecting{text-align:center;padding:20px 0}.mp-progress-bar{width:100%;height:12px;border:2.5px solid var(--mp-border);border-radius:6px;overflow:hidden;margin:16px 0;background:var(--mp-bg);box-shadow:inset 0 2px 4px #0000001a}.mp-progress-fill{height:100%;background:linear-gradient(90deg,var(--mp-accent) 0%,#ff8c42 100%);border-radius:3px;width:100%;animation:mp-progress-indeterminate 1.5s ease-in-out infinite;position:relative;overflow:hidden}.mp-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:mp-progress-shimmer 1.5s infinite}@media (prefers-reduced-motion: no-preference){.mp-progress-fill{animation:mp-progress 5s linear forwards}@keyframes mp-progress{0%{width:0%}to{width:100%}}@keyframes mp-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes mp-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}}.mp-connecting__text{font-family:"Press Start 2P",monospace;font-size:8px;color:#999;margin-top:8px}.mp-invite-hint{font-family:Space Mono,monospace;font-size:11px;color:#999;text-align:center;margin:8px 0 0;line-height:1.5;padding:0 8px}.mp-room-code-display{display:flex;align-items:center;justify-content:space-between;background:var(--mp-bg);border:2px solid var(--mp-border);border-radius:8px;padding:10px 14px;margin-bottom:16px}.mp-room-code-text{font-family:"Press Start 2P",monospace;font-size:16px;color:var(--mp-accent);font-weight:700}.mp-copy-btn{font-family:"Press Start 2P",monospace;font-size:7px;background:var(--mp-text);color:#fff;border:2px solid var(--mp-border);border-radius:6px;padding:7px 12px;cursor:pointer;transition:background .15s,transform .08s;outline:none;white-space:nowrap;letter-spacing:.5px}.mp-divider{height:1px;background:#ccc;margin:16px 0;opacity:.5}.mp-copy-btn:hover{background:#333;transform:translateY(-1px)}.mp-copy-btn:active{transform:translateY(1px)}.mp-player-count,.mp-room-name-label{font-family:"Press Start 2P",monospace;font-size:7px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block;text-align:left}.mp-roster{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.mp-roster__player{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--mp-bg);border:2px solid #e0dbd3;border-radius:8px;transition:background .15s,border-color .15s,transform .08s}.mp-roster__player:hover{background:#e8e2d8;transform:translate(2px)}@media (prefers-reduced-motion: no-preference){.mp-roster__player{animation:mp-slide-in .25s ease-out}@keyframes mp-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}}.mp-roster__player--you{border-color:var(--mp-accent);background:#fff5f0;box-shadow:0 0 0 2px #ff5c001a}.mp-roster__player--you:hover{background:#ffede0}.mp-roster__name{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--mp-text);display:flex;align-items:center;gap:6px}.mp-roster__crown{font-size:16px;line-height:1;margin-bottom:6px}.mp-roster__status{font-family:Space Mono,monospace;font-size:9px;padding:3px 8px;border-radius:4px;font-weight:700}.mp-roster__status--host{background:var(--mp-accent);color:#fff}.mp-roster__status--ready{background:var(--mp-green);color:#fff}.mp-roster__status--waiting{background:#e0dbd3;color:#999}.mp-ready-btn{width:100%;margin-top:16px;font-family:"Press Start 2P",monospace;font-size:9px;padding:12px;border:2.5px solid var(--mp-border);border-radius:8px;cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s;box-shadow:var(--mp-shadow-sm);outline:none;display:flex;justify-content:center;align-items:center;gap:8px}.mp-ready-icon,.mp-btn-icon{font-family:Space Mono,monospace;font-size:14px;line-height:1;margin-top:-4px}.mp-ready-btn--unready{background:var(--mp-green);color:#fff}.mp-ready-btn--ready{background:var(--mp-card);color:var(--mp-text)}.mp-ready-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.mp-leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.mp-lb-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:var(--mp-bg);border:2px solid #e0dbd3;margin-bottom:6px;transition:all .2s ease}.mp-lb-entry:hover{transform:translate(2px);border-color:#d0cbc3}.mp-lb-entry--you{border-color:var(--mp-accent);background:#fff5f0;box-shadow:0 2px 8px #ff5c0026}.mp-lb-entry--dead{opacity:.5;filter:grayscale(.5)}.mp-lb-entry--disconnected{opacity:.35;filter:grayscale(1)}.mp-lb-entry--disconnected .mp-lb-name{text-decoration:line-through}.mp-lb-rank{font-family:"Press Start 2P",monospace;font-size:10px;color:#999;width:28px;text-align:center;flex-shrink:0}.mp-lb-entry:first-child .mp-lb-rank{color:#fbbf24;font-size:11px}.mp-lb-name{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--mp-text);flex:1;margin:0 12px;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-lb-score{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--mp-accent);flex-shrink:0;min-width:50px;text-align:right;font-weight:700}.mp-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2.5px dashed var(--mp-border)}.mp-live-lb-title{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--mp-text);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px}.mp-live-badge{display:inline-flex;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:7px;color:var(--mp-red);background:#fff;padding:6px 10px;border-radius:8px;border:2.5px solid var(--mp-border);box-shadow:2px 2px 0 var(--mp-border);letter-spacing:.5px;text-transform:uppercase}.mp-live-dot{width:6px;height:6px;background:var(--mp-red);border-radius:50%;animation:mp-blink-hard 1s steps(2,start) infinite}.mp-leaderboard-container{background:transparent;border-radius:8px;height:calc(100% - 40px);overflow-y:auto}.mp-leaderboard--active .mp-lb-entry{background:#fff;border:2.5px solid var(--mp-border);margin-bottom:8px;margin-right:3px;padding:12px 14px;border-radius:8px;transition:transform .08s ease,box-shadow .08s ease;box-shadow:2px 2px 0 var(--mp-border)}.mp-leaderboard--active .mp-lb-entry:last-child{margin-bottom:0}.mp-leaderboard--active .mp-lb-entry:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--mp-border);border-color:var(--mp-border)}.mp-game-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.mp-end-game-btn{font-family:"Press Start 2P",monospace;font-size:8px;background:var(--mp-red);color:#fff;border:2.5px solid var(--mp-border);border-radius:8px;padding:12px 16px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .15s;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:4px 4px 0 var(--mp-border)}.mp-end-game-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--mp-border);background:#b91c1c}.mp-end-game-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--mp-border)}.mp-end-game-icon{font-size:10px}.mp-game-info{font-family:Space Mono,monospace;font-size:9px;color:#666;display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.mp-pulse-dot{width:8px;height:8px;background:#16a34a;border-radius:50%;animation:mp-pulse 2s ease-in-out infinite}@keyframes mp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (prefers-reduced-motion: no-preference){.mp-flash-green{animation:mp-flash-g .3s ease}.mp-flash-red{animation:mp-flash-r .3s ease}@keyframes mp-flash-g{0%{background:#16a34a4d}to{background:transparent}}@keyframes mp-flash-r{0%{background:#dc26264d}to{background:transparent}}}.mp-settings-lock{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(26,26,26,.05) 10px,rgba(26,26,26,.05) 20px),#f0ebe3d9;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--mp-radius);pointer-events:all}.mp-settings-lock__glass{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border:2.5px solid var(--mp-border);border-radius:8px;box-shadow:4px 4px 0 var(--mp-border);transform:translateY(0)}.mp-settings-lock__icon{font-size:14px}.mp-settings-lock__text{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--mp-text);text-transform:uppercase;letter-spacing:1px}.mp-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#1a1a1ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.mp-countdown-overlay--visible{opacity:1;visibility:visible}.mp-countdown-number{font-family:"Press Start 2P",monospace;font-size:72px;color:#fff;text-shadow:6px 6px 0px var(--mp-accent),0 0 20px rgba(255,92,0,.5);letter-spacing:2px}@media (prefers-reduced-motion: no-preference){.mp-countdown-number{animation:mp-countdown-pop .8s ease-out}@keyframes mp-countdown-pop{0%{transform:scale(2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.9}}}.mp-winner-announce{text-align:center;padding:20px 0 12px;border-bottom:2px dashed #e0dbd3;margin-bottom:16px}.mp-winner-crown{font-size:48px;display:block;margin-bottom:12px;animation:mp-crown-bounce .6s ease-in-out}@media (prefers-reduced-motion: no-preference){@keyframes mp-crown-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}}.mp-winner-name{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--mp-accent);margin-bottom:6px;line-height:1.6}.mp-winner-label{font-family:Space Mono,monospace;font-size:12px;color:#999;font-weight:700;letter-spacing:2px}.mp-toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--mp-toast-z);display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;max-width:400px}@media (max-width: 700px){.mp-toast-container{bottom:16px;right:16px;left:16px;max-width:none}}.mp-toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2.5px solid var(--mp-border);border-radius:10px;box-shadow:4px 4px 0 var(--mp-border),0 4px 12px #00000026;font-family:Space Mono,monospace;font-size:13px;color:var(--mp-text);pointer-events:auto;opacity:0;transform:translate(30px) scale(.95);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);line-height:1.5;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mp-toast--visible{opacity:1;transform:translate(0) scale(1)}.mp-toast--exit{opacity:0;transform:translate(30px) scale(.9);transition:opacity .25s ease,transform .25s ease}.mp-toast--info{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:var(--mp-blue)}.mp-toast--info .mp-toast__icon{color:var(--mp-blue)}.mp-toast--success{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:var(--mp-green)}.mp-toast--success .mp-toast__icon{color:var(--mp-green)}.mp-toast--warning{background:linear-gradient(135deg,#fff7ed,#fffbf5);border-color:var(--mp-accent)}.mp-toast--warning .mp-toast__icon{color:var(--mp-accent)}.mp-toast--error{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:var(--mp-red)}.mp-toast--error .mp-toast__icon{color:var(--mp-red)}.mp-toast--neutral{background:linear-gradient(135deg,#f5f5f5,#fff);border-color:var(--mp-border)}.mp-toast--neutral .mp-toast__icon{color:#666}.mp-toast__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mp-toast__icon svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.mp-toast__msg{flex:1;line-height:1.5;font-weight:500}.mp-toast__close{background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:4px;line-height:1;flex-shrink:0;border-radius:4px;transition:background .15s,color .15s,transform .08s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mp-toast__close:hover{background:#0000000d;color:var(--mp-text);transform:scale(1.1)}.mp-toast__close:active{transform:scale(.95)}.mp-toast__close svg{width:12px;height:12px}.mp-toast__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000014;overflow:hidden}.mp-toast__progress-bar{height:100%;width:100%;transform-origin:left;transition:transform 0s linear}.mp-toast--info .mp-toast__progress-bar{background:var(--mp-blue)}.mp-toast--success .mp-toast__progress-bar{background:var(--mp-green)}.mp-toast--warning .mp-toast__progress-bar{background:var(--mp-accent)}.mp-toast--error .mp-toast__progress-bar{background:var(--mp-red)}.mp-toast--neutral .mp-toast__progress-bar{background:#666}.mp-toast:hover .mp-toast__progress-bar{animation-play-state:paused}@media (prefers-reduced-motion: no-preference){.mp-toast{animation:mp-toast-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes mp-toast-bounce{0%{transform:translate(100px) scale(.8);opacity:0}50%{transform:translate(-5px) scale(1.02)}to{transform:translate(0) scale(1);opacity:1}}}.card--about.mp-morphed .about-body,.card--about.mp-morphed .bookmark-hint,.card--about.mp-morphed>.card__label{display:none}.card--legend.mp-morphed .legend-list,.card--legend.mp-morphed>.card__label{display:none}.mp-error-banner{position:fixed;top:0;left:0;right:0;z-index:9998;background:var(--mp-red);color:#fff;font-family:"Press Start 2P",monospace;font-size:8px;padding:10px 20px;text-align:center;line-height:1.6;box-shadow:0 3px 10px #00000026}.mp-error-banner__close{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;margin-left:12px;vertical-align:middle}.mp-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:4px;vertical-align:middle}.mp-status-dot--connected{background:var(--mp-green)}.mp-status-dot--connecting{background:var(--mp-accent)}.mp-status-dot--disconnected{background:var(--mp-red)}@media (prefers-reduced-motion: no-preference){.mp-status-dot--connecting{animation:mp-dot-blink 1s ease-in-out infinite}@keyframes mp-dot-blink{0%,to{opacity:1}50%{opacity:.3}}}.mp-waiting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1af2;z-index:10050;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mp-waiting-overlay--visible{opacity:1;pointer-events:all}.mp-waiting-content{background:var(--mp-card);border:3px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 32px #0000004d;padding:32px;max-width:500px;width:90%;text-align:center}.mp-waiting-skull{font-size:64px;margin-bottom:16px;animation:mp-skull-float 2s ease-in-out infinite}@keyframes mp-skull-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mp-waiting-text{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--mp-text);margin-bottom:12px}.mp-waiting-score{font-family:Space Mono,monospace;font-size:14px;color:#666;margin-bottom:24px}.mp-waiting-score span{font-family:"Press Start 2P",monospace;font-size:16px;color:var(--mp-accent);font-weight:700}.mp-waiting-status{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Space Mono,monospace;font-size:12px;color:#999;margin-bottom:24px;padding:12px;background:var(--mp-bg);border-radius:8px}.mp-waiting-spinner{width:16px;height:16px;border:2px solid #e0dbd3;border-top-color:var(--mp-accent);border-radius:50%;animation:mp-spin 1s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-waiting-lb-container{margin-top:24px;text-align:left}.mp-waiting-lb-title{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--mp-text);margin-bottom:12px;text-align:center}.mp-waiting-lb-container .mp-leaderboard{max-height:250px;overflow-y:auto}.mp-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;background:#1a1a1abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.mp-confirm-overlay--visible{opacity:1;visibility:visible}.mp-confirm-modal{background:var(--mp-card);border:3px solid var(--mp-border);box-shadow:8px 8px #1a1a1a;border-radius:var(--mp-radius);width:100%;max-width:420px;padding:24px;position:relative;transform:scale(.9) translateY(20px);transition:transform .25s ease}.mp-confirm-overlay--visible .mp-confirm-modal{transform:scale(1) translateY(0)}.mp-confirm-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px dashed #e0dbd3}.mp-confirm-icon{font-size:32px;line-height:1}.mp-confirm-title{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--mp-text);margin:0;letter-spacing:.5px}.mp-confirm-message{font-family:Space Mono,monospace;font-size:13px;color:#666;line-height:1.6;margin:0 0 20px}.mp-confirm-actions{display:flex;gap:10px}.mp-confirm-actions .mp-btn{flex:1}