.site-navigation{z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px clamp(20px,3vw,48px);font-family:'DM Sans',system-ui,sans-serif;color:#fff2c9;background:#081b49}
.site-navigation-home{position:absolute;top:0;left:0;right:0;background:transparent;pointer-events:none}
.site-navigation-home>*{pointer-events:auto}
.site-navigation-content{position:relative}
.site-navigation-logo{display:block;width:44px;height:44px;flex:none}
.site-navigation-logo img{display:block;width:100%;height:100%}
.site-navigation-actions{display:flex;align-items:center;gap:18px}
.game-drawer{position:static}
.game-drawer-trigger{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 22px;border-radius:999px;background:#f6b74a;color:#081b49;font-weight:700;cursor:pointer;list-style:none;box-shadow:0 3px 0 #8e5522}
.game-drawer-trigger::-webkit-details-marker{display:none}
.game-drawer-trigger:hover{background:#ffd070}
.site-navigation button,.game-drawer-dialog button{border:0;font-family:inherit;cursor:pointer}
.game-drawer-trigger svg,.game-drawer-close svg,.drawer-blog svg,.drawer-game-play svg{display:block;flex:none}
.game-drawer-summary-close{display:none}
.game-drawer[open]>.game-drawer-trigger{position:fixed;z-index:34;top:12px;right:16px;width:44px;height:44px;padding:0;font-size:0;box-shadow:none;background:transparent}
.game-drawer[open]>.game-drawer-trigger .game-drawer-caret{display:none}
.game-drawer[open]>.game-drawer-trigger .game-drawer-summary-close{display:block;font-size:initial}
.game-drawer-enhanced .game-drawer[open]>.game-drawer-trigger{display:none}
.game-drawer-backdrop{position:fixed;z-index:31;inset:0;background:#06133199}
.game-drawer-panel{position:fixed;z-index:32;top:0;right:0;bottom:0;width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;padding:30px 27px 24px;background:#fff9ea;color:#071b43;box-shadow:-16px 0 50px #04122c55;scrollbar-gutter:stable}
.game-drawer-enhanced .game-drawer-backdrop{display:none}
.game-drawer-dialog{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;background:transparent;color:#071b43}
.game-drawer-dialog::backdrop{background:#06133199}
.game-drawer-dialog::before{content:'';position:fixed;z-index:1;top:0;right:0;width:min(440px,100vw);height:62px;background:linear-gradient(#fff9ea 70%,#fff9ea00);pointer-events:none}
.game-drawer-enhanced .game-drawer-panel{position:relative;inset:auto;z-index:auto;width:100%;height:100%;box-shadow:-16px 0 50px #04122c55}
.game-drawer-panel h2{margin:30px 45px 22px 0;font:800 clamp(28px,3vw,38px)/1.1 Fraunces,Georgia,serif;letter-spacing:-.04em}
.game-drawer-close{position:absolute;top:11px;right:15px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;color:#081b49;background:#fff9ea;border-radius:50%}
.game-drawer-enhanced .game-drawer-close{position:fixed}
.game-drawer-close[hidden],.drawer-install [hidden]{display:none}
.drawer-group{margin-top:22px}
.drawer-group h3{margin:0 0 10px;font:800 23px/1.2 Fraunces,Georgia,serif}
.drawer-group h3 a:hover,.drawer-game-name:hover,.drawer-blog:hover,.drawer-secondary-links>a:hover{text-decoration:underline;text-underline-offset:3px}
.drawer-group ul{margin:0;padding:0;list-style:none}
.drawer-game{display:grid;grid-template-columns:132px minmax(0,1fr) 44px;align-items:center;gap:11px;min-height:108px;padding:9px 0;border-bottom:1px solid #192c4c25}
.drawer-game-image{display:block;overflow:hidden;border-radius:9px;background:#102756}
.drawer-game-image img{display:block;width:132px;height:80px;object-fit:contain}
.drawer-game-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.drawer-game-name{font:800 17px/1.1 Fraunces,Georgia,serif}
.drawer-game-copy span{font-size:12px;color:#536079}
.drawer-game-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f6b74a;color:#081b49}
.drawer-game-play:hover{background:#ffd070}
.drawer-secondary{margin-top:25px;padding-top:18px;border-top:1px solid #192c4c25}
.drawer-blog{display:inline-flex;align-items:center;gap:6px;color:#985018;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.drawer-secondary-links{display:flex;align-items:center;flex-wrap:wrap;column-gap:17px;row-gap:12px;margin-top:22px;font-size:13px}
.drawer-install{position:relative}
.drawer-install>summary{cursor:pointer;list-style:none}
.drawer-install>summary::-webkit-details-marker{display:none}
.drawer-install>summary:hover{text-decoration:underline}
.drawer-install[open]{flex-basis:100%;order:1;padding:12px;border-radius:10px;background:#eee9da}
.drawer-install p{margin:8px 0 0;line-height:1.5}
.drawer-install button{margin-top:10px;padding:8px 12px;border-radius:20px;background:#f6b74a;color:#081b49;font-weight:700}
.drawer-language{display:flex;align-items:center;gap:7px;margin-left:auto}
.drawer-language a[aria-current='page']{font-weight:700}
.game-drawer-open{overflow:hidden}
.site-navigation a:focus-visible,.site-navigation button:focus-visible,.site-navigation summary:focus-visible{outline:3px solid #bd6823;outline-offset:3px}
.game-drawer-dialog a:focus-visible,.game-drawer-dialog button:focus-visible,.game-drawer-dialog summary:focus-visible{outline:3px solid #985018;outline-offset:3px}
@media(max-width:640px){.site-navigation{min-height:68px;padding:12px 16px}.site-navigation-logo{width:42px;height:42px}.site-navigation-actions{gap:8px}.game-drawer-trigger{padding:10px 14px;font-size:13px}.game-drawer-panel{padding:25px 18px 24px}.game-drawer-panel h2{margin-top:32px}.drawer-game{grid-template-columns:90px minmax(0,1fr) 44px;min-height:98px}.drawer-game-image img{width:90px;height:57px}.drawer-game-name{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.game-drawer-panel{animation:drawer-enter .2s ease-out}}@keyframes drawer-enter{from{translate:20px 0;opacity:.7}to{translate:0 0;opacity:1}}