.home-page{--cell-up: oklch(41% .075 272);--cell-hi: oklch(55% .09 272);--cell-lo: oklch(23% .05 272);--cell-open: oklch(18.5% .04 275);--cell-edge: oklch(27% .045 272);--led-bg: oklch(15% .035 275);--led: oklch(72% .21 25);--n1: oklch(70% .19 255);--n2: oklch(75% .17 150);--n3: oklch(68% .2 25);--n4: oklch(58% .17 280);--n5: oklch(55% .15 20);--n6: oklch(78% .13 195);--n7: oklch(90% .02 95);--n8: oklch(62% .03 275);display:grid;grid-template-rows:minmax(0,1fr) auto;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:var(--cell-open)}.home-stage{position:relative;min-height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ms-field{position:absolute;inset:0;z-index:0;display:grid;align-content:start;justify-content:center;overflow:hidden;background:var(--cell-open);font-family:var(--font-mono);font-weight:700;user-select:none}.ms-cell{appearance:none;display:grid;margin:0;padding:0;place-items:center;border:0;background:var(--cell-up);box-shadow:inset 2px 2px 0 var(--cell-hi),inset -2px -2px 0 var(--cell-lo);color:var(--fg);cursor:pointer;font:inherit;touch-action:manipulation}.ms-cell:focus-visible{position:relative;z-index:1;outline-offset:-3px}.ms-cell:active:not(.open){background:var(--cell-open);box-shadow:inset 0 0 0 1px var(--cell-edge)}.ms-cell.open{background:var(--cell-open);box-shadow:inset 0 0 0 1px var(--cell-edge);cursor:default}.ms-cell.mine-hit{background:var(--quest-red)}.ms-cell.hero-open{background:var(--accent-soft)}.ms-cell svg{width:74%;height:74%}.ms-cell[data-n="1"]{color:var(--n1)}.ms-cell[data-n="2"]{color:var(--n2)}.ms-cell[data-n="3"]{color:var(--n3)}.ms-cell[data-n="4"]{color:var(--n4)}.ms-cell[data-n="5"]{color:var(--n5)}.ms-cell[data-n="6"]{color:var(--n6)}.ms-cell[data-n="7"]{color:var(--n7)}.ms-cell[data-n="8"]{color:var(--n8)}.home-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.home-overlay a,.home-overlay button,.home-overlay nav{pointer-events:auto}.chip{border:2px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch,var(--bg) 82%,transparent);box-shadow:0 4px 0 var(--shadow);backdrop-filter:blur(8px)}.home-top{position:absolute;top:0;right:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px}.home-top .brand{padding:10px 14px}.home-top .brand .logo-mark{width:28px;height:28px}.home-nav{display:flex;align-items:center;gap:4px;padding:6px}.home-nav .nav-link{padding:8px 12px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.home-nav .nav-link:hover{color:var(--fg)}.home-nav .btn{margin-left:8px}.home-hero{position:absolute;top:50%;left:clamp(20px,7vw,120px);max-width:760px;transform:translateY(-56%)}.home-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(20px,3.2vw,42px);line-height:1.55;text-shadow:3px 3px 0 var(--shadow)}.home-blurb{position:absolute;right:24px;bottom:24px;max-width:34ch;margin:0;padding:12px 14px;color:var(--fg);font-size:14px;line-height:1.6}.hud{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:10px;padding:10px 12px}.hud-led{min-width:3.6ch;padding:4px 8px;border-radius:var(--radius);background:var(--led-bg);box-shadow:inset 0 2px 0 var(--cell-open),inset 0 -1px 0 var(--cell-edge);color:var(--led);font-family:var(--font-mono);font-size:17px;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.hud-face{display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:var(--radius);background:var(--cell-up);box-shadow:inset 3px 3px 0 var(--cell-hi),inset -3px -3px 0 var(--cell-lo)}.hud-face:active{box-shadow:inset -3px -3px 0 var(--cell-hi),inset 3px 3px 0 var(--cell-lo)}.hud-face svg{width:26px;height:26px}.hud .ms-flag{min-height:44px}.hud .ms-flag svg{width:14px;height:14px}.hud .ms-flag[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--ink);font-weight:700}.pop-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.pop-card{position:absolute;width:min(320px,calc(100vw - 32px));padding:20px;border:2px solid var(--panel-hi);border-radius:var(--radius);box-shadow:0 8px 0 var(--shadow);pointer-events:auto;animation:pop-in .18s steps(3) both}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pop-card:after{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='0' y='0' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23000000'/%3E%3C/svg%3E");content:"";pointer-events:none}.q-gold{background:var(--accent);color:var(--ink)}.pop-tag{display:inline-block;margin:0 0 12px;padding:3px 7px;border-radius:var(--radius);background:color-mix(in oklch,var(--ink) 85%,transparent);color:var(--fg);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.pop-card h3{margin:0 26px 8px 0;font-size:18px;font-weight:650;line-height:1.3}.pop-card .pop-text{margin:0 0 14px;font-size:14px;line-height:1.55;opacity:.95}.pop-link{border-bottom:1px solid currentColor;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pop-link:hover{opacity:.8}.pop-close{position:absolute;top:8px;right:8px;z-index:1;display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:var(--radius);background:color-mix(in oklch,var(--ink) 80%,transparent);color:var(--fg);font-size:15px;line-height:1}.pop-close:hover{background:var(--ink)}.noscript-note{position:absolute;right:16px;bottom:16px;z-index:20;max-width:42ch;padding:12px}@media(max-width:720px){.home-top{padding:14px}.home-nav .nav-link{padding:8px 7px;font-size:10px}.home-nav .btn{margin-left:4px;padding:8px 10px;font-size:10px}.home-hero{right:16px;left:16px;max-width:100%;transform:translateY(-72%)}.home-hero h1{font-size:clamp(15px,5.2vw,24px)}.home-blurb{display:none}.hud{bottom:12px;left:12px;gap:8px}}@media(max-width:640px){.home-top .brand-word,.home-nav .btn{display:none}.pop-layer{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:12px 12px 84px}.pop-card{position:static;width:auto}}@media(max-width:420px){.home-top{gap:8px;padding:10px}.home-top .brand{padding:8px}.home-nav{flex:1;justify-content:space-between;padding:4px}.home-nav .nav-link{padding:7px 3px;font-size:9px;letter-spacing:.03em}.hud-led{padding-inline:5px;font-size:15px}.hud-face{width:40px;height:40px}.hud .ms-flag{min-height:40px;padding-inline:9px;font-size:10px}}@media(max-height:560px)and (orientation:landscape){.home-blurb{display:none}.home-hero{top:44%;transform:translateY(-50%)}.home-hero h1{margin-bottom:0;font-size:clamp(15px,4.2vw,20px);line-height:1.35}}