/* Clean Menu 02: the court remains the world, with one readable navigation layer. */
#boot{display:none!important}
#arena{background:#01030b url('gallery/images/02.png') center center/cover no-repeat}
#arena canvas{opacity:0;transition:opacity .75s ease}
body.scene-ready #arena canvas{opacity:1}
body::before{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,2,8,.91) 0%,rgba(0,2,8,.65) 31%,rgba(0,2,8,.18) 61%,transparent 85%),linear-gradient(0deg,rgba(0,2,8,.64),transparent 30%)}
.cm-header,.cm-main,.cm-bottom,.cm-angles{position:fixed;z-index:20}
.cm-header{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,42px) clamp(24px,4vw,66px)}
.cm-brand{display:inline-flex;align-items:baseline;gap:11px;color:#f4f7ff;text-decoration:none;font:900 clamp(26px,3vw,42px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:.06em;white-space:nowrap}
.cm-brand span{color:#ffcf00;margin-left:-11px;margin-right:-11px}
.cm-brand small{color:#aebbd1;font:700 12px/1 Inter,sans-serif;letter-spacing:.22em}
.cm-header nav{display:flex;align-items:center;gap:clamp(8px,1.6vw,25px)}
.cm-header nav a,.cm-header nav button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:#dce6f8;text-decoration:none;font:800 12px/1 Inter,sans-serif;letter-spacing:.12em;cursor:pointer;white-space:nowrap}
.cm-header nav a:hover,.cm-header nav button:hover{border-color:#91a4c388;background:#ffffff16}
.cm-header nav #cmGreenRoom{border-color:#c7fc6880;background:#c7fc681a;color:#e8ffbd}
.cm-main{left:clamp(24px,4vw,66px);top:50%;transform:translateY(-44%);width:min(570px,calc(100vw - 48px));max-height:calc(100vh - 180px);overflow-y:auto}
.cm-kicker{display:flex;align-items:center;gap:11px;margin:0 0 23px;color:#c9d7ec;font:800 12px/1 Inter,sans-serif;letter-spacing:.28em}
.cm-kicker span{width:9px;height:9px;border-radius:50%;background:#9aff00;box-shadow:none}
.cm-main h1{margin:0;color:#f4f7ff;font:900 clamp(64px,8.1vw,128px)/.78 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.025em;text-wrap:balance}
.cm-main h1 em{font-style:normal;color:#ffcf00}
.cm-intro{max-width:420px;margin:26px 0 29px;color:#d3ddec;font:500 clamp(16px,1.4vw,20px)/1.45 Inter,sans-serif}
.cm-primary{display:flex;flex-wrap:wrap;gap:10px}
.cm-primary a{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:14px 19px;border:1px solid #eaf2ff70;border-radius:10px;color:#f4f7ff;text-decoration:none;font:900 15px/1 Inter,sans-serif;letter-spacing:.13em;transition:transform .18s,background .18s,border-color .18s}
.cm-primary a:hover{transform:translateY(-2px);border-color:#fff;background:#ffffff1b}
.cm-primary .cm-play{min-width:210px;background:#c7fc68;border-color:#c7fc68;color:#061006}
.cm-primary .cm-play:hover{background:#d9ff98;border-color:#d9ff98}
.cm-primary .cm-train{background:#07142ab8}
.cm-angles-toggle{display:inline-flex;align-items:center;gap:22px;margin-top:21px;padding:12px 0;border:0;border-bottom:1px solid #9eafc366;background:none;color:#dbe5f6;font:800 12px/1 Inter,sans-serif;letter-spacing:.16em;cursor:pointer}
.cm-angles-toggle:hover{color:#fff;border-color:#c7fc68}
.cm-bottom{bottom:clamp(16px,2.7vh,32px);left:clamp(24px,4vw,66px);right:clamp(24px,4vw,66px);display:flex;justify-content:space-between;gap:20px;color:#97a8c5;font:700 12px/1 Inter,sans-serif;letter-spacing:.18em;pointer-events:none}
.cm-angles{top:110px;right:clamp(24px,4vw,66px);bottom:72px;width:min(360px,calc(100vw - 48px));padding:22px;border:1px solid #c7fc6850;border-radius:18px;background:#030914eb;box-shadow:0 30px 100px #000c,inset 0 1px #ffffff21;backdrop-filter:blur(20px);overflow:auto}
.cm-angles[hidden]{display:none!important}
.cm-angles-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.cm-angles-head small{color:#9fb7d8;font:700 12px/1 Inter,sans-serif;letter-spacing:.19em}
.cm-angles-head h2{margin:8px 0 18px;color:#fff;font:900 30px/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:.035em}
#cmAnglesClose{width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff10;color:#fff;font:500 26px/1 Inter,sans-serif;cursor:pointer}
.cm-angle-list{display:grid;gap:6px}
.cm-angle-list button{display:flex;align-items:center;gap:14px;width:100%;padding:13px 12px;border:1px solid #ffffff1e;border-radius:9px;background:#ffffff08;color:#ebf1ff;text-align:left;font:800 13px/1 Inter,sans-serif;letter-spacing:.09em;cursor:pointer}
.cm-angle-list button:hover,.cm-angle-list button[aria-current="true"]{border-color:#c7fc68aa;background:#c7fc6818}
.cm-angle-list button em{color:#9aff00;font:700 12px/1 ui-monospace,monospace;font-style:normal}
.cm-full-room{display:block;margin-top:16px;padding:15px 0;border-top:1px solid #ffffff2b;color:#c7fc68;text-decoration:none;font:800 12px/1 Inter,sans-serif;letter-spacing:.1em}
/* Keep the preserved radio as a small choice under the real navigation. */
body:not(.launch-title-open) #pfRadio{display:flex!important;left:auto!important;right:clamp(24px,4vw,66px)!important;top:82px!important;bottom:auto!important;z-index:21!important}
#pfDeck,#pfTag,#pfTelemetry{display:none!important}
#pfSoundGate{left:auto!important;right:clamp(24px,4vw,66px)!important;bottom:64px!important;transform:none!important;animation:none!important;z-index:22!important;padding:12px 16px!important;font-size:12px!important}
.cm-header a:focus-visible,.cm-header button:focus-visible,.cm-main a:focus-visible,.cm-main button:focus-visible,.cm-angles a:focus-visible,.cm-angles button:focus-visible{outline:2px solid #c7fc68;outline-offset:3px}
@media(max-width:900px){.cm-header{align-items:flex-start;padding:20px 22px}.cm-header nav{gap:3px}.cm-header nav a,.cm-header nav button{font-size:12px;padding:8px}.cm-brand small{display:none}.cm-main{left:22px;top:49%;max-height:calc(100vh - 170px)}.cm-main h1{font-size:clamp(56px,11vw,92px)}.cm-bottom{left:22px;right:22px}.cm-bottom span:nth-child(2){display:none}body:not(.launch-title-open) #pfRadio{top:auto!important;right:22px!important;bottom:65px!important}#pfSoundGate{right:22px!important;bottom:105px!important}.cm-angles{top:102px;right:22px;bottom:76px}}
@media(max-width:600px){.cm-header nav a:nth-of-type(2){display:none}.cm-header nav a,.cm-header nav button{min-height:34px}.cm-main{width:calc(100vw - 44px);top:47%}.cm-intro{margin:19px 0 22px}.cm-primary a{min-height:50px}.cm-bottom{font-size:12px}.cm-header nav #cmGreenRoom{font-size:12px}#pfRadio{transform:scale(.86);transform-origin:bottom right}}
@media(prefers-reduced-motion:reduce){#arena canvas,.cm-primary a{transition:none}}