:root{color-scheme:dark;--bg:#0d1019;--surface:#171c29;--surface2:#20283a;--line:#30394d;--text:#f7f8fb;--muted:#a6afc0;--accent:#b9f35c;--accent-text:#18200d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 480px at 70% -240px,#2b3952 0,transparent 100%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{height:78px;display:flex;align-items:center;gap:48px;padding:0 max(28px,calc((100vw - 1290px)/2));border-bottom:1px solid #ffffff12}.brand{font-size:1.4rem;font-weight:900;letter-spacing:-.09em;white-space:nowrap}.brand span{color:var(--accent)}.brand i{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-left:4px}.search{width:min(425px,48vw);background:#1b2230;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 14px;color:var(--muted)}.search span{font-size:1.7rem;line-height:1}.search input{border:0;outline:0;background:none;color:var(--text);width:100%;padding:12px;font-size:1rem}.top-note{margin-left:auto;color:var(--muted);font-size:.9rem}.wrap{max-width:1346px;margin:auto;padding:0 28px}.heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:70px 0 35px}.heading>p,.helper{color:var(--muted);max-width:330px;line-height:1.5}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.18em;margin:0 0 15px}.heading h1,.dash-head h1,.login-panel h1{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.065em;line-height:1.03;margin:0}.period{color:var(--accent)}.chips{display:flex;gap:10px;overflow-x:auto;padding:5px 0 34px}.chip,.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 19px;white-space:nowrap}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:750}.section-head{display:flex;align-items:baseline;gap:15px;margin-bottom:20px}.section-head h2{font-size:1.5rem;letter-spacing:-.03em;margin:0}.section-head span{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}.card{display:block;min-width:0}.cover{position:relative;aspect-ratio:1.24;background:var(--surface2);border-radius:19px;overflow:hidden;border:1px solid #ffffff13;transition:transform .22s,border-color .22s}.cover img,.cover video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover video{opacity:0;transition:opacity .22s}.card:hover video,.card:focus-within video{opacity:1}.card:hover .cover,.card:focus-visible .cover{transform:translateY(-4px);border-color:var(--accent)}.play-badge{position:absolute;right:12px;bottom:12px;background:var(--accent);color:var(--accent-text);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:.8rem}.card-info{display:flex;flex-direction:column;gap:5px;padding:13px 3px}.card-info strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info span{font-size:.88rem;color:var(--muted)}.empty{padding:35px;color:var(--muted);background:var(--surface);border-radius:16px}.back{margin-left:auto;color:var(--muted)}.player-wrap{padding-top:44px}.player-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.player-title h1{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.primary{background:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:12px 20px;color:var(--accent-text);font-weight:750}.primary:disabled{opacity:.4;cursor:not-allowed}.frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#050608;border:1px solid var(--line);border-radius:16px;overflow:hidden}.frame-wrap.portrait{max-width:480px;aspect-ratio:9/16;margin:auto}.frame-wrap iframe{border:0;width:100%;height:100%}.player-message{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:#10131c}.game-desc{color:var(--muted);line-height:1.6}footer{padding:60px 28px 30px;text-align:center;color:#81899a;font-size:.86rem}.admin-wrap{padding-top:55px;padding-bottom:100px}.login-panel{max-width:480px;margin:8vh auto 0;padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.login-panel form{display:grid;gap:20px;margin-top:38px}.admin-body label{display:grid;gap:9px;color:#dce1ea;font-size:.91rem;font-weight:650}.admin-body input,.admin-body textarea,.admin-body select{background:#0f1420;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;width:100%;outline:none}.admin-body input:focus,.admin-body textarea:focus,.admin-body select:focus{border-color:var(--accent)}.dash-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.actions{display:flex;gap:11px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.helper{max-width:none;margin:22px 0 32px}.admin-list{display:grid;gap:10px}.admin-row{display:flex;align-items:center;gap:17px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--text);text-align:left;width:100%}.admin-row:hover{border-color:var(--accent)}.row-icon{width:64px;height:64px;background:var(--surface2);border-radius:11px;overflow:hidden;display:grid;place-items:center;color:var(--muted);flex:none}.row-icon img{width:100%;height:100%;object-fit:cover}.admin-row div:nth-child(2){display:grid;gap:6px}.admin-row span{color:var(--muted);font-size:.85rem}.admin-row b{margin-left:auto;font-size:1.7rem}.editor{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;margin-top:28px}.editor h2{margin:0 0 26px}.editor form{display:grid;gap:20px}.form-grid,.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0}.upload{background:#101622;border:1px dashed #657085;border-radius:12px;padding:19px;min-width:0}.upload small{font-size:.79rem;color:var(--muted);font-weight:400}.upload input{font-size:.8rem;padding:0!important;background:none!important;border:0!important}#toast{position:fixed;bottom:25px;right:25px;background:var(--accent);color:var(--accent-text);padding:13px 18px;border-radius:10px;opacity:0;pointer-events:none;max-width:min(440px,90vw)}#toast.show{opacity:1}#toast.error{background:#ff787d;color:#171012}[hidden]{display:none!important}@media(max-width:700px){.top{height:68px;padding:0 18px;gap:20px}.top-note{display:none}.search{width:auto;flex:1}.wrap{padding:0 18px}.heading{display:block;padding-top:45px}.heading>p{margin-top:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cover{border-radius:13px}.card-info strong{font-size:.88rem}.dash-head,.player-title{align-items:start;flex-direction:column}.form-grid,.upload-grid{grid-template-columns:1fr}.login-panel{padding:25px}.editor{padding:18px}}@media(max-width:390px){.grid{grid-template-columns:1fr 1fr}.brand{font-size:1.1rem}.search input{font-size:.85rem}}
.danger{background:#56252b;border:1px solid #b75d67;color:#fff;border-radius:10px;padding:11px 19px;font-weight:700}.danger:hover{background:#743039}.danger:disabled{opacity:.45;cursor:not-allowed}.confirm-dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;width:min(440px,calc(100% - 30px))}.confirm-dialog::backdrop{background:#000a}.confirm-dialog h2{margin:0 0 8px}.confirm-dialog p{color:var(--muted);line-height:1.5}.confirm-dialog form{display:grid;gap:20px}
/* Arcade layout: original geometric artwork and responsive mosaic. */
body:not(.admin-body){background:#86f5e7 url('/arcade-bg.svg') center top / cover fixed;color:#102d40}
body:not(.admin-body) .top{border:0;background:transparent;height:76px}
body:not(.admin-body) .brand{background:#fff;color:#0a2b43;padding:13px 17px;border-radius:15px;box-shadow:0 4px 12px #09796b24;letter-spacing:-.07em}
body:not(.admin-body) .brand span{color:#007bc0}
body:not(.admin-body) .search{background:#fff;border-color:#c8eee8;color:#1c5460}
body:not(.admin-body) .search input{color:#103748}
body:not(.admin-body) .top-note{color:#126e79}
body:not(.admin-body) .heading{display:none}
body:not(.admin-body) .chips{padding:10px 0 16px}
body:not(.admin-body) .chip{background:#ffffffd9;color:#124555;border-color:#ffffffb5;box-shadow:0 2px 6px #0a77761c}
body:not(.admin-body) .chip.active{background:#086b93;color:#fff;border-color:#086b93}
body:not(.admin-body) .section-head{margin-bottom:12px}
body:not(.admin-body) .section-head span{color:#28626b}
body:not(.admin-body) .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:minmax(90px,1fr);grid-auto-flow:dense;gap:12px;padding-bottom:50px}
.tile{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#38b8ad;box-shadow:0 6px 14px #096e7040;isolation:isolate;min-width:0}
.tile-big{grid-column:span 2;grid-row:span 2;aspect-ratio:1}
.tile img,.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile video{opacity:0;transition:opacity .2s}
.tile:is(:hover,:focus-visible) video{opacity:1}
.tile-label{position:absolute;inset:auto 0 0;padding:28px 10px 10px;color:#fff;background:linear-gradient(transparent,#102c3fe9);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;display:grid;gap:3px;text-align:center;pointer-events:none}
.tile-label strong{font-size:.83rem;line-height:1.15}.tile-label span{font-size:.68rem;color:#e2f6f2}
.tile:is(:hover,:focus-visible) .tile-label{opacity:1;transform:none}
.tile:is(:hover,:focus-visible){outline:3px solid white;z-index:2}
.tile-big .tile-label strong{font-size:1.12rem}.tile-big .tile-label span{font-size:.82rem}
body:not(.admin-body) footer{color:#0c5967}
/* Player retains the game aspect ratio as the viewport changes. */
.play-body{min-height:100vh}.play-shell{display:grid;grid-template-columns:96px minmax(0,1fr) 290px;gap:16px;max-width:1660px;margin:auto;padding:18px 28px;align-items:start}
.play-rail{display:grid;gap:12px;position:sticky;top:16px}.rail-brand{background:#fff;color:#0b3655;font-weight:900;letter-spacing:-.07em;border-radius:15px;padding:14px 7px;text-align:center;font-size:.93rem;box-shadow:0 4px 12px #07817c2b}.rail-brand span{color:#007dbb}.rail-home{display:none}
.rail-games,.side-games,.more-games{display:grid;gap:12px}.rail-games a,.side-games a,.more-games a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#d8f3ee;box-shadow:0 4px 9px #07817b3b}.rail-games img,.side-games img,.more-games img{width:100%;height:100%;object-fit:cover}.rail-games a:hover,.side-games a:hover,.more-games a:hover{outline:3px solid #fff}
.play-main{min-width:0}.play-top{display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:10px;color:#155764;font-size:.9rem}.play-fullscreen{border:0;background:#fff;color:#10617e;padding:5px 12px;border-radius:8px}
.play-main .frame-wrap{width:100%;max-width:none;aspect-ratio:16/9;border:0;border-radius:4px;background:#10131c;box-shadow:0 7px 20px #0b787a32}
.play-main .frame-wrap.portrait{width:min(100%,480px);aspect-ratio:9/16;margin:auto}
.play-main .frame-wrap:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;display:grid;place-items:center;background:#10131c}
.play-main .frame-wrap:fullscreen iframe{width:100%;height:100%}
.play-main .frame-wrap:fullscreen.portrait iframe{width:min(100%,56.25vh);height:100%}
.play-main .player-message{background:#172738;color:#fff}
.play-info{display:flex;gap:12px;align-items:center;background:#fff;padding:10px 14px;min-height:66px;box-shadow:0 7px 16px #07817a1b}.play-info img{width:42px;height:42px;object-fit:cover;border-radius:8px}.play-info h1{font-size:1.1rem;margin:0}.play-info p{font-size:.78rem;color:#536c78;margin:3px 0 0;line-height:1.3}
.ad-space{background:#ffffffc7;color:#78939b;text-align:center;display:grid;place-items:center;border:1px solid #ffffffbc}.ad-space span{font-size:.64rem;letter-spacing:.12em;align-self:end}.ad-space div{align-self:start;font-size:.76rem;margin-top:8px}.ad-banner{min-height:100px;margin:16px 0}.ad-rectangle{height:250px;margin-bottom:14px}.side-games{grid-template-columns:repeat(2,minmax(0,1fr))}.more-heading{font-size:1.15rem;margin:20px 0 12px}.more-games{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
@media(max-width:1250px){.play-shell{grid-template-columns:96px minmax(0,1fr);padding:16px}.play-aside{grid-column:2}.ad-rectangle{height:100px}.side-games{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}
@media(max-width:760px){body:not(.admin-body) .grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:minmax(80px,1fr);gap:9px}.play-shell{display:block;padding:10px}.play-rail{display:flex;position:static;align-items:center;overflow:hidden;margin-bottom:10px}.rail-brand{flex:none}.rail-games{display:flex;overflow-x:auto;gap:8px}.rail-games a{width:66px;flex:none}.play-top{margin:8px 0}.play-main .frame-wrap{border-radius:4px}.play-aside{margin-top:18px}.ad-rectangle{height:90px}.side-games{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}
@media(hover:none){.tile-label{opacity:1;transform:none;padding:20px 6px 6px}.tile-label strong{font-size:.71rem}.tile-label span{font-size:.62rem}}
body:not(.admin-body) .wrap{max-width:1600px}
.analytics-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:23px;margin:0 0 30px}.analytics-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.analytics-head h2{margin:0}.analytics-head p:last-child{color:var(--muted);font-size:.88rem}.analytics-summary{color:var(--accent);font-weight:700;padding:10px 0 17px}.analytics-scroll{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;min-width:820px;text-align:left}.analytics-table th,.analytics-table td{padding:11px;border-top:1px solid var(--line);font-size:.87rem}.analytics-table th{color:var(--muted)}.analytics-table td:first-child{font-weight:700}.analytics-table td:nth-child(4){max-width:240px;white-space:normal}
@media(max-width:760px){.analytics-head{flex-direction:column}}
@media(max-width:760px) and (pointer:coarse) and (orientation:portrait){.play-main .frame-wrap.responsive-orientation{width:min(100%,480px);aspect-ratio:9/16;margin:auto}}
/* Arcade colors and ad preview. */
body:not(.admin-body){background-color:#e4fcf2}
.demo-ad{display:flex;flex-direction:column;justify-content:center;gap:9px;overflow:hidden;background:radial-gradient(circle at 90% 8%,#ffdb7b 0 13%,transparent 14%),radial-gradient(circle at 12% 92%,#75e0db 0 17%,transparent 18%),linear-gradient(135deg,#fff8dc,#e3f8ff 60%,#fbe9ff);color:#123d68;border:1px solid #fff;box-shadow:0 4px 12px #6399a42e}.demo-ad span{font-size:.62rem;letter-spacing:.12em;align-self:auto;color:#5d8491}.demo-ad strong{font-size:clamp(1rem,2vw,1.6rem);line-height:1.12;max-width:90%}.demo-ad p{font-size:.75rem;margin:0;color:#628189}

/* Fixed arcade units: 94px cards, 204px featured cards. Free space stays outside the grid. */
body:not(.admin-body) .wrap{max-width:none;padding:0 22px}
body:not(.admin-body) .grid{grid-template-columns:repeat(auto-fill,94px);grid-auto-rows:94px;gap:16px;justify-content:center;align-content:start}
.tile{width:100%;height:100%;aspect-ratio:auto;border-radius:14px}
.tile-big{grid-column:span 2;grid-row:span 2}

/* The play column follows the game instead of stretching across unused space. */
.play-shell{max-width:1590px;grid-template-columns:96px minmax(0,1030px) 300px;justify-content:center}
.play-body.portrait-game .play-shell{max-width:1590px;grid-template-columns:96px minmax(320px,350px) minmax(0,1fr)}
.play-body.portrait-game .play-rail{display:grid;align-content:start;position:sticky;top:16px}
.play-body.portrait-game .rail-games{display:grid;grid-template-columns:96px;gap:12px}
.play-main .frame-wrap.portrait{width:100%;max-width:350px;aspect-ratio:9/16;margin:0}
.play-aside{min-width:0}
.play-body.portrait-game .play-aside{display:grid;grid-template-columns:repeat(auto-fill,96px);grid-auto-rows:96px;grid-auto-flow:dense;gap:12px;align-content:start;justify-content:start}
.play-body.portrait-game .side-games{display:contents}
.play-body.portrait-game .ad-rectangle{grid-column:span 3;grid-row:span 2;width:312px;height:204px;margin:0}
.play-body.portrait-game .side-games a{width:96px;height:96px}
.play-info{overflow:hidden}.play-info>div{min-width:0}.play-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1250px) and (min-width:761px){
  .play-shell{grid-template-columns:96px minmax(0,1fr) 260px;padding:16px;gap:12px}
  .play-body.portrait-game .play-shell{grid-template-columns:96px minmax(320px,350px) minmax(0,1fr)}
  .play-aside,.play-body.portrait-game .play-aside{grid-column:auto}
  .play-body.portrait-game .ad-rectangle{grid-column:span 2;grid-row:span 2;width:204px;height:204px}
}
@media(max-width:760px){
  body:not(.admin-body) .wrap{padding:0 10px}
  body:not(.admin-body) .grid{grid-template-columns:repeat(auto-fill,76px);grid-auto-rows:76px;gap:9px}
  .play-shell,.play-body.portrait-game .play-shell{display:block;min-width:0;padding:10px}
  .play-rail,.play-body.portrait-game .play-rail{display:flex;position:static;align-items:center;overflow:hidden}
  .play-body.portrait-game .rail-brand{margin:0}
  .play-body.portrait-game .rail-games{display:flex;overflow-x:auto;gap:8px}
  .play-main .frame-wrap.portrait{width:min(100%,350px);margin:auto}
  .play-aside,.play-body.portrait-game .play-aside{display:block;margin-top:18px}
  .play-body.portrait-game .side-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:9px}
  .play-body.portrait-game .side-games a{width:auto;height:auto}
  .play-body.portrait-game .ad-rectangle{width:100%;height:90px;margin-bottom:14px}
}

@media(min-width:761px) and (pointer:fine){.play-shell{min-width:850px}}

.seo-catalog{margin:28px 0;color:#c8cddd}.seo-catalog ul{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px}.seo-catalog a,footer a{color:inherit}.brand,.rail-brand{white-space:nowrap}#install-app{cursor:pointer;padding:8px 14px;border-radius:10px}

.rail-brand{font-size:.65rem;letter-spacing:-.04em}.search{min-width:0}@media(max-width:600px){.top{gap:14px}.search{flex:1;width:auto}.brand{font-size:1.15rem}}
/* v13: distinct admin pages and matching homepage preview. */
.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.admin-nav a{padding:12px 18px;background:var(--surface);border-radius:10px;border:1px solid var(--line)}
.layout-page #admin-list,.layout-page #editor,.layout-page #delete-all,.analytics-page #admin-list,.analytics-page #editor,.analytics-page #delete-all,.analytics-page #new,.analytics-page .helper{display:none!important}
.analytics-page .dash-head{margin-bottom:24px}.analytics-page .dash-head h1{font-size:2.5rem}
.layout-scroll{overflow:auto;padding:20px 0}.layout-grid{display:grid;grid-template-columns:repeat(auto-fill,94px);grid-auto-rows:94px;grid-auto-flow:dense;gap:16px;justify-content:center;align-content:start;padding:22px;background:#e4fcf2 url('/arcade-bg.svg') center/cover;min-height:400px;border-radius:16px;max-width:none;}
.layout-grid.mobile-preview{grid-template-columns:repeat(auto-fill,76px);grid-auto-rows:76px;gap:9px;padding:10px}
.layout-grid .tile{border:0;padding:0;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}.layout-grid .tile img{pointer-events:none}.layout-grid .holding{outline:4px solid var(--accent);opacity:.75}.layout-grid.moving .tile{cursor:grab;animation:icon-wiggle .25s infinite alternate}.layout-grid .selected-moving{outline:4px solid #126eff}.layout-grid .drop-target{outline:4px solid #b9f35c}.layout-grid .tile-label{display:block}
@keyframes icon-wiggle{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.layout-grid.moving .tile{animation:none}}
/* Fit to width AND available viewport height. No desktop minimum causing clipping. */
.play-shell,.play-body.portrait-game .play-shell{min-width:0;grid-template-columns:84px minmax(0,var(--player-column,960px)) minmax(0,300px);max-width:1510px;gap:14px}
.play-main .frame-wrap,.play-main .frame-wrap.portrait,.play-main .frame-wrap.responsive-orientation{width:var(--player-width,100%);height:var(--player-height,auto);max-width:100%;aspect-ratio:auto;margin:auto;display:flex;align-items:center;justify-content:center}
.play-main .frame-wrap iframe{display:block;width:100%;height:100%;flex:none}
.play-main .frame-wrap:fullscreen,.play-main .frame-wrap.portrait:fullscreen,.play-main .frame-wrap.responsive-orientation:fullscreen{width:100vw!important;height:100dvh!important;max-width:none;display:flex;align-items:center;justify-content:center;aspect-ratio:auto}
.play-main .frame-wrap:fullscreen iframe,.play-main .frame-wrap:fullscreen.portrait iframe{width:var(--fullscreen-width,100%);height:var(--fullscreen-height,100%);max-width:100%;max-height:100%;}
.rotate-hint{position:absolute;inset:auto 8px 8px;background:#102c3fe6;color:#fff;text-align:center;padding:10px;border-radius:8px;pointer-events:none;font-size:.85rem}.fullscreen-note{color:#8d2432;font-size:.85rem;margin:6px 0}
@media(max-width:1100px) and (min-width:761px){.play-shell,.play-body.portrait-game .play-shell{grid-template-columns:76px minmax(0,var(--player-column,960px)) 204px}}
@media(max-width:920px) and (min-width:761px){.play-shell,.play-body.portrait-game .play-shell{grid-template-columns:76px minmax(0,var(--player-column,960px))}.play-aside,.play-body.portrait-game .play-aside{grid-column:2}}
@media(max-width:760px){.play-shell,.play-body.portrait-game .play-shell{display:block;min-width:0}.play-main .frame-wrap.portrait{max-width:100%}}

.admin-nav button{padding:12px 18px;background:var(--surface);border-radius:10px;border:1px solid var(--line);color:var(--text)}.admin-nav button[aria-selected="true"]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}