/* Unified navigation only. The in-round canvas and input remain untouched. */
body.unified-menu.at-home .launch-brand{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:8px;padding-bottom:30px}
.launch-brand .brand-logo{width:100%;max-width:210px;justify-self:center;grid-column:2;grid-row:1}.launch-brand #open-menu{background:none;border:0;color:inherit;font-size:.875rem;padding:12px 0;min-height:44px;white-space:nowrap;text-align:center;grid-column:1/-1;grid-row:2;justify-self:center}.launch-brand #open-menu span{font-size:1.15rem;margin-right:4px}
body.unified-menu.in-round .launch-brand{display:none!important}body.unified-menu:not(.at-home):not(.in-round) .launch-brand{display:grid;grid-template-columns:76px 1fr 76px;background:#1428c8;color:white;padding:12px;border-radius:8px}
body.menu-open{overflow:hidden}
#app-menu{border:0;padding:0;margin:0 auto;width:100%;max-width:640px;height:100dvh;max-height:100dvh;background:#fff;color:#17234b;overflow:hidden;border-radius:0;box-sizing:border-box}
#app-menu[open]{display:flex;flex-direction:column}#app-menu::backdrop{background:#07103cc9}
#app-menu[data-page="home"]{background:#1428c8;color:white}
#app-menu .menu-toolbar{background:#1428c8;color:white;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;flex-shrink:0;border-bottom:1px solid #ffffff28}
#app-menu .menu-toolbar h2{font-size:1.1rem;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0;flex:1;min-width:0;outline-offset:5px}
#app-menu .menu-toolbar button{background:none;border:0;color:inherit;font-size:.875rem;min-height:44px;padding:8px 0;flex-shrink:0}
#app-menu .menu-scroll{padding:24px 22px calc(28px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin}
#app-menu .menu-identity{padding:10px 0 28px}.menu-caption{font-size:.75rem;letter-spacing:.1em;color:#c8d2ff}#app-menu .menu-identity h3{font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:14px 0 12px;overflow-wrap:anywhere}.menu-identity p{font-size:.875rem;color:#d8e0ff;margin:0}.menu-identity strong{color:white;font-weight:500;margin-left:8px}
#app-menu .menu-list{display:grid}#app-menu .menu-row{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:20px 0;text-align:left;border:0;border-top:1px solid #ffffff30;background:transparent;color:white;font-size:1rem;line-height:1.4;min-height:68px;transition:opacity .12s ease}
#app-menu .menu-row:hover{opacity:.8}#app-menu .menu-row:active{opacity:.6}.menu-row svg{width:24px;height:24px;opacity:.75}.menu-chevron{opacity:.55;font-size:1.5rem;font-weight:400;text-align:right}
#app-menu .section-intro,#app-menu .field-note,#app-menu .status{font-size:.875rem;line-height:1.65;color:#63708a}#app-menu .menu-status{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}#app-menu[data-page="home"] .menu-status{color:#e6ecff}#app-menu .menu-status:empty{display:none}
#app-menu p{line-height:1.6;overflow-wrap:anywhere}#app-menu h3{font-size:1.1rem}#app-menu input,#app-menu select{min-height:50px;border:1px solid #cdd4e4;border-radius:8px;font-size:1rem}#app-menu label:not(.toggle){display:block;margin:14px 0 7px;font-size:.875rem}#app-menu .primary{background:#1428c8;color:white;border-radius:8px;min-height:52px}#app-menu .secondary{border:1px solid #cdd4e4;border-radius:8px;background:white;color:#1428c8;min-height:48px}#app-menu .text-button{color:#1428c8;font-size:.875rem;min-height:44px}
#app-menu .discount-box{background:transparent;border:0;border-bottom:1px solid #e4e8f0;border-radius:0;padding:0 0 20px;margin:0 0 20px;overflow-wrap:anywhere}#app-menu .discount-box>h2{font-size:1.1rem;margin:0 0 12px}#app-menu .discount-box summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:.875rem}#app-menu .voucher-code{display:block;color:#1428c8;font-size:clamp(1.1rem,5vw,1.55rem);font-weight:700;letter-spacing:.03em;overflow-wrap:anywhere}#app-menu .voucher-state{font-size:.875rem;color:#63708a}#app-menu .history-row{padding:16px 0;border-top:1px solid #e4e8f0;overflow-wrap:anywhere}#app-menu .history-row p{font-size:.875rem;margin:6px 0}#app-menu #v-staff-list{padding-left:20px;overflow-wrap:anywhere}
#app-menu .score-overview{padding:12px 0 32px;border-bottom:1px solid #e4e8f0;display:grid;gap:8px}#app-menu .score-overview>span{font-size:.875rem;color:#63708a}#app-menu .score-overview strong{font-size:clamp(2.5rem,14vw,4.5rem);letter-spacing:-.05em;font-weight:500;color:#1428c8;line-height:1.1;overflow-wrap:anywhere}#app-menu .score-overview small{font-size:.875rem;color:#63708a}.score-facts{margin:0}.score-facts div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e4e8f0;font-size:.875rem}.score-facts dt{color:#63708a}.score-facts dd{margin:0;text-align:right}
#app-menu .setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #e4e8f0}.setting-row strong{font-weight:500;font-size:1rem}.setting-row p{margin:6px 0 0;font-size:.875rem;color:#63708a}.toggle{position:relative;width:50px;height:32px;flex-shrink:0}.toggle input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;min-height:0!important;cursor:pointer}.toggle span{display:block;width:50px;height:30px;border-radius:20px;background:#b6c0d5;pointer-events:none}.toggle span:after{content:'';display:block;width:24px;height:24px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;transition:transform .12s ease}.toggle input:checked+span{background:#1428c8}.toggle input:checked+span:after{transform:translateX(20px)}.toggle input:focus-visible+span{outline:3px solid #1428c8;outline-offset:4px}
.rule-score{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.rule-score span{display:flex;align-items:center;gap:8px;font-size:.875rem}.rule-lines p{border-top:1px solid #e4e8f0;padding-top:18px;color:#63708a;font-size:.875rem}.rule-lines strong{color:#17234b;font-size:1rem;font-weight:500}
#app-menu .leaderboard{border:0;background:transparent;padding:0;margin:0;border-radius:0}#app-menu .board-heading h3{margin:0}#app-menu .archive-panel{border-top:1px solid #e4e8f0;margin-top:24px;padding-top:8px}#app-menu .board-explainer,#app-menu .demo-note{font-size:.875rem;line-height:1.65;color:#63708a}#app-menu #b-month-caption{color:#1428c8;font-size:1rem;text-transform:capitalize;font-weight:500}#app-menu .board-score{overflow-wrap:anywhere}#app-menu .top-1 .player-info small{color:#dce5ff}
#app-menu #b-archive-list{padding-left:20px;font-size:.875rem;line-height:1.6}#app-menu #b-archive-list li{display:list-item}
@media(min-width:700px) and (min-height:700px){#app-menu{height:min(860px,92dvh);max-height:92dvh;margin:auto;border-radius:20px}#app-menu .menu-scroll{padding:28px 32px}#app-menu .menu-toolbar{padding-inline:32px}}
@media(max-width:360px){body.unified-menu.at-home .launch-brand{grid-template-columns:66px minmax(0,1fr) 66px;gap:6px}#app-menu .menu-toolbar{padding-inline:16px;gap:8px}#app-menu .menu-toolbar h2{font-size:1rem}#app-menu .menu-scroll{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){#app-menu .menu-row,.toggle span:after{transition:none}}
