/* Quiet technology: detailed worlds, deliberately restrained chrome. */
:root{color-scheme:dark;--surface:#10212bcc;--line:#b9e1e21a;--muted:#92abb4}
.planet-app{background-color:#08151d;background-image:radial-gradient(ellipse at 48% 15%,#18354266,transparent 65%);color:#eaf1ef}
.space-grain{opacity:.011}
.space-brand>span{font-family:Inter,"Avenir Next",system-ui,sans-serif;letter-spacing:-.035em;font-weight:500}
.lobby-heading h1{font-family:inherit;font-weight:400;letter-spacing:.07em}
.space-header{border-color:var(--line)}
.back-button{border-color:var(--line);font-size:12px}
.eyebrow{color:#91b9c0}
.experience-shell.game-library{max-width:1320px;width:min(1320px,calc(100% - 80px));padding-top:44px}
.library-heading{text-align:left;margin-bottom:32px}
.library-heading h1{font-family:inherit;font-size:clamp(25px,3vw,36px);font-weight:450;letter-spacing:.02em;margin-top:13px}
.library-heading>p:last-child{font-size:13px;color:var(--muted)}
.game-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.game-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-card{border-radius:22px;border:1px solid var(--line);background:#10212b66;box-shadow:0 20px 60px #00000018}
.game-card:hover{border-color:#9bdbd85e;background:#14293699;transform:translateY(-5px)}
.game-card-picture{height:clamp(220px,24vw,350px);background:radial-gradient(ellipse at 50% 50%,#23444e88,#101f2999 70%);isolation:isolate}
.game-card-preview{display:block;width:100%;height:100%;outline:0}
.game-card-number{z-index:2;font:10px ui-monospace,monospace;letter-spacing:.12em;top:22px;left:24px;color:#b8cfcd88}
.game-card-badge{z-index:2;top:19px;right:19px;color:#b7d0d6;font-size:9px;border-color:#b3dde225;background:#10212b50;backdrop-filter:blur(10px)}
.game-preview-status{position:absolute;left:0;right:0;top:50%;text-align:center;font-size:11px;color:#91b0bd;letter-spacing:.08em;pointer-events:none}
.game-preview-status[hidden]{display:none}
.game-card-copy{padding:22px 25px 26px;border-top:1px solid #c2e4ed0a}
.game-card-english{font-size:8px;color:#7ca9b4;letter-spacing:.18em;margin-bottom:13px}
.game-card-title h2{font-size:22px;letter-spacing:.04em;font-weight:450}
.game-card-title>span{font-size:21px;color:#a9d9cd}
.game-card-description{margin-top:10px;font-size:12px;color:#a0b5bd}
.library-footnote{display:flex;justify-content:space-between;gap:14px;margin:30px 2px 0;color:#768f9b;font-size:11px;letter-spacing:.04em}
.library-footnote span{font:8px ui-monospace,monospace;letter-spacing:.13em;color:#587481}
.game-difficulty.experience-shell{display:block!important;width:min(1320px,calc(100% - 80px));padding:0!important;margin:8px auto 0;position:relative;z-index:4}
.game-difficulty>summary{list-style:none;cursor:pointer;display:flex;gap:16px;width:max-content;padding:9px 12px;border:1px solid var(--line);border-radius:99px;font-size:11px;color:#a7bec7;background:#152a3399}
.game-difficulty>summary::-webkit-details-marker{display:none}
.game-difficulty[open]{padding-bottom:12px!important}
.game-difficulty .difficulty-caption{padding:10px 0 8px;font-size:11px}
.game-difficulty .difficulty-options{max-width:360px}
.game-difficulty .difficulty-options button{padding:8px 15px}
.game-difficulty .difficulty-options small{display:none}
.planet-app[data-view="planet"]:not([data-game=""]) .space-header{height:64px;flex-basis:64px}
.planet-app[data-view="planet"]:not([data-game=""]) .space-footer{display:none}
.planet-app[data-view="planet"]:not([data-game=""]) .experience-heading{margin-bottom:16px}
.planet-app[data-view="planet"]:not([data-game=""]) .experience-heading h1{font-family:inherit;font-size:27px;letter-spacing:.025em;font-weight:450}
.planet-app[data-view="planet"]:not([data-game=""]) .experience-heading>.eyebrow{font-size:9px}
.experience-button,.hoops-button{border-color:var(--line)}
.hoops-game .hoops-top .hoops-camera-toggle{display:none}
.hoops-game .hoops-top{justify-content:flex-end}
.hoops-game .hoops-ball-handle>i{inset:32%;border-width:1px;box-shadow:0 0 0 5px #fff1af0b;opacity:.5}
.hoops-game.is-aiming .hoops-ball-handle>i{opacity:1;box-shadow:0 0 0 5px #ffda911a}
.destruction-nav{display:flex;gap:8px}
.destruction-nav button{min-height:42px;padding:10px 19px;border-radius:99px;gap:9px}
.destruction-nav small,.destruction-nav em{display:none}
.destruction-nav i{font:9px ui-monospace,monospace;color:#83a6b5}
.destruction-nav b{font-size:12px}
.destruction-switch-note{margin:9px 2px 17px;color:#718b95}
.experience-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.experience-loading h1{font-size:18px;font-weight:400;letter-spacing:.12em}
.experience-loading p{font-size:12px;color:var(--muted)}
.loading-orbit{display:block;width:58px;height:58px;border:1px solid #b5e8ee22;border-top-color:#a4d5da;border-radius:50%;animation:world-loading 2s linear infinite}
@keyframes world-loading{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .experience-shell.game-library{width:calc(100% - 44px);padding-top:28px}
  .game-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-card-picture{height:250px}
  .game-grid[data-count="3"]>.game-card:last-child{grid-column:span 2}
  .game-difficulty.experience-shell{width:calc(100% - 44px)}
}
@media(max-width:580px){
  .experience-shell.game-library{width:calc(100% - 32px);padding-top:24px}
  .library-heading h1{font-size:24px}
  .library-heading>p:last-child{font-size:12px}
  .game-grid,.game-grid[data-count="2"]{grid-template-columns:1fr}
  .game-grid[data-count="3"]>.game-card:last-child{grid-column:auto}
  .game-card-picture{height:270px}
  .game-card-copy{padding:18px 22px 23px}
  .game-card-title h2{font-size:21px}
  .library-footnote{flex-direction:column;margin-top:24px}
  .game-difficulty.experience-shell{width:calc(100% - 32px)}
  .planet-app[data-view="planet"]:not([data-game=""]) .experience-heading h1{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}.game-card{transition:none}}
