@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e18;--surface:#111c2a;--line:#2a3747;--muted:#9daabb;--text:#f0f2f5;--orange:#ffae7c;--cyan:#a2dcf0;--purple:#c2a8ff;font-family:'DM Sans',sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:300px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}a{color:var(--cyan)}.cosmos{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,19,.44),rgba(5,11,19,.15)),url('space-background.png') center/cover no-repeat;opacity:.8}.app-shell{max-width:1250px;margin:auto;padding:0 48px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a4bdd91f}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--text);font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:600;letter-spacing:3px}.brand-light{color:var(--muted);margin-left:8px;font-weight:500}.brand-mark{width:40px;height:40px;border:1px solid #cba18482;border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:31px;letter-spacing:0}.text-button{border:0;background:none;display:flex;align-items:center;gap:9px;color:#ced6df;font-size:.875rem;padding:10px 0 10px 10px}.help-icon{border:1px solid #8090a4;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(280px,320px);gap:72px;padding:38px 0 25px;align-items:start;justify-content:center}.arena{min-width:0}.arena-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:21px}.eyebrow{font-size:.75rem;letter-spacing:2px;font-weight:600;color:var(--muted);line-height:1.6}.arena-heading h1{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:2.3rem;line-height:1.1;letter-spacing:.5px;margin:4px 0 0}.mode-badge{font-size:.6875rem;font-weight:600;letter-spacing:1.4px;border:1px solid #5a6c7c69;border-radius:4px;color:#b6c2d0;padding:8px 10px;text-align:center}.player-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 15px;min-height:57px}.player-bar#sol-bar{padding:16px 10px 0}.player-identity{display:flex;align-items:center;gap:13px}.player-identity strong{font-size:1rem;font-weight:600;display:block}.player-identity div>span{font-size:.8125rem;color:var(--muted);display:block;margin-top:2px}.mini-piece{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 4px #0002,0 3px 0 #0006;display:block}.sol{background:var(--orange)}.luna{background:var(--cyan)}.player-tally{display:flex;align-items:baseline;gap:6px;font-size:.8125rem;color:var(--muted)}.player-tally>strong{font-size:1.125rem;color:#dce5ed;font-weight:500}.capture-tally{border-left:1px solid var(--line);padding-left:12px;margin-left:6px}.active .player-identity strong{color:var(--orange)}#luna-bar.active .player-identity strong{color:var(--cyan)}.board-frame{position:relative;background:#102032;border:1px solid #47586f;border-radius:5px;padding:9px;box-shadow:0 20px 65px #0006,0 0 60px #80b8e70b}#board{display:grid;grid-template-rows:repeat(8,1fr);aspect-ratio:1;border:1px solid #14202e}.board-row{display:grid;grid-template-columns:repeat(8,1fr);min-height:0}.square{position:relative;border:0;border-radius:0;background:#2a3a4a;padding:0;display:grid;place-items:center;min-width:0;min-height:0}.square.dark{background:#142333}.square.light{background:#293b4b}.square.last:after{content:'';position:absolute;inset:4px;border:1px solid #ffce922e;pointer-events:none}.square.selected{background:#4a4840;box-shadow:inset 0 0 0 2px var(--orange)}.square:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px;z-index:5}.square.destination{cursor:pointer;background:#32434d}.square.destination:before{content:'';width:21%;height:21%;border-radius:50%;background:var(--orange);box-shadow:0 0 17px #ffb58040;position:absolute;z-index:3}.square.destination.capture:before{background:transparent;width:45%;height:45%;border:2px solid var(--orange)}.square.available:hover{background:#384858}.piece{width:73%;height:73%;border-radius:50%;position:relative;display:grid;place-items:center;z-index:2;transition:transform .18s ease;box-shadow:inset 0 2px 2px #ffffff66,inset 0 -4px 4px #0003,0 5px 0 var(--rim),0 8px 8px #0006;border:1px solid var(--edge)}.piece:before{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #0002;box-shadow:inset 0 1px 3px #0002,0 1px 0 #ffffff44}.piece.sol{--rim:#975135;--edge:#ed9b69;background:linear-gradient(145deg,#ffbe88,#eaa170)}.piece.luna{--rim:#52778b;--edge:#a1d0e2;background:linear-gradient(145deg,#c9eaf2,#8abbd2)}.available .piece{cursor:pointer}.available:hover .piece,.selected .piece{transform:translateY(-3px)}.selected .piece{box-shadow:inset 0 2px 2px #ffffff66,inset 0 -4px 4px #0003,0 5px 0 var(--rim),0 9px 12px #0008,0 0 24px #ffb58035}.piece .crown{position:relative;color:#163044;font-size:clamp(18px,3vw,33px);line-height:1}.piece.sol .crown{color:#713c25}.piece .piece-mark{position:relative;width:18%;height:18%;border:1px solid #4a647275;transform:rotate(45deg)}.piece.sol .piece-mark{border-color:#96583780}.rank-labels{position:absolute;left:-25px;top:9px;bottom:9px;display:grid;grid-template-rows:repeat(8,1fr);align-items:center;width:15px;text-align:center;font-size:.75rem;color:#8d9eaf}.file-labels{display:none}.board-hint{color:#a5b3c4;text-align:center;font-size:.8125rem;line-height:1.5;margin:23px 0 0}.flight-deck{margin-top:8px;background:linear-gradient(145deg,#142132e8,#0b1421e6);border:1px solid #354354c2;border-radius:8px;padding:25px 24px 0;box-shadow:0 16px 50px #0002;backdrop-filter:blur(16px)}.deck-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tiny-orbit{font-size:25px;color:#8ca0b6}.mode-switch{display:flex;padding:4px;background:#080f1b;border:1px solid #263445;border-radius:6px;gap:4px}.mode-switch button{flex:1;background:transparent;border:0;border-radius:4px;padding:11px 3px;font-size:.875rem;font-weight:600;color:#97a5b7;white-space:nowrap}.mode-switch button[aria-pressed=true]{background:#2f3c4c;color:#fff;box-shadow:0 1px 4px #0004}#space-mode[aria-pressed=true]{background:#45365e;color:#e0caff}.mode-switch button span{margin-right:3px;color:var(--purple)}.mode-description{font-size:.875rem;line-height:1.6;color:var(--muted);min-height:45px;margin:15px 0 25px}.field-label{display:block;font-size:.75rem;letter-spacing:1.7px;color:var(--muted);font-weight:600;margin-bottom:9px}select{width:100%;background:#162230;border:1px solid #3c4b5d;border-radius:5px;padding:12px;color:#e4eaf1;font-size:.875rem}.turn-panel{margin-top:27px;padding-top:26px;border-top:1px solid var(--line);min-height:158px}.turn-panel .eyebrow{color:var(--orange)}.turn-panel h2{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:2.25rem;letter-spacing:.2px;line-height:1.15;margin:5px 0 9px}.turn-panel p{font-size:.875rem;line-height:1.65;color:var(--muted);margin:0 0 24px}.game-actions{display:flex;flex-direction:column;gap:10px;margin:6px 0 26px}button.primary-button,button.secondary-button,.boost-button{padding:13px 16px;border-radius:5px;font-size:.875rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:9px;min-height:46px}.primary-button{border:1px solid #f9b388;background:var(--orange);color:#302018;box-shadow:0 3px 13px #0003}.primary-button:hover{background:#ffc097}.secondary-button{border:1px solid #3b4c60;background:transparent;color:#c7d2df}.secondary-button:hover:not(:disabled){background:#26364b}.primary-button span,.secondary-button span{font-size:20px;line-height:16px}.last-move{border-top:1px solid var(--line);padding:19px 0 21px}.last-move .eyebrow{font-size:.6875rem;letter-spacing:1.5px}.last-move p{font-size:.8125rem;line-height:1.6;color:#b8c5d3;margin:7px 0 0}.space-controls{border:1px solid #68518673;background:#251f3c66;padding:15px;border-radius:5px;margin:0 0 22px}.space-controls[hidden]{display:none}.power-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem}.power-title strong{font-weight:500;color:#e0cff9}.power-title>span{font-size:.8125rem;color:#c7acef}.space-controls p{font-size:.8125rem;line-height:1.6;color:#b6aacb;margin:9px 0 14px}.boost-button{width:100%;background:#4a3768;color:#e4d0ff;border:1px solid #80639f;min-height:42px;padding:10px}.boost-button[aria-pressed=true]{background:#c7a6f2;color:#292034}.boost-button:hover:not(:disabled){filter:brightness(1.2)}.wormhole-note{display:flex;gap:12px;align-items:center;margin-top:17px;color:#b5abc9;font-size:.75rem;line-height:1.7}.wormhole-note strong{color:#d1bdeb;font-weight:500}.portal-symbol{width:21px;height:28px;border:2px solid #b899ef;box-shadow:0 0 12px #a070ff66,inset 0 0 8px #a070ff66;border-radius:50%;flex-shrink:0}.portal{position:absolute;inset:13%;border:2px solid #c6a3ff;border-radius:50%;box-shadow:0 0 12px #c29bff66,inset 0 0 14px #b785ff55;transform:rotate(-22deg) scaleX(.8);animation:portal-glow 3s infinite alternate}.portal:after{content:'';position:absolute;inset:6px;border:1px solid #caa9ff9c;border-radius:50%}.portal-letter{position:absolute;top:3px;left:4px;font-size:.625rem;color:#d0baff;z-index:4}.square.warp-exit{box-shadow:inset 0 0 0 2px #bd94f5}.square.warp-exit:before{content:'↗';font-size:22px;position:absolute;color:#dec1ff}footer{display:flex;justify-content:space-between;gap:25px;padding:20px 0 27px;border-top:1px solid #a4bdd91f;color:#7d8da1;font-size:.6875rem;letter-spacing:1.5px;line-height:1.7}dialog{background:#121e2e;color:var(--text);border:1px solid #4b5e76;border-radius:10px;padding:30px;max-width:560px;width:calc(100% - 32px);max-height:88dvh;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#030813c9;backdrop-filter:blur(7px)}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;font-weight:500;margin:9px 0 20px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.close-button{font-size:30px;background:none;border:0;padding:0 6px;line-height:1;color:var(--muted)}.rules-copy{font-size:1rem;line-height:1.7;color:#bdc9d7}.rules-copy h3{font-size:1.125rem;color:#f0d3c0;margin:24px 0 10px}.rules-copy strong{color:#e0e6ee;font-weight:600}.rules-copy a{font-size:.875rem}.rules-copy p{margin:12px 0}.rules-copy+button{width:100%;margin-top:25px}#restart-dialog p{line-height:1.6;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.turn-panel.won h2{color:var(--orange)}.turn-panel.luna-turn .eyebrow{color:var(--cyan)}@keyframes portal-glow{to{box-shadow:0 0 23px #c29bffa0,inset 0 0 22px #b785ff88}}

