:root{--bg: #ffffff;--ink: #141414;--muted: #4d4d4d;--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:radial-gradient(circle at 10% 10%,#ffeef7 0 18%,transparent 30%),radial-gradient(circle at 90% 0%,#ecfffb 0 20%,transparent 32%),radial-gradient(circle at 85% 80%,#eef3ff 0 18%,transparent 34%),var(--bg);font-family:Trebuchet MS,Gill Sans,Segoe UI,sans-serif}.landing-page,.game-page{width:min(1120px,calc(100% - 2.5rem));margin:0 auto;padding:2.25rem 0 2.75rem}.game-page-fullscreen{width:100%;margin:0;padding:0;min-height:100dvh;position:relative}.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}.eyebrow{margin:0;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:#0068a5;font-weight:700}h1{margin:.35rem 0 0;line-height:1.15;font-size:clamp(1.7rem,4.2vw,2.7rem)}.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}.hero-copy{margin:.9rem 0 0;max-width:60ch;color:var(--muted);font-size:1.02rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.25rem}.game-card{position:relative;padding:1.1rem 1rem 1rem;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #00000010;color:var(--game-ink)}.game-card-outline{position:absolute;inset:0;padding:2px;border-radius:18px;pointer-events:none;background:var(--game-ring, var(--line-rainbow));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.game-card h2{margin:0;font-size:1.35rem}.game-tagline{margin:.45rem 0 0;font-weight:700}.game-description{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:700;border:2px solid transparent;border-radius:999px;padding:.5rem .9rem;background-image:linear-gradient(#fff,#fff),var(--game-ring, 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}.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}}