/* Homepage navigation, scoped so its styles cannot affect the game. */
.global-header{position:relative;z-index:10;max-width:1140px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;color:#101b35}
.global-header .brand-logo{display:block;width:148px;height:auto}
.global-header .primary-nav{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:15px}
.global-header .primary-nav a{color:#101b35;font-size:14px;font-weight:700;text-decoration:none}
.global-header .primary-nav a:hover{color:#e94f78}
.global-header .site-menu{position:relative}
.global-header .site-menu[open]{z-index:30}
.global-header .site-menu[open]::after{content:"";position:fixed;z-index:1;inset:0;background:rgba(16,27,53,.45);backdrop-filter:blur(2px)}
.global-header .site-menu>summary{position:relative;z-index:3;display:flex;align-items:center;gap:9px;list-style:none;padding:9px 11px;border:1px solid #d9d6cc;border-radius:8px;background:#fffdf9;color:#101b35;font-size:12px;font-weight:800;letter-spacing:.3px;cursor:pointer}
.global-header .site-menu>summary::-webkit-details-marker{display:none}
.global-header .site-menu>summary:hover,.global-header .site-menu[open]>summary{border-color:#e94f78;color:#e94f78}
.global-header .site-menu-icon{display:grid;gap:4px;width:16px}
.global-header .site-menu-icon i{display:block;width:16px;height:1.5px;background:currentColor}
.global-header .site-menu-panel{position:fixed;z-index:2;top:0;bottom:0;left:0;width:min(330px,calc(100vw - 34px));padding:26px 18px;overflow:auto;background:#fffdf9;box-shadow:18px 0 44px rgba(16,27,53,.22);animation:bandle-menu-in .24s ease-out}
.global-header .site-menu-panel>strong{display:block;margin:1px 8px 26px;font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}
.global-header .site-menu-close{position:absolute;top:17px;right:17px;width:36px;height:36px;border:1px solid #d9d6cc;border-radius:50%;background:#fffdf9;color:#101b35;font-size:25px;line-height:1;cursor:pointer}
.global-header .site-menu-close:hover{border-color:#e94f78;color:#e94f78}
.global-header .site-menu-panel p{margin:21px 8px 5px;color:#e94f78;font-size:10px;font-weight:900;letter-spacing:1px}
.global-header .site-menu-panel a{display:block;padding:11px 8px;border-radius:7px;color:#101b35;font-size:15px;font-weight:700;text-decoration:none}
.global-header .site-menu-panel a:hover{background:#f0eee8}
.global-header .site-menu-panel hr{height:1px;margin:14px 0;border:0;background:#d9d6cc}
.breadcrumbs{margin:0 0 18px;font-size:12px;color:#57534e}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.breadcrumbs li{display:flex;align-items:center;gap:8px}
.breadcrumbs li+li::before{content:"/";color:#77736d}
.breadcrumbs a{color:#57534e;font-size:12px;font-weight:500;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs [aria-current]{color:#111114;font-weight:700}
.game-toolbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin-bottom:22px}
.game-toolbar nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 80px);margin:0;padding:4px;border-radius:9px;background:#26262c}
.game-toolbar .mode-brand{padding:0 10px;color:#f8f7fb;font-size:13px;font-weight:800;white-space:nowrap}
.game-toolbar nav a{padding:8px 14px;border-radius:6px;color:#c9c7ce;font-size:13px;font-weight:700;text-decoration:none}
.game-toolbar nav a[aria-current]{background:#454050;color:#fff}
.game-toolbar nav a:hover{color:#fff}
.game-toolbar .icon-button{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;border-color:#7b7787;color:#fff;background:transparent}
.game-toolbar .icon-button:hover{background:#303034}
.game-toolbar-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}
.game-toolbar .game-toolbar-actions .icon-button,.game-toolbar .toolbar-score-button{position:static;transform:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #575362;border-radius:11px;background:linear-gradient(145deg,#2b2833,#1a1920);color:#d9d4e8;box-shadow:inset 0 1px 0 #ffffff0c,0 3px 8px #0003;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.game-toolbar .game-toolbar-actions .icon-button{font-size:16px}
.game-toolbar .toolbar-score-button{color:#cabbff}
.game-toolbar .game-toolbar-actions button:hover:not(:disabled){border-color:#9a87ce;background:#30293f;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #0004}
.game-toolbar .toolbar-score-button[aria-expanded=true]{border-color:#b8a5ff;background:#393047;color:#e7deff}
.game-toolbar .game-toolbar-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:600px){.game-toolbar{min-height:78px}.game-toolbar nav{top:0}.game-toolbar-actions{top:auto;bottom:0;transform:none}.game-toolbar .game-toolbar-actions .icon-button,.game-toolbar .toolbar-score-button{width:32px;height:32px}}
.game-toolbar a:focus-visible,.game-toolbar button:focus-visible{outline:2px solid #c5ed69;outline-offset:3px}
@keyframes bandle-menu-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:620px){.global-header .primary-nav{display:none}.global-header .site-menu>summary span{display:none}.global-header .site-menu>summary{padding:10px}}
@media(max-width:520px){.global-header .brand-logo{width:128px}}
@media(max-width:420px){.game-toolbar nav{gap:2px;padding:3px}.game-toolbar .mode-brand{padding:0 5px;font-size:11px}.game-toolbar nav a{padding:8px 6px;font-size:11px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.global-header .site-menu-panel{animation:none}}