:root{color-scheme:dark;--ink: #eef8fc;--muted: #a9c0cd;--bg: #06131f;--surface: #0b2130;--surface-2: #102b3d;--line: #29495d;--accent: #82d8ed;--accent-ink: #06131f;--danger: #ff796f;--max: 1160px;--radius: 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit}button,input{font:inherit}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,8vw,6.5rem);max-width:760px}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:1.45rem}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.7rem 1rem;background:var(--accent);color:var(--accent-ink);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(24px,calc((100vw - var(--max)) / 2));border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{font-size:1.35rem;font-weight:780;letter-spacing:-.05em;text-decoration:none}.site-nav{display:flex;align-items:center;gap:1.4rem}.site-nav a,.site-nav button{border:0;background:none;padding:.4rem 0;color:var(--muted);font-size:.88rem;text-decoration:none;cursor:pointer}.site-nav a:hover,.site-nav button:hover{color:var(--ink)}.locale-toggle{padding:.35rem .6rem!important;border:1px solid var(--line)!important;border-radius:5px!important;color:var(--ink)!important}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:.45rem .7rem;border-radius:5px}.hero{min-height:min(780px,calc(100vh - 72px));display:flex;align-items:center;padding:clamp(5rem,11vw,9rem) max(24px,calc((100vw - var(--max)) / 2));background:linear-gradient(90deg,#06131ff7,#06131fdd 42%,#06131f24 78%),url(/images/cube-adventure-hero.webp) center / cover no-repeat;image-rendering:pixelated}.hero__content{image-rendering:auto}.hero__copy{max-width:600px;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}.eyebrow,.meta{color:var(--accent);font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--accent-ink);padding:.65rem 1rem;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:none}.button:hover{background:#a1e7f5;border-color:#a1e7f5}.button--secondary{background:transparent;color:var(--ink);border-color:#597383}.button--secondary:hover{background:#ffffff0a;border-color:var(--accent)}.text-link{display:inline-block;margin-top:1.4rem;color:var(--accent);text-decoration:none}.section{padding:clamp(5rem,9vw,8rem) max(24px,calc((100vw - var(--max)) / 2))}.section--alternate{background:#081927;border-block:1px solid #173245}.section-heading{max-width:720px;margin-bottom:2.4rem}.section-heading>p:last-child{color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:1.25rem}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.project-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;image-rendering:pixelated;background:#091927}.project-card__body{padding:clamp(1.25rem,3vw,2rem)}.project-card__body>p:not(.meta){color:var(--muted)}.project-card .button{margin-top:.6rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.news-card{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.news-card h3{margin:.4rem 0}.news-card>p:not(.meta){color:var(--muted)}.news-card .text-link{margin-top:.4rem}.news-page .section-heading{margin-bottom:2.5rem}.news-list{display:grid;gap:2rem;max-width:760px}.news-article{padding:1.5rem 0;border-bottom:1px solid var(--line)}.news-article:first-of-type{border-top:1px solid var(--line)}.news-article h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:.3rem 0 .6rem}.news-article__excerpt{color:var(--accent);font-weight:650}.news-article p{color:var(--muted);line-height:1.6}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;min-height:180px}.status{grid-column:1 / -1;color:var(--muted)}.video-status{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:8px}.video-status p{margin:0;color:var(--muted)}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none;transition:transform .16s ease,border-color .16s ease}.video-card:hover{transform:translateY(-3px);border-color:var(--accent)}.video-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#020a10}.video-card div{padding:1rem}.video-card h3{font-size:1rem;line-height:1.35;margin-bottom:.6rem}.video-card p{margin:0;color:var(--muted);font-size:.8rem}.about .section-heading{margin-bottom:0}.account-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--line);background:var(--surface)}.account-cta h2{font-size:clamp(1.7rem,3vw,2.7rem);margin-bottom:.5rem}.account-cta p{color:var(--muted);margin-bottom:0}.site-footer{display:flex;justify-content:space-between;gap:1.5rem;padding:2rem max(24px,calc((100vw - var(--max)) / 2));color:var(--muted);border-top:1px solid var(--line)}.site-footer p{margin:0}.site-footer div{display:flex;gap:1rem}.site-footer a{color:var(--accent)}.account-overlay{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:1rem;background:#01070dcc}.account-panel{position:relative;width:min(560px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;padding:clamp(1.5rem,5vw,2.8rem);border:1px solid #3b5c70;border-radius:var(--radius);background:var(--surface)}.account-panel h2{font-size:clamp(2rem,6vw,3rem);margin-bottom:1.5rem}.account-panel h3{margin-top:1.25rem}.account-close{position:absolute;inset:.7rem .8rem auto auto;width:40px;height:40px;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.account-copy p,.profile-card p,.account-panel>p{color:var(--muted)}.account-panel form{display:grid;gap:1rem}.account-panel label{display:grid;gap:.4rem;font-size:.85rem;font-weight:700}.account-panel input{width:100%;border:1px solid #476477;border-radius:6px;background:var(--bg);color:var(--ink);padding:.75rem}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.5rem}.text-button{border:0;background:transparent;color:var(--accent);padding:.5rem 0;cursor:pointer}.back{margin-bottom:.3rem}.view-copy{color:var(--muted);font-size:.9rem;margin:.2rem 0}.code-input{display:flex;gap:.5rem;justify-content:center}.code-input .code-box{width:2.9rem;height:3.2rem;padding:0;text-align:center;font-size:1.5rem;font-weight:700;border:1px solid #476477;border-radius:8px;background:var(--bg);color:var(--ink)}.code-input .code-box:focus{outline:2px solid var(--accent);outline-offset:1px}.profile-card{padding:1.1rem;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.profile-card p{margin:.25rem 0 0}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.account-actions button{min-height:58px;border:1px solid var(--line);border-radius:6px;background:#ffffff05;text-align:left;padding:.75rem;cursor:pointer}.account-actions button:hover{border-color:var(--accent)}.danger-link{color:var(--danger)!important}.button--danger{border-color:var(--danger);background:var(--danger);color:#190504}.signout-button{width:100%;margin-top:1.25rem}.game-code-box{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.game-code-box .view-copy{margin:0 0 .5rem}.game-code-value{margin:.4rem 0;font-size:2rem;font-weight:800;letter-spacing:.35em;color:var(--accent)}.delete-warning{padding:1rem;border-left:3px solid var(--danger);background:#ff796f0b}.notice{padding:.75rem 1rem;border-radius:6px}.notice.success{color:#bdf4d0;background:#2ebd6b18;border:1px solid #2ebd6b55}.notice.error{color:#ffd1ce;background:#ff796f14;border:1px solid #ff796f55}.account-status{min-height:160px;display:grid;place-items:center}@media(max-width:760px){.menu-toggle{display:block}.site-nav{position:absolute;top:72px;inset-inline:0;display:none;align-items:stretch;flex-direction:column;gap:.25rem;padding:1rem 24px 1.5rem;border-bottom:1px solid var(--line);background:var(--bg)}.site-nav.is-open{display:flex}.site-nav a,.site-nav button{text-align:left;padding:.7rem}.locale-toggle{width:fit-content}.project-grid,.video-grid,.news-grid{grid-template-columns:1fr}.account-cta,.site-footer{align-items:flex-start;flex-direction:column}.hero{background-position:63% center}.account-actions{grid-template-columns:1fr}}