/* Keep the desktop play surface within the viewport, with an automatic square board. */
.app-shell {
  width: 100%; max-width: 1260px; height: 100dvh; min-height: 520px;
  padding: 0 32px; display: grid; grid-template-rows: 64px minmax(0, 1fr) 30px;
}
.topbar { height: auto; min-width: 0; }
.brand { font-size: 25px; }
.brand-mark { width: 34px; height: 34px; font-size: 27px; }
.text-button { min-height: 44px; }
.game-layout {
  min-height: 0; padding: 12px 0; gap: clamp(24px, 4vw, 56px);
  grid-template-columns: minmax(0, 1fr) 320px; align-items: stretch;
}
.arena {
  display: grid; min-height: 0;
  grid-template-rows: 42px 42px minmax(0, 1fr) 42px auto;
}
.arena-heading { margin: 0; align-items: center; }
.arena-heading > div { display: flex; align-items: baseline; gap: 12px; }
.arena-heading h1 { font-size: 1.8rem; margin: 0; }
.mode-badge { padding: 6px 8px; font-size: .75rem; letter-spacing: .6px; }
.player-bar, .player-bar#sol-bar { min-height: 0; padding: 0 8px; }
.player-identity { gap: 9px; }
.player-identity > div { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.player-identity div > span { font-size: .875rem; margin: 0; }
.player-tally { font-size: .875rem; }
.capture-tally { font-size: .75rem; }
.mini-piece { width: 24px; height: 24px; }
.board-slot { container-type: size; min-height: 0; display: grid; place-items: center; }
.board-frame { width: min(100cqw, 100cqh); aspect-ratio: 1; padding: 7px; }
.rank-labels { left: -20px; top: 7px; bottom: 7px; font-size: .75rem; }
.board-hint { margin: 0; padding: 7px 0 0; font-size: .875rem; line-height: 1.4; }
.flight-deck {
  min-width: 0; margin: 0; padding: 16px; align-self: center;
  display: flex; flex-direction: column; gap: 12px;
}
.deck-heading { margin: 0; height: 18px; }
.tiny-orbit { line-height: 1; }
.game-setup { display: grid; gap: 12px; }
.mode-switch { min-height: 44px; }
.mode-switch button { padding: 8px 3px; font-size: .875rem; }
.mode-description { display: none; }
.field-label { font-size: .75rem; margin-bottom: 5px; }
select { min-width: 0; min-height: 44px; padding: 10px; }
.turn-panel { min-height: 0; margin: 0; padding: 12px 0 0; }
.turn-panel h2 { margin: 3px 0 5px; font-size: 1.9rem; line-height: 1.1; }
.turn-panel p { margin: 0; font-size: .875rem; line-height: 1.4; }
.space-controls { padding: 12px; margin: 0; }
.power-title, .power-title > span { font-size: .875rem; }
.space-controls p { margin: 4px 0 9px; font-size: .875rem; line-height: 1.4; }
.boost-button { min-height: 44px; padding: 9px; }
.wormhole-note { margin-top: 9px; gap: 9px; font-size: .875rem; line-height: 1.4; }
.portal-symbol { width: 16px; height: 22px; }
.game-actions { margin: 0; flex-direction: row; gap: 8px; }
.game-actions button { flex: 1; padding: 10px 6px; min-height: 44px; }
.last-move { padding: 10px 0 0; }
.last-move p { font-size: .875rem; line-height: 1.4; margin: 4px 0 0; }
.last-move .eyebrow { font-size: .75rem; }
footer { padding: 0; align-items: center; font-size: .75rem; letter-spacing: .8px; }
.square { touch-action: manipulation; }
button, select { touch-action: manipulation; }

/* Lower laptop windows keep all controls visible, including Space Mode. */
@media (min-width: 861px) and (max-height: 900px) {
  .app-shell { grid-template-rows: 54px minmax(0, 1fr) 26px; }
  .flight-deck { gap: 10px; padding: 12px; }
  .deck-heading { display: none; }
  .game-setup { gap: 9px; }
  .turn-panel { padding-top: 9px; }
  .turn-panel h2 { font-size: 1.65rem; }
  .space-controls { padding: 10px; }
  .space-controls p { display: none; }
  .boost-button { margin-top: 8px; }
  .last-move { padding-top: 8px; }
  .last-move .eyebrow { display: none; }
  .last-move p { margin: 0; }
}
@media (min-width: 861px) and (max-height: 700px) {
  .flight-deck { gap: 8px; }
  .opponent-field { display: flex; align-items: center; gap: 12px; }
  .opponent-field select { flex: 1; }
  .field-label { margin: 0; }
  .turn-panel .eyebrow, .last-move { display: none; }
  .space-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(148px, 1.2fr); gap: 8px; align-items: center; }
  .space-controls[hidden] { display: none; }
  .power-title { display: block; }
  .power-title > span { display: block; }
  .boost-button { grid-column: 2; grid-row: 1; margin: 0; }
  .wormhole-note { grid-column: 1 / -1; margin: 0; font-size: .8125rem; }
}
@media (min-width: 861px) and (max-height: 600px) {
  .app-shell { grid-template-rows: 50px minmax(0, 1fr); }
  .game-layout { padding: 8px 0; }
  footer { display: none; }
  .arena { grid-template-rows: 32px 36px minmax(0, 1fr) 36px auto; }
  .arena-heading h1 { font-size: 1.5rem; }
  .arena-heading > div > .eyebrow, .mode-badge { display: none; }
}
@media (min-width: 861px) and (max-width: 1100px) {
  .app-shell { padding: 0 24px; }
  .game-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; }
  .arena-heading > div { gap: 8px; }
  .arena-heading > div > .eyebrow, .mode-badge { display: none; }
  .capture-tally { display: none; }
}

