.game-hero{--zone:#7C4DFF;--zone-light:#EEE8FF;--zone-dark:#5129C7;position:relative;isolation:isolate;overflow:hidden;overflow:clip;color:#fff;padding:clamp(18px,3vw,36px) 0 clamp(28px,4vw,48px);background:radial-gradient(70% 60% at 85% 10%,color-mix(in srgb,var(--zone) 55%,transparent),transparent 70%),linear-gradient(180deg,#5B3FD9 0%,#7A47E0 55%,#9C4CC8 100%);background-color:#6A43DD}.game-hero-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,0.13) 1.3px,transparent 1.8px);background-size:24px 24px;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}.game-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.game-hero .breadcrumbs{align-self:flex-start}.game-hero .breadcrumbs ol{margin-bottom:10px}.game-hero .breadcrumbs a,.game-hero .breadcrumbs li{color:#fff}.game-hero h1{color:#fff;font-size:clamp(1.9rem,5vw,3.3rem);margin:0 0 0.25em;-webkit-text-stroke:clamp(5px,0.8vw,8px) var(--night);paint-order:stroke fill;text-shadow:0 5px 0 var(--night)}.game-lead{max-width:46em;margin:0 auto clamp(14px,2.4vw,24px);font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;line-height:1.5;text-shadow:0 1px 3px rgba(42,22,80,0.8)}.game-hero .game{width:100%;max-width:1060px}.game-caption{margin:18px 0 0;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,0.9);color:var(--night);font-size:0.92rem;font-weight:800}@media (max-width:640px){.game-lead{font-size:1rem}.game-caption{font-size:0.85rem}}.gs-poster img{object-position:50% 50%}.gs-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,22,80,0.18),rgba(42,22,80,0.45))}.game[data-screen='booth'] .gs-poster::after{background:none}.gs-start{padding:max(58px,9cqmin) 4cqmin 4cqmin}.gs-panel{display:flex;flex-direction:column;align-items:center;gap:1.8cqmin;width:min(100%,680px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:2.6cqmin 3.2cqmin 3cqmin;border-radius:4cqmin;background:rgba(255,253,248,0.96);color:var(--night);text-align:center;box-shadow:0 0 0 max(4px,0.8cqmin) var(--zone),0 1.6cqmin 0 max(4px,0.8cqmin) var(--zone-dark),0 3cqmin 5cqmin rgba(20,8,50,0.4);animation:pop-in 0.45s cubic-bezier(0.3,1.5,0.5,1) both}.gs-kicker{margin:0;display:inline-flex;align-items:center;gap:0.4em;padding:0.3em 0.9em;border-radius:999px;background:var(--zone-light);color:var(--zone-dark);font:800 clamp(12px,2.6cqmin,16px)/1 var(--font-body);letter-spacing:0.04em;text-transform:uppercase}.gs-kicker span{font:800 1.3em/1 var(--font-display)}.gs-title{margin:0;font:800 clamp(22px,6cqmin,42px)/1.05 var(--font-display);color:var(--night)}.gs-title:focus{outline:none}.gs-levels{display:grid;gap:1.2cqmin;width:100%}.gs-levels-few{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-levels-many{grid-template-columns:repeat(4,minmax(0,1fr))}@container demo (min-width:600px){.gs-levels-few{grid-template-columns:repeat(4,minmax(0,1fr))}.gs-levels-many{grid-template-columns:repeat(7,minmax(0,1fr))}}.gs-level{position:relative;display:block;min-width:0}.gs-level-wide{grid-column:span 2}@container demo (min-width:600px){.gs-levels-many .gs-level-wide{grid-column:span 2}}.gs-level input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.gs-level span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;height:100%;padding:0.45em 0.4em;border-radius:16px;background:#fff;border:3px solid var(--line);color:var(--night);cursor:pointer;transition:transform 0.15s ease,background 0.15s ease,border-color 0.15s ease}.gs-level b{font:800 clamp(16px,4cqmin,24px)/1.05 var(--font-display);white-space:nowrap}.gs-level small{font:800 clamp(10px,2.3cqmin,13px)/1.1 var(--font-body);color:var(--ink-soft)}.gs-levels-many .gs-level small{display:none}.gs-levels-many .gs-level-wide small{display:block}.gs-level input:checked + span{background:var(--zone);border-color:var(--night);color:#fff;box-shadow:0 4px 0 var(--night);transform:translateY(-2px)}.gs-level input:checked + span b{text-shadow:0 2px 0 var(--night),0 0 6px rgba(42,22,80,0.45)}.gs-level input:checked + span small{color:#fff}.gs-level input:focus-visible + span{outline:4px solid var(--night);outline-offset:2px}@media (hover:hover){.gs-level span:hover{border-color:var(--zone)}}.gs-play{min-width:8em}.gs-note{margin:0;font-size:clamp(11px,2.4cqmin,14px);font-weight:800;color:var(--ink-soft)}@container demo (max-height:430px){.gs-start{padding-top:max(52px,7cqmin)}.gs-panel{gap:1.2cqmin;padding:1.8cqmin 2.6cqmin 2.2cqmin}.gs-kicker,.gs-note{display:none}.gs-level span{min-height:44px}}.gs-levels-btn{padding:0 14px 0 10px}.gs-levels-btn svg{width:20px;height:20px}@container demo (max-width:520px){.gs-levels-label{display:none}.gs-levels-btn{padding:0;justify-content:center}}.gs-end{background:radial-gradient(90% 70% at 50% 40%,rgba(255,214,102,0.35),transparent 70%),rgba(42,22,80,0.72);padding:max(56px,8.5cqmin) 3cqmin 3cqmin}.ge-card{display:grid;gap:1.8cqmin;width:min(100%,560px);max-height:100%;overflow-y:auto;padding:2.4cqmin 2.6cqmin;border-radius:4cqmin;background:var(--paper);color:var(--night);text-align:center;box-shadow:0 0 0 max(4px,0.8cqmin) var(--zone),0 3cqmin 5cqmin rgba(20,8,50,0.45);animation:pop-in 0.5s cubic-bezier(0.3,1.5,0.5,1) both}.ge-result{display:flex;flex-direction:column;align-items:center;gap:1.2cqmin}.ge-title{margin:0;font:800 clamp(24px,6.4cqmin,46px)/1.05 var(--font-display);color:var(--night)}.ge-title:focus{outline:none}.ge-stars{display:flex;gap:1.6cqmin;margin:0}.ge-stars i{width:clamp(34px,9cqmin,66px);aspect-ratio:1;background:#E3DCF2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.4 7 1-5.1 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5.1-4.9 7-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.4 7 1-5.1 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5.1-4.9 7-1z'/%3E%3C/svg%3E") center/contain no-repeat}.ge-stars i:nth-child(2){transform:translateY(-14%) scale(1.15)}.ge-stars i.on{background:linear-gradient(#FFE27A,#FFB300);animation:ge-star 0.55s cubic-bezier(0.3,1.8,0.5,1) both}.ge-stars i.on:nth-child(1){animation-delay:0.25s}.ge-stars i.on:nth-child(2){animation-delay:0.45s}.ge-stars i.on:nth-child(3){animation-delay:0.65s}.ge-stars i:nth-child(2).on{animation-name:ge-star-mid}@keyframes ge-star{from{transform:scale(0) rotate(-40deg)}to{transform:none}}@keyframes ge-star-mid{from{transform:translateY(-14%) scale(0) rotate(-40deg)}to{transform:translateY(-14%) scale(1.15)}}.ge-score{margin:0;font:800 clamp(14px,3.4cqmin,20px)/1.3 var(--font-body);color:var(--ink-soft)}.ge-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2cqmin 1.6cqmin}.ge-actions .cbtn{font-size:clamp(15px,3.8cqmin,24px);padding-inline:0.85em}.ge-pick{border:0;background:none;min-height:44px;padding:6px 12px;margin:-0.6cqmin 0;font:800 clamp(13px,2.8cqmin,16px)/1 var(--font-body);color:var(--purple-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ge-cta{display:grid;justify-items:center;gap:0.8cqmin;padding:2cqmin 2.2cqmin 2.4cqmin;border-radius:3cqmin;background:linear-gradient(150deg,#F3EDFF,#FFF1E0);border:2px dashed #D8C8FF}.ge-cta p{margin:0}.ge-cta-title{font:800 clamp(16px,3.8cqmin,24px)/1.1 var(--font-display)}.ge-cta-text{font-size:clamp(13px,2.9cqmin,16px);font-weight:700;color:var(--ink-soft);max-width:26em}.ge-cta .store-badge{margin-top:14px}@container demo (max-width:480px){.ge-cta-text{font-size:13px}.ge-cta .store-badge{transform:scale(0.86);margin-top:10px;margin-bottom:-4px}}@container demo (min-aspect-ratio:3 / 2){.ge-card{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);align-items:center;width:min(100%,860px)}}@container demo (max-height:430px){.gs-end{padding-top:max(52px,7cqmin)}.ge-card{padding:2cqmin 2.4cqmin;gap:1.4cqmin}.ge-cta-text{display:none}}.game-content{padding:clamp(36px,5vw,64px) 0 clamp(48px,6vw,88px)}.game-prose{margin-inline:auto;max-width:820px}.game-prose>*{max-width:none}.game-prose h2{margin-top:1.8em}.game-prose h2:first-child{margin-top:0}.game-prose a.ccss{white-space:nowrap}.game-app{margin:2.2em 0;display:grid;gap:14px 24px;align-items:center;padding:22px 24px;border-radius:var(--radius-l);background:var(--sunset-deep);color:#fff}@media (min-width:640px){.game-app{grid-template-columns:170px 1fr;padding:26px 30px}}.game-app-art img{width:170px;margin:0 auto;filter:drop-shadow(0 12px 16px rgba(42,22,80,0.35));animation:bob 4s ease-in-out infinite}.game-app-kicker{margin:0 0 2px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.82rem;color:#FFE08A}.game-app-title{color:#fff;margin:0 0 8px !important;font-size:clamp(1.5rem,3vw,1.9rem);-webkit-text-stroke:4px var(--night);paint-order:stroke fill}.game-app p{text-shadow:0 1px 2px rgba(42,22,80,0.55);font-weight:650}.gl-h{margin-top:1.4em}@media (max-width:640px){.skills-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skills-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;border-bottom:1px solid var(--line)}.skills-table tbody tr:last-child{border-bottom:0}.skills-table tbody th,.skills-table tbody td{display:block;padding:0;border:0}.skills-table .sk-grade{align-self:center;font-weight:800;font-size:0.9rem;color:var(--zone-dark,var(--purple-ink));white-space:nowrap}.skills-table .sk-text{grid-column:1 / -1}.game-prose .gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prose .gl-card{padding:12px 13px}.gl-title{font-size:1rem}}.gl-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.prose .gl-card{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#fff;border:2px solid var(--line);color:var(--ink);text-decoration:none;box-shadow:0 5px 0 -2px var(--line);transition:transform 0.18s ease,border-color 0.18s ease}.gl-kicker{font-size:0.78rem;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft)}.gl-title{font:800 1.08rem/1.25 var(--font-display);color:var(--night)}.prose .gl-print{background:#FFF9EC;border-color:#F3D58C}.prose .gl-game{border-color:color-mix(in srgb,var(--zone,#7C4DFF) 45%,#fff)}@media (hover:hover){.prose .gl-card:hover{transform:translateY(-3px);border-color:var(--purple);color:var(--ink)}}.game-hero-hub{padding-bottom:clamp(36px,5vw,64px)}.hub-games{display:grid;gap:16px;width:100%;max-width:1100px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}@media (min-width:980px){.hub-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}.hub-game{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 12px 16px;border-radius:26px;background:#fff;border:3px solid var(--zone);box-shadow:0 8px 0 var(--zone-dark),0 18px 30px rgba(20,8,50,0.3);color:var(--night);text-decoration:none;overflow:hidden;overflow:clip;transition:transform 0.2s ease}.hub-game::before{content:'';position:absolute;left:0;right:0;top:0;height:44%;background:radial-gradient(circle at 50% 125%,#fff 0 36%,transparent 37%),repeating-linear-gradient(90deg,var(--zone) 0 22px,var(--zone-light) 22px 44px)}.hub-game-art{position:relative;width:min(100%,170px);margin-top:6px;animation:bob 3.6s ease-in-out infinite}.hub-game-art img{filter:drop-shadow(0 10px 10px rgba(42,22,80,0.3))}.hub-game-sym{position:absolute;top:10px;left:10px;width:clamp(34px,8vw,44px);height:clamp(34px,8vw,44px);border-radius:50%;display:grid;place-items:center;background:var(--zone);border:3px solid #fff;color:#fff;font:800 clamp(1.3rem,4.6vw,1.7rem)/1 var(--font-display);-webkit-text-stroke:4px var(--night);paint-order:stroke fill;box-shadow:0 4px 0 rgba(42,22,80,0.3)}.hub-game-title{font:800 clamp(1.1rem,4.4vw,1.45rem)/1.1 var(--font-display);margin-top:4px}.hub-game-levels{font-size:clamp(0.82rem,3.2vw,0.95rem);font-weight:750;color:var(--ink-soft);line-height:1.35}.hub-game-grade{font-size:0.8rem;font-weight:900;color:var(--zone-dark);text-transform:uppercase;letter-spacing:0.05em}.hub-game-play{margin-top:auto;padding:8px 16px;border-radius:999px;background:var(--zone);color:#fff;font:800 1rem/1 var(--font-display);-webkit-text-stroke:3px var(--night);paint-order:stroke fill;box-shadow:0 4px 0 var(--zone-dark)}.hub-game:active{transform:scale(0.98)}@media (hover:hover){.hub-game:hover{transform:translateY(-4px);color:var(--night)}}.hub-game:focus-visible{outline:4px solid #fff;outline-offset:4px}.hub-more{display:grid;gap:14px;width:100%;max-width:1100px;margin-top:22px;grid-template-columns:minmax(0,1fr)}@media (min-width:700px){.hub-more{grid-template-columns:repeat(2,minmax(0,1fr))}}.hub-more-card{display:grid;gap:2px;padding:16px 20px;border-radius:22px;background:rgba(255,255,255,0.95);color:var(--night);text-decoration:none;text-align:left;box-shadow:0 6px 0 rgba(42,22,80,0.35)}.hub-more-kicker{font-size:0.78rem;font-weight:900;text-transform:uppercase;letter-spacing:0.06em;color:var(--purple-ink)}.hub-more-title{font:800 1.25rem/1.15 var(--font-display)}.hub-more-text{color:var(--ink-soft);font-weight:650;font-size:0.98rem}@media (hover:hover){.hub-more-card:hover{color:var(--night);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.gs-panel,.ge-card{animation-name:dfade-in}.ge-stars i.on{animation-name:dfade-in}.ge-stars i:nth-child(2).on{animation-name:dfade-in}}@supports not (background:color-mix(in srgb,red 50%,blue)){.game-hero{background:linear-gradient(180deg,#5B3FD9 0%,#7A47E0 55%,#9C4CC8 100%)}}.game[data-screen='booth'] .gs-levels-label,.game[data-screen='booth'] .demo-sound-label{display:none}.game[data-screen='booth'] .demo-hudbtn{padding:0;justify-content:center}