:root{--bg: #fffaf1;--ink: #15110d;--muted: #5e5149;--paper-line: #8fc6ff;--notebook-red: #ff665d;--marker-blue: #0076d6;--marker-yellow: #ffd84d;--game-ring: var(--line-rainbow);--game-ink: #1b1b1b;--line-rainbow: linear-gradient( 90deg, #ff4d4d 0%, #ffa24d 16%, #ffe14d 33%, #59d85f 50%, #4dd2ff 66%, #7f6bff 83%, #ff66d9 100% )}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(90deg,transparent 0 5.2rem,#ff8f8a 5.25rem 5.4rem,transparent 5.45rem 100%),repeating-linear-gradient(0deg,#fff0 0 1.72rem,#8cc7ff66 1.78rem 1.9rem),linear-gradient(135deg,#fffdf8,#fff0dc 46%,#e8fbff),var(--bg);font-family:Trebuchet MS,Gill Sans,Segoe UI,sans-serif}.game-page{width:min(1120px,calc(100% - 2.5rem));margin:0 auto;padding:2.25rem 0 2.75rem}.landing-page{width:100%;margin:0;padding:0 0 2.75rem}.game-page-fullscreen{width:100%;margin:0;padding:0;min-height:100dvh;position:relative}.hero{width:min(1320px,calc(100% - 2.5rem));min-height:min(700px,92svh);margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(1.5rem,3.5vw,3.4rem);align-items:center;padding:clamp(2rem,5vw,4.5rem) 0 2.4rem}.hero-story{position:relative;padding-left:clamp(1rem,4vw,3.2rem)}.hero-story:before{content:"";position:absolute;left:0;top:-.8rem;bottom:-1.2rem;width:.45rem;border-radius:999px;background:var(--notebook-red);box-shadow:.85rem 0 #ffb1a9}.eyebrow{display:inline-flex;align-items:center;margin:0;padding:.45rem .68rem;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--marker-blue);box-shadow:.35rem .35rem #15110d14;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900}h1{max-width:13ch;margin:1rem 0 0;line-height:.92;font-size:clamp(2.85rem,6.4vw,5.9rem);letter-spacing:0}.hero-copy{margin:1.1rem 0 0;max-width:42rem;color:var(--muted);font-size:clamp(1.06rem,1.8vw,1.35rem);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.55rem}.primary-link,.secondary-link{display:inline-flex;align-items:center;min-height:3rem;border:3px solid var(--ink);border-radius:999px;padding:.72rem 1.1rem;color:var(--ink);text-decoration:none;font-weight:900;box-shadow:.45rem .45rem #15110d1a}.primary-link{background:linear-gradient(90deg,#ff7a54 0%,var(--marker-yellow) 54%,#8be8c2 100%)}.secondary-link{background:#fff}.hero-scrapbook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.65rem,1.25vw,1rem);align-items:center;transform:rotate(-1deg)}.hero-polaroid{position:relative;display:block;padding:.58rem .58rem .68rem;border:3px solid var(--ink);border-radius:.4rem;background:#fff;color:var(--ink);text-decoration:none;box-shadow:.75rem .75rem #15110d16;transition:transform .16s ease,box-shadow .16s ease}.hero-polaroid:before{content:"";position:absolute;top:-.68rem;left:38%;width:4.6rem;height:1.05rem;border:2px solid #d6b778;border-radius:.12rem;background:#ffe7a8cc;transform:rotate(-4deg)}.hero-polaroid:hover,.hero-polaroid:focus-visible{transform:translateY(-.25rem) rotate(0);box-shadow:.95rem .95rem #15110d20}.hero-polaroid img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top center;border:2px solid #d9c6b7;background:#f4efe8}.hero-polaroid span{display:block;margin-top:.46rem;font-weight:900;font-size:.95rem;line-height:1.05}.hero-polaroid-1,.hero-polaroid-5{transform:rotate(-2.5deg)}.hero-polaroid-2{transform:rotate(1.4deg) translateY(.75rem)}.hero-polaroid-3{transform:rotate(1.2deg) translateY(-.4rem)}.hero-polaroid-4{transform:rotate(-1.3deg) translateY(.35rem)}.hero-polaroid-6{transform:rotate(2.2deg) translateY(-.35rem)}.maker-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(1320px,calc(100% - 2.5rem));margin:0 auto 1.45rem}.maker-strip p{margin:0;border:3px solid var(--ink);border-radius:.6rem;padding:1rem 1.05rem;background:#fff;box-shadow:.45rem .45rem #15110d14;font-size:clamp(1rem,2vw,1.35rem);font-weight:900}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem;width:min(1320px,calc(100% - 2.5rem));margin:0 auto}.landing-page #ideas{width:min(1320px,calc(100% - 2.5rem));margin:0 auto}.game-card{position:relative;display:flex;flex-direction:column;padding:.75rem .75rem 1rem;border:3px solid var(--ink);border-radius:.65rem;background:#fff;overflow:hidden;box-shadow:.55rem .55rem #15110d13;color:var(--game-ink);transform:rotate(var(--card-tilt, 0deg))}.game-card:nth-child(3n+1){--card-tilt: -.6deg}.game-card:nth-child(3n+2){--card-tilt: .45deg}.game-card-outline{position:absolute;inset:0;pointer-events:none;border-top:.44rem solid transparent;border-image:var(--game-ring, var(--line-rainbow)) 1}.game-card-shot{display:block;margin-bottom:.9rem;border:2px solid #d8c6b5;background:#f7efe5;overflow:hidden}.game-card-shot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top center;transition:transform .18s ease}.game-card:hover .game-card-shot img,.game-card:focus-within .game-card-shot img{transform:scale(1.025)}.game-card h2{margin:0;font-size:1.42rem;line-height:1.05}.game-tagline{margin:.45rem 0 0;font-weight:900}.game-description{flex:1;margin:.45rem 0 0;color:var(--muted)}.play-link,.back-link{display:inline-block;margin-top:.9rem;text-decoration:none;color:var(--game-ink);font-weight:900;border:3px solid var(--ink);border-radius:999px;padding:.52rem .9rem;background:#fff;box-shadow:.25rem .25rem #15110d12}.mascot-mark{justify-self:end;width:210px;border-radius:16px;padding:.7rem .7rem .5rem;background:linear-gradient(#fff,#fff) padding-box,var(--line-rainbow) border-box;border:2px solid transparent;box-shadow:0 8px 20px #00000014;text-align:center}.mascot-mark svg{width:100%;height:auto;display:block}.mascot-mark p{margin:.2rem 0 0;font-weight:800}.game-page .hero{display:grid;grid-template-columns:1fr 230px;gap:1.2rem;align-items:center;padding:2rem;border-radius:24px;background:#ffffffde;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--line-rainbow);background-origin:border-box;background-clip:padding-box,border-box}.game-card-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-top:.9rem}.game-card-actions .play-link{margin-top:0}.thumbs-up-block{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.thumbs-up-block-compact{align-items:flex-end}.thumbs-up-button{display:inline-flex;align-items:center;gap:.35rem;border:2px solid #ffd37a;border-radius:999px;background:#fff9e8;color:#6f4a00;font:inherit;font-weight:800;padding:.34rem .56rem;cursor:pointer;line-height:1;font-size:.9rem}.thumbs-up-button svg{width:.92rem;height:.92rem;display:block;fill:currentColor}.thumbs-up-button strong{min-width:1rem;font-size:.82rem}.thumbs-up-button.is-liked,.thumbs-up-button:disabled{background:#fff2c6;color:#795306;cursor:default}.thumbs-up-status{margin:0;font-size:.85rem;color:#8f2e2e}.game-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.arcade-cabinet{background:#f7f7f7;border-radius:30px;padding:1rem;border:2px solid #ececec;box-shadow:0 20px 35px #00000014}.cabinet-marquee{width:min(360px,92%);margin:0 auto .9rem;padding:.55rem 1rem;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,var(--game-ring, var(--line-rainbow)) border-box;border:2px solid transparent;text-align:center;font-weight:900;letter-spacing:.04em;color:var(--game-ink)}.game-frame-shell{width:100%;min-height:72vh;border-radius:28px;padding:10px;background:linear-gradient(180deg,#111,#303030);box-shadow:0 10px 30px #00000012}.game-frame{width:100%;min-height:69vh;border:0;border-radius:20px;background:#fff}.game-fullscreen{width:100%;height:100dvh}.game-page-fullscreen .game-frame{display:block;width:100%;height:100dvh;min-height:100dvh;border-radius:0}.game-back-link{position:fixed;top:calc(.8rem + env(safe-area-inset-top));left:calc(.8rem + env(safe-area-inset-left));margin-top:0;z-index:10}.game-community-rail{position:fixed;top:calc(.8rem + env(safe-area-inset-top));right:calc(.8rem + env(safe-area-inset-right));z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;width:min(24rem,calc(100vw - 1.6rem))}.community-composer{width:100%}.community-composer-landing{margin-top:1.4rem}.community-composer-game{display:flex;flex-direction:column;align-items:flex-end}.community-toggle,.community-submit,.community-refresh{font:inherit;border-radius:999px;border:2px solid transparent;cursor:pointer}.community-toggle,.community-submit{color:var(--game-ink, var(--ink));background-image:linear-gradient(#fff,#fff),var(--game-ring, var(--line-rainbow));background-origin:border-box;background-clip:padding-box,border-box;padding:.58rem .95rem;font-weight:800}.community-refresh{border-color:#d5d5d5;background:#fff;color:var(--muted);padding:.58rem .95rem;font-weight:700}.community-form{margin-top:.65rem;border-radius:22px;padding:1rem;background:#fffffff0;box-shadow:0 14px 30px #00000018;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--game-ring, var(--line-rainbow));background-origin:border-box;background-clip:padding-box,border-box}.community-form-header h2{margin:0;font-size:1.2rem}.community-form-header p,.community-inline-note{margin:.35rem 0 0;color:var(--muted)}.community-field{display:block;margin-top:.85rem}.community-field span{display:block;margin-bottom:.35rem;font-weight:700}.community-field input,.community-field textarea,.community-field select{width:100%;border:2px solid #d6d6d6;border-radius:14px;padding:.72rem .82rem;font:inherit;background:#fff}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 8rem;gap:.65rem;align-items:center}.community-actions{display:flex;gap:.65rem;align-items:center;margin-top:1rem}.community-message{margin:.8rem 0 0;font-weight:700}.community-error{color:#a12d2d}.community-success{color:#1f7d3d}.cabinet-controls{margin-top:.8rem;padding:.8rem 1rem .35rem;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,var(--game-ring, var(--line-rainbow)) border-box;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between}.joystick{width:34px;height:34px;border-radius:50%;background:#282828;box-shadow:0 10px #121212}.buttons{display:flex;gap:.45rem}.buttons span{width:22px;height:22px;border-radius:50%;background:var(--game-ring, var(--line-rainbow))}@media(max-width:720px){.landing-page,.game-page{width:calc(100% - 1.2rem);padding-top:1rem}.game-page-fullscreen{width:100%;padding-top:0}.hero{padding:1.2rem;grid-template-columns:1fr}.hero-scrapbook{grid-template-columns:repeat(2,minmax(0,1fr));transform:none}.hero-polaroid{transform:none}.hero-polaroid span{font-size:.88rem}.maker-strip{grid-template-columns:1fr}.mascot-mark{justify-self:start;width:150px}.game-header{flex-direction:column}.game-card-actions,.community-actions{flex-direction:column;align-items:stretch}.captcha-row{grid-template-columns:1fr}.thumbs-up-block-compact{align-items:stretch}.game-frame,.game-frame-shell{min-height:66vh}.game-frame{min-height:62vh}.game-community-rail{top:auto;right:.6rem;left:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));width:auto;align-items:stretch}.community-composer-game{align-items:stretch}}