.hero-stage{perspective:900px;justify-content:center;align-items:center;width:100%;height:clamp(250px,52vw,400px);display:flex;position:relative}.mono-3d-board{aspect-ratio:1;width:clamp(250px,64vw,380px);transform-style:preserve-3d;background:#cfe8d8;border:5px solid #fff;grid-template:repeat(11,1fr)/repeat(11,1fr);animation:6s ease-in-out infinite boardFloat;display:grid;transform:rotateX(58deg)rotate(-38deg);box-shadow:-24px 30px 40px #00000073}@keyframes boardFloat{50%{transform:rotateX(58deg)rotate(-38deg)translateZ(14px)}}.mono-board-center{background:#cfe8d8;border:0;grid-area:2/2/11/11;place-items:center;display:grid}.mono-board-center span{background:var(--red);color:#fff;font-family:var(--font-heading);letter-spacing:.05em;border:2px solid #fff;padding:4px 10px;font-size:clamp(12px,3.6vw,22px);font-weight:700;transform:rotate(-45deg)scale(1.15);box-shadow:0 4px 10px #00000040}.tophat-svg{filter:drop-shadow(0 12px 8px #0006);pointer-events:none;width:clamp(90px,24vw,140px);margin-left:-8%;animation:3s ease-in-out infinite hatHover;position:absolute;top:0;left:50%}@keyframes hatHover{50%{transform:translateY(-8px)rotate(-3deg)}}.dice-char{filter:drop-shadow(0 6px 4px #0006);-webkit-user-select:none;user-select:none;font-size:clamp(40px,10vw,64px);line-height:1;animation:4s ease-in-out infinite diceWiggle;position:absolute}.dice-1{bottom:6%;left:6%;transform:rotate(-14deg)}.dice-2{bottom:14%;right:6%;transform:rotate(18deg)}@keyframes diceWiggle{50%{transform:scale(1.05)rotate(10deg)}}.hero-cta-btn{min-width:230px;font-family:var(--font-heading);color:#222;cursor:pointer;text-align:center;border:none;border-radius:16px;flex-direction:column;gap:2px;padding:14px 26px;font-size:22px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 6px #0000004d}.hero-cta-btn:hover{filter:brightness(1.05)}.hero-cta-btn:active{transform:translateY(4px);box-shadow:0 2px #0000004d}.hero-cta-btn small{font-family:var(--font-body);font-size:14px;font-weight:600}:root{--bg:#f3f8f5;--card:#fff;--ink:#1d2a2a;--mute:#566;--border:#e0e8e4;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 28px #00000026;--red:#d6202e;--red-hover:#b51a26;--brown:#8b5a3c;--sky:#8ec9ee;--pink:#c2338a;--orange:#f08a24;--yellow:#f7d414;--green:#1f9d55;--blue:#2457c5;--tip-bg:#fff3a8;--tip-text:#4a3d00;--warn-bg:#ffd9d6;--warn-text:#7a1410;--good-bg:#d3f1de;--good-text:#0d4a28;--font-heading:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101a18;--card:#18282a;--ink:#eaf3ef;--mute:#9db3ad;--border:#243a3d;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 12px #00000080;--tip-bg:#3d3408;--tip-text:#faeb8a;--warn-bg:#3d1414;--warn-text:#fca8a4;--good-bg:#0f361f;--good-text:#a8ebd1}}:root[data-theme=dark]{--bg:#101a18;--card:#18282a;--ink:#eaf3ef;--mute:#9db3ad;--border:#243a3d;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 12px #00000080;--tip-bg:#3d3408;--tip-text:#faeb8a;--warn-bg:#3d1414;--warn-text:#fca8a4;--good-bg:#0f361f;--good-text:#a8ebd1}:root[data-theme=light]{--bg:#f3f8f5;--card:#fff;--ink:#1d2a2a;--mute:#566;--border:#e0e8e4;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--tip-bg:#fff3a8;--tip-text:#4a3d00;--warn-bg:#ffd9d6;--warn-text:#7a1410;--good-bg:#d3f1de;--good-text:#0d4a28}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%;scroll-padding-top:70px}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;font-size:17px;line-height:1.6}h1,h2,h3,h4,button,.f{font-family:var(--font-heading)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}ul{padding-left:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}