:root{font:15px system-ui,sans-serif;color:#e8f3ff;background:#092a45;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#071f34;border-bottom:1px solid #28536d}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#fff}.brand span{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9dc6df}.account,.savebar,.savebar>div,.formlinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}main{max-width:1240px;margin:auto;padding:12px 20px}.savebar{justify-content:space-between;padding-bottom:12px}.savebar p{margin:6px 0;font-size:14px;color:#bbdbeb}button,.button{display:inline-block;font:inherit;font-size:13px;border:1px solid #52758b;border-radius:7px;background:#123b55;color:#fff;padding:8px 12px;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#215673}button:focus-visible,.button:focus-visible,input:focus-visible{outline:3px solid #ffd65a;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.primary{background:#ffd55d;border-color:#ffd55d;color:#142e43;font-weight:700}.primary:hover{background:#ffe28b}#player{width:100%;height:min(74vh,800px);min-height:440px;display:grid;place-items:center;background:#139ffd;border:1px solid #3e789d;border-radius:8px;overflow:hidden}iframe{border:0;width:100%;height:100%}.loading{color:#062a48}.footnote{font-size:12px;color:#adcadc;line-height:1.6}#notice{padding:18px;background:#fff1c8;color:#193045;border-radius:8px;margin:0 0 12px}#notice p{margin-top:0}#notice-actions{display:flex;flex-wrap:wrap;gap:10px}dialog{background:#12334b;color:#eff8ff;border:1px solid #587b91;border-radius:14px;max-width:460px;width:calc(100vw - 36px);padding:28px;box-shadow:0 24px 70px #0008}dialog::backdrop{background:#0009}dialog h1,dialog h2{margin-top:0;font-size:25px}dialog p{font-size:14px;line-height:1.6;color:#c4dce9}label{display:block;margin:14px 0}input{display:block;width:100%;border:1px solid #668197;border-radius:6px;padding:10px;background:#071f34;color:#fff;font:inherit;margin-top:6px}.close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:24px}.formlinks{margin-top:20px}.formlinks button{font-size:12px;padding:5px 8px}#account-error{color:#ffadad}#recovery-code{display:block;overflow-wrap:anywhere;background:#071f34;padding:15px;margin:16px 0;user-select:all}#recovery-dialog button{margin:5px 0}#versions{display:grid;gap:8px;margin-bottom:16px;max-height:45vh;overflow:auto}[hidden]{display:none!important}@media(max-width:680px){header{align-items:flex-start;padding:12px;flex-direction:column}main{padding:12px}#player{min-height:340px;height:65vh}.savebar>div{gap:6px}.savebar button,.button{font-size:12px;padding:7px}.brand span{display:inline;margin-left:8px}}
#player{position:relative}#player iframe{position:absolute;left:0;top:0;max-width:none;max-height:none;transform:none}
#player{height:auto;min-height:0;aspect-ratio:3/2;max-height:74vh}
.support{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 10px;text-align:center}.donate{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;padding:6px 10px;color:#c4dce9;white-space:nowrap}.donate svg{flex-shrink:0}.feedback{margin:0}.feedback a{color:#c4dce9;text-underline-offset:2px;overflow-wrap:anywhere}.feedback a:hover{color:#fff}.feedback a:focus-visible{outline:3px solid #ffd65a;outline-offset:2px}
.player-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;padding:0 0 8px;flex-shrink:0}.player-tools button{min-height:44px;white-space:nowrap}.game-expanded,.game-expanded body{overflow:hidden}#game-view.expanded{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:#071f34;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#game-view.expanded #player{flex:1;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto!important;border:0;border-radius:0;background:#071f34}#game-view.expanded .player-tools{padding-bottom:6px}#game-view::backdrop{background:#071f34}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.friends-dialog{max-width:640px;max-height:90vh;overflow:auto}.friend-lists{display:grid;gap:8px}.friend-lists h3{margin:12px 0 6px}.friend-lists section>p{margin:0;color:#9cb7c8}.friend-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0;border-bottom:1px solid #31536b}.friend-row>span{flex:1;min-width:130px;overflow-wrap:anywhere}.friend-row button{font-size:12px;padding:6px 8px}

.photos-dialog{width:min(760px,90vw);max-height:85vh;overflow:auto}.photo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.photo-list figure{margin:0;padding:10px;background:#e8f2f8;color:#102f43;border-radius:8px}.photo-list img{width:100%;height:auto;border-radius:5px}.photo-list figcaption{font-size:14px;margin-top:8px}
.classic-audio-controls{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:12px}.classic-audio-controls input[type=range]{width:72px;margin:0;padding:0;accent-color:#ffd55d}.player-tools:has(.classic-audio-controls:not([hidden])){flex-wrap:wrap;gap:8px}
.online-count{font-size:12px;color:#bfd9e9;white-space:nowrap}
/* Keep controls usable on narrow screens and when browser text is enlarged. */
.savebar .button{margin:0}
.account{min-width:0}#identity{overflow-wrap:anywhere}
.photo-list{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
@media(max-width:680px){
  header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px}
  .brand{flex:1 1 auto}.account{width:100%}
  .player-tools{gap:8px}
  .savebar button,.savebar .button,.account button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  dialog input{font-size:16px}
  .friends-dialog button{min-height:44px}
}
.friends-badge{display:inline-grid;place-items:center;margin-left:6px;width:18px;height:18px;border-radius:50%;background:#ffd55d;color:#142e43;font-size:13px;font-weight:800;line-height:1;vertical-align:middle}

.player-dev-badge{display:inline-block;background:#86efac;color:#064e3b;border:1px solid #4ade80;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.3;vertical-align:middle;white-space:nowrap;text-transform:none}