:root{color:#f5f0e7;background:#273d43;font-family:Trebuchet MS,Avenir Next,sans-serif}*{box-sizing:border-box}html,body,#app-shell,#phaser-root{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100dvh}#app-shell,#phaser-root{height:100dvh}#app-shell{position:relative}#phaser-root{background:#293f45}#phaser-root canvas{display:block}[hidden]{display:none!important}.online-menu,.online-scoreboard,.online-chat-form,.online-chat-message{color:#fff0cf;font-family:Trebuchet MS,Avenir Next,sans-serif;background:#1d3931f5;border:2px solid #b9a57c;border-radius:22px;box-shadow:0 10px 32px #0a1d1a59,inset 0 0 0 5px #eed7a114}.online-menu{position:absolute;z-index:15;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 40px));max-height:calc(100dvh - 48px);overflow:auto;padding:clamp(22px,4vw,40px);text-align:center}.online-menu h2{margin:0 0 22px;font-size:clamp(26px,3vw,36px);font-weight:600}.online-menu p{line-height:1.5;color:#d9dfcc;margin:0 0 24px}.online-menu button,.online-name-form input{font:inherit}.online-name-form{display:grid;gap:16px;text-align:left}.online-name-form label{color:#e3d4ad}.online-name-form input{width:100%;min-width:0;padding:14px 16px;color:#233c32;background:#f4e5c6;border:2px solid #b9a57c;border-radius:12px;font-size:22px}.online-primary,.online-lobby-player{cursor:pointer;color:#fff0cf;background:#41624e;border:2px solid #c7b382;border-radius:14px;padding:16px 20px;transition:background .12s ease}.online-primary:hover,.online-lobby-player:hover{background:#52765c}.online-menu button:focus-visible,.online-scoreboard button:focus-visible{outline:3px solid #ffde98;outline-offset:4px}.online-lobby-players{display:grid;gap:12px;max-height:45dvh;overflow-y:auto;padding:5px}.online-lobby-player{display:flex;align-items:center;gap:14px;width:100%;min-width:0;text-align:left;font-size:24px!important}.online-lobby-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-player-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:#cfe4a0;box-shadow:0 0 12px #cde29a4d}.online-menu button:disabled{opacity:.6;cursor:wait}.online-back{display:block;margin:24px auto 0;border:0;background:transparent;color:#ddcea7;padding:8px 16px;cursor:pointer}.online-overlay{position:absolute;inset:0;z-index:12;pointer-events:none}.online-scoreboard{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(800px,calc(100% - 200px));display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px 44px 14px 22px;border-radius:16px}.online-player{display:flex;align-items:center;gap:12px;min-width:0;font-size:clamp(16px,2vw,23px)}.online-player-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.online-player.is-you .online-player-name{color:#ffe29b}.online-player strong{font-size:28px;color:#f8d894;flex:0 0 auto}.online-rival{justify-content:flex-end}.online-match-status{text-align:center;font-size:15px;color:#dddfc7;overflow-wrap:anywhere}.online-leave{position:absolute;top:6px;right:7px;background:transparent;border:0;color:#d8c9a5;font-size:26px;cursor:pointer;pointer-events:auto;padding:4px 8px}.online-chat-messages,.online-chat-form{position:absolute;left:3%;top:42%;width:min(350px,42%)}.online-chat-messages{display:flex;flex-direction:column;gap:8px;max-height:42%;overflow:hidden}.online-chat-message,.online-chat-form{border-width:1px;border-radius:14px;padding:14px 18px;background:#142a23c9}.online-chat-message{opacity:1;transition:opacity .65s ease;overflow-wrap:anywhere;font-size:18px;line-height:1.4}.online-chat-message strong{display:block;font-size:14px;color:#e0c58c;margin-bottom:5px}.online-chat-message.is-fading{opacity:0}.online-chat-form{top:60%;pointer-events:auto;background:#142a23f2}.online-chat-form input{color:#fff0cf;border:0;outline:0;background:transparent;width:100%;min-width:0;font:20px Trebuchet MS,sans-serif}.online-chat-form span{display:block;margin-top:9px;color:#b5c3ab;font-size:12px}.online-chat-hint{position:absolute;bottom:18px;left:3%;color:#ece3cd;font-size:13px;text-shadow:0 1px 4px #142c27;opacity:.7}@media(max-width:700px){.online-scoreboard{top:8px;width:calc(100% - 120px);padding:10px 28px 10px 12px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.online-match-status{grid-row:2;grid-column:1 / -1;font-size:12px}.online-rival{grid-column:2;grid-row:1}.online-player{font-size:14px;gap:6px}.online-player strong{font-size:20px}.online-chat-messages,.online-chat-form{width:45%}.online-chat-message,.online-chat-form{font-size:14px;padding:10px}}.sr-only,#game-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#game-status[data-state=error]{position:fixed;top:100px;left:50%;width:auto;max-width:calc(100% - 40px);height:auto;padding:12px 18px;margin:0;overflow:visible;white-space:normal;clip:auto;transform:translate(-50%);color:#fff1de;background:#963d34;border-radius:8px;z-index:30}.online-chat-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.online-chat-actions button{width:44px;height:44px;border:1px solid #b9a57c;border-radius:10px;background:#29473e;color:#fff0cf;font-size:24px;cursor:pointer;touch-action:manipulation}.online-chat-actions button:focus-visible{outline:3px solid #ffde98;outline-offset:2px}