.skip-link{position:absolute;left:12px;top:-100px;z-index:30;padding:12px;background:var(--accent);color:#111}.skip-link:focus{top:12px}.site-menu{position:relative;z-index:20}.site-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:12px 17px;font:11px 'Courier New',monospace;font-weight:bold;letter-spacing:1px;background:var(--panel)}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{color:var(--accent);margin-left:10px}.site-menu nav{position:absolute;right:0;top:calc(100% + 9px);background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px #0008;min-width:260px;padding:8px}.site-menu nav a{display:block;padding:14px 12px;font-size:12px;line-height:1.4}.site-menu nav a:hover,.site-menu nav a[aria-current=page]{color:var(--accent);background:var(--bg)}.site-menu summary:focus-visible{outline:2px solid var(--accent)}
.hub-hero{position:relative;overflow:hidden;min-height:510px;border-block:1px solid var(--line);display:flex;align-items:center;max-width:1600px;margin:auto;background:#151a13}.hub-hero>div{position:relative;z-index:2;padding:55px 6%;width:65%;pointer-events:none}.hub-hero a{pointer-events:auto}.hub-hero h1{font-size:clamp(70px,10vw,140px)}.hub-hero h2{font:12px 'Courier New',monospace;letter-spacing:2px;line-height:1.5;margin:24px 0}.hub-hero p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.hub-hero>img{position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;object-position:65% center;opacity:.6}.hub-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10160ef2,transparent 90%);pointer-events:none}
.hub-directory{max-width:1260px;margin:48px auto;padding:0 5%}.hub-directory>h2{font-size:40px;margin:0 0 25px}.hub-directory>h2 span{color:var(--accent)}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hub-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);overflow:hidden;min-width:0}.hub-card:hover{border-color:var(--accent)}.hub-card>img{width:100%;height:210px;object-fit:cover;object-position:center}.hub-card:first-child>img{object-position:right center}.hub-card>div{padding:24px;flex:1;display:flex;flex-direction:column}.hub-card .eyebrow{font-size:8px;line-height:1.7;margin-bottom:12px}.hub-card h3{font-size:29px;line-height:1.1;margin:0 0 12px}.hub-card>div>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 25px}.card-action{display:flex;justify-content:space-between;font:10px 'Courier New',monospace;font-weight:bold;letter-spacing:1px;color:var(--accent);margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.hub-card.ready{border-top:3px solid var(--accent)}.hub-card.soon{border-top:3px dashed var(--line)}
.coming-page{max-width:1260px;margin:30px auto 65px;padding:0 5%}.back-link{display:inline-block;font:10px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);margin-bottom:36px}.coming-page>h1{font-size:clamp(42px,7vw,85px);line-height:1.05;letter-spacing:-1px;text-transform:uppercase;margin:8px 0 22px;overflow-wrap:anywhere}.coming-page>.eyebrow{line-height:1.8}.coming-badge{display:inline-block;background:var(--accent);color:#13170c;padding:10px 15px;font:12px 'Courier New',monospace;font-weight:bold;transform:rotate(-3deg);margin:0 0 28px}.coming-badge span{font-size:10px;font-weight:normal}.coming-scene{border:1px solid var(--line);background:#222;overflow:hidden}.coming-scene img{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}.coming-copy{max-width:750px;padding:30px 0}.coming-copy h2{font-size:30px;margin:0 0 14px;line-height:1.1}.coming-copy p{line-height:1.8;color:var(--muted)}.coming-copy .pencil-note{font:12px 'Courier New',monospace;color:var(--accent);border-left:2px dashed var(--line);padding:10px 16px;line-height:1.7}.coming-copy .hero-link{font-size:10px;gap:20px}.fake-ads{margin-bottom:45px}
@media(max-width:700px){.masthead{gap:12px}.site-menu summary{padding:10px;font-size:10px}.site-menu nav{min-width:245px;max-width:85vw}.hub-hero{flex-direction:column;min-height:0}.hub-hero>div{width:100%;padding:42px 5% 24px}.hub-hero>img{position:relative;width:100%;height:230px;object-position:center;opacity:.9}.hub-hero:after{display:none}.hub-hero h1{font-size:clamp(65px,16vw,100px)}.hub-hero .eyebrow{font-size:8px;line-height:1.8}.hub-hero h2{font-size:11px;letter-spacing:1px}.hub-grid{grid-template-columns:1fr}.hub-card>img{height:190px}.hub-directory{margin-top:32px}.hub-directory>h2{font-size:32px}.hub-card>div{padding:20px}.coming-page{margin-top:15px}.coming-page>h1{font-size:46px}.coming-copy h2{font-size:25px}.coming-copy .hero-link{font-size:9px;gap:10px;padding:14px 10px}.coming-copy p{font-size:13px}.hub-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.coming-badge{transform:none}}

/* Quiet decorative details; never overlap player rows or controls. */
footer,.board-footer,.hero-bottom{position:relative}
.oddment{position:absolute;pointer-events:none;user-select:none;object-fit:contain;image-rendering:pixelated;width:24px;height:24px;opacity:.58}
.oddment-footer{right:39%;top:-14px;transform:rotate(-9deg);clip-path:inset(0 0 5px 0)}
.oddment-banner{right:19%;top:-21px;transform:rotate(8deg);width:22px;height:22px;opacity:.52}
.oddment-board{left:52%;bottom:-11px;transform:rotate(15deg);width:23px;height:23px;opacity:.54}
@media(max-width:500px){.oddment-footer{right:48%;width:20px;height:20px}.oddment-banner{right:8%;top:-18px;width:18px;height:18px}.oddment-board{left:60%;width:19px;height:19px}}

body{position:relative}.masthead{padding-right:115px;min-height:98px}.site-menu{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:1000}.site-menu summary{background:var(--panel);box-shadow:0 3px 15px #0006}.site-menu nav{max-height:calc(100dvh - 90px);overflow-y:auto}
.duck-layer{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:20}
.duck-target{position:absolute;width:36px;height:36px;padding:0;border:0;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;opacity:.68;box-shadow:none;touch-action:manipulation}
.duck-target:hover,.duck-target:focus-visible{opacity:1;background:none}.duck-target:focus-visible{outline:2px dashed var(--accent);outline-offset:1px}.duck-target img{height:auto;max-height:32px;object-fit:contain;image-rendering:pixelated;pointer-events:none;user-select:none}
.duck-counter{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:900;background:var(--panel);border:1px solid var(--accent);padding:13px 16px;box-shadow:0 5px 24px #0009;max-width:calc(100vw - 32px);font:12px 'Courier New',monospace;line-height:1.5}
.duck-counter[hidden]{display:none}.duck-counter strong,.duck-counter span,.duck-counter small{display:block}.duck-counter strong{font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:4px}.duck-counter small{font-size:9px;color:var(--muted);margin-top:3px}.duck-counter button{display:block;padding:6px 10px;margin-top:10px;font-size:10px}.duck-counter button[hidden]{display:none}
@media(max-width:600px){.duck-target{width:40px;height:40px}.site-menu{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.masthead{padding-right:102px;min-height:80px}.duck-counter{right:12px;bottom:12px;padding:10px 12px}}

.duck-clock{color:var(--accent);font-weight:bold;margin-top:4px}