/* Phones and tablets: setup first, a wide board, then powers and thumb-sized actions. */
@media (max-width: 860px) {
  .app-shell {
    max-width: 560px; height: auto; min-height: 100dvh; display: block;
    padding: env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  }
  .topbar { height: 58px; }
  .brand { font-size: 22px; letter-spacing: 1.5px; gap: 9px; }
  .brand-light { margin-left: 6px; }
  .brand-mark { width: 30px; height: 30px; font-size: 24px; }
  .text-button { font-size: .875rem; }
  .game-layout { display: flex; flex-direction: column; gap: 9px; padding: 12px 0 0; }
  .arena, .flight-deck { display: contents; }
  .arena-heading, .deck-heading, .board-hint, footer { display: none; }
  .game-setup { order: 0; grid-template-columns: minmax(0, 1.7fr) minmax(108px, 1fr); align-items: center; gap: 8px; }
  .mode-switch { min-width: 0; }
  .mode-switch button { min-height: 36px; }
  .opponent-field { min-width: 0; }
  .field-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  select { width: 100%; font-size: 1rem; padding: 9px 6px; }
  .turn-panel { order: 1; padding: 5px 2px; border: 0; }
  .turn-panel .eyebrow { display: none; }
  .turn-panel h2 { font-size: 1.65rem; margin: 0 0 3px; }
  .turn-panel p { font-size: .875rem; }
  #luna-bar { order: 2; }
  .board-slot { order: 3; container-type: normal; display: block; }
  .board-frame { width: 100%; padding: 5px; }
  .rank-labels { left: -17px; top: 5px; bottom: 5px; width: 12px; }
  #sol-bar { order: 4; }
  .player-bar, .player-bar#sol-bar { min-height: 28px; padding: 0 2px; }
  .player-identity > div { gap: 6px; }
  .player-identity strong, .player-tally > strong { font-size: .875rem; }
  .player-identity div > span, .player-tally { font-size: .75rem; }
  .mini-piece { width: 22px; height: 22px; }
  .capture-tally { display: none; }
  .space-controls { order: 5; display: grid; grid-template-columns: minmax(0, 1fr) minmax(145px, 1.1fr); gap: 7px 12px; padding: 10px; align-items: center; }
  .space-controls[hidden] { display: none; }
  .power-title { display: block; }
  .power-title > span { margin-left: 7px; white-space: nowrap; }
  .space-controls p { display: none; }
  .boost-button { grid-column: 2; grid-row: 1; margin: 0; }
  .wormhole-note { grid-column: 1 / -1; margin: 0; font-size: .8125rem; }
  .portal-symbol { width: 12px; height: 17px; }
  .game-actions { order: 6; gap: 10px; }
  .game-actions button { min-height: 48px; font-size: 1rem; }
  .last-move { order: 7; padding: 6px 2px 0; border: 0; }
  .last-move .eyebrow { display: none; }
  .last-move p { font-size: .8125rem; text-align: center; margin: 0; }
  .piece { box-shadow: inset 0 2px 2px #ffffff66, inset 0 -2px 3px #0003, 0 3px 0 var(--rim), 0 5px 7px #0006; }
  dialog { padding: 22px; max-height: 90dvh; }
  .dialog-actions { flex-wrap: wrap; }
  .dialog-actions button { flex: 1; }
}
@media (max-width: 390px) {
  .brand { font-size: 21px; gap: 7px; }
  .brand-light { display: block; font-size: 15px; margin: 0; letter-spacing: 2px; }
  .mode-switch button { font-size: .8125rem; }
  #space-mode span { display: none; }
  .player-identity div > span { font-size: .75rem; }
  .space-controls { gap: 7px; }
  .power-title > span { display: block; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation: none !important; transition: none !important; }
}

.header-actions{display:flex;align-items:center;gap:20px}.world-return{text-decoration:none}.brand{flex-shrink:0}@media(max-width:860px){.header-actions{gap:6px}.world-return{font-size:.75rem;padding-left:0}.header-actions .help-icon{display:none}.header-actions .text-button{font-size:.75rem}.brand{font-size:21px}.brand-light{display:block;margin-left:0;font-size:15px}}@media(max-width:360px){.brand-mark{display:none}.header-actions{gap:3px}}

.square.destination.boost-move:before{content:"»";width:auto;height:auto;background:transparent;color:#dec1ff;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1;box-shadow:none;transform:rotate(-45deg)}

.account-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #a4bdd92b;padding-top:4px;min-width:0}
.account-strip>span{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.account-strip .text-button{flex-shrink:0;color:#dec1ff;padding:4px 0}
.online-feedback p{font-size:.8rem;line-height:1.4;margin:0;color:var(--muted)}
.online-feedback button{font-size:.8rem;padding:4px 8px 4px 0;color:#dec1ff}
.flight-deck{max-height:100%;overflow-y:auto}
#leaderboard-dialog{max-width:660px}
#account-dialog p,.leaderboard-explainer,#leaderboard-status,#pilot-help{color:var(--muted);line-height:1.5}
#account-dialog .primary-button{display:flex;align-items:center;text-align:center;text-decoration:none}
.leaderboard-toolbar{display:flex;align-items:center;gap:10px}
.leaderboard-toolbar select{flex:1}
.leaderboard-toolbar label{font-size:.85rem}
.leaderboard-table-wrap{overflow-x:auto;max-height:38dvh;overflow-y:auto}
.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}
.leaderboard-table th{position:sticky;top:0;background:#121e2e;color:var(--muted);font-weight:500;white-space:nowrap}
.leaderboard-table th,.leaderboard-table td{padding:10px 7px;border-bottom:1px solid #a4bdd929}
.leaderboard-table td:nth-child(2){overflow-wrap:anywhere;max-width:220px}
.leaderboard-table td:last-child{white-space:nowrap}
.my-rank{background:#aa84df20;color:#dec1ff}
.my-standing{font-size:.9rem;line-height:1.5;color:#f0d3c0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none!important}
@media(max-width:860px){.account-strip{order:8}.online-feedback{order:9}.leaderboard-toolbar{gap:6px}.leaderboard-toolbar label{display:none}.leaderboard-table{font-size:.8rem}.leaderboard-table td,.leaderboard-table th{padding:9px 4px}.account-strip .text-button{font-size:.9rem}}

#shared-profile{margin-top:22px;padding-top:18px;border-top:1px solid #a4bdd933}#shared-profile>span{font-size:.8rem;color:var(--muted);display:block}#orbitfall-name{display:block;margin-top:6px;overflow-wrap:anywhere}#shared-profile p{font-size:.85rem;line-height:1.5;color:var(--muted)}