:root{--ink:#253128;--green:#305236;--green-deep:#203d28;--green-soft:#dfe9df;--paper:#fbfaf5;--white:#fff;--gold:#d7a52e;--gold-soft:#f5e8b9;--red:#a83d35;--red-soft:#f0d7d2;--blue:#6f9bae;--blue-soft:#dbeaf0;--line:#d8d9cf;--muted:#657067}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Trebuchet MS,Gill Sans,Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;line-height:1.08}h1{font-size:clamp(3rem,7vw,6.8rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:1.35rem}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.skip-link{z-index:100;background:var(--white);border:2px solid var(--green);border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.eyebrow{color:var(--red);letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.section{padding-block:92px}.text-link{color:var(--green);text-underline-offset:5px;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.text-link span{transition:transform .2s;display:inline-block}.text-link:hover span{transform:translate(4px)}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf5f0;border-bottom:1px solid #30523624;position:sticky;top:0}.header-inner{align-items:center;gap:30px;min-height:72px;display:flex}.brand{width:180px;margin-right:auto}.brand img{width:100%}.main-nav{gap:28px;font-size:.94rem;font-weight:800;display:flex}.main-nav a{border-bottom:2px solid #0000;padding:9px 2px}.main-nav a:hover{border-color:var(--gold)}.header-cta{color:var(--white);background:var(--green);border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:900}.button-row{flex-wrap:wrap;gap:13px;margin:32px 0 25px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:13px 22px;font-weight:900;transition:filter .18s;display:inline-flex}.button:hover{filter:brightness(1.08)}.button-primary{color:#fff;background:var(--green)}.button-secondary{color:var(--green);background:var(--white);border:2px solid var(--green)}.trust-list{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;font-size:.9rem;font-weight:700;list-style:none;display:flex}.trust-list li:before{content:"✓";color:var(--green);margin-right:7px}.category-label{color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900}.legal-page{grid-template-columns:220px minmax(0,780px);align-items:start;gap:80px;padding-block:80px 110px;display:grid}.legal-nav{gap:12px;display:grid;position:sticky;top:110px}.legal-nav .category-label{margin-bottom:8px}.legal-nav a{color:var(--green);font-weight:800}.legal-content h1{margin-bottom:22px}.legal-intro{color:var(--green);font:700 1.35rem/1.5 Georgia,serif}.review-date{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:28px;font-size:.8rem}.legal-content h2{margin-top:42px;font-size:1.7rem}.legal-content li{margin-bottom:10px}.not-found{text-align:center;place-content:center;justify-items:center;min-height:70vh;display:grid}.not-found img{border-radius:50%;width:120px;margin-bottom:24px}.not-found h1{font-size:clamp(2.5rem,6vw,5rem)}.site-footer{background:var(--green-deep);color:var(--white);padding:62px 0 24px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:60px;display:grid}.footer-brand{align-items:center;gap:22px;display:flex}.footer-brand img{border-radius:50%;width:90px}.footer-brand strong{font:700 1.7rem Georgia,serif}.footer-brand p{color:#c9d7c8;max-width:280px;margin:5px 0 0}.footer-grid h2{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.14em;font:900 .75rem Trebuchet MS,sans-serif}.footer-grid>div:not(.footer-brand){align-content:start;gap:9px;display:grid}.footer-grid a{color:#e1e9df}.footer-bottom{color:#b9c9b8;border-top:1px solid #ffffff29;justify-content:space-between;gap:30px;margin-top:45px;padding-top:22px;font-size:.78rem;display:flex}@media (max-width:980px){.main-nav{display:none}}@media (max-width:700px){.shell{width:min(100% - 28px,1180px)}.header-inner{min-height:64px}.brand{width:145px}.header-cta{padding:8px 13px;font-size:.78rem}.section{padding-block:66px}.legal-page{grid-template-columns:1fr;gap:40px;padding-top:45px}.legal-nav{border-bottom:1px solid var(--line);padding-bottom:25px;position:static}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.brand img{mix-blend-mode:multiply;height:auto}:root{--logo-top-offset:16px}.play-header>.brand{line-height:0;display:block}.header-inner>.brand img,.play-header>.brand img{display:block}.footer-brand img{height:auto}.footer-brand .footer-wordmark{border-radius:0;width:163px;max-width:100%;transform:translate(-8.6%)}.footer-grid{grid-template-columns:minmax(0,1fr) auto}.footer-brand{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-brand p{text-wrap:pretty;max-width:360px}.footer-menu{text-align:right;justify-items:end}.site-footer>.shell{width:min(1140px,100% - 80px)}@media (max-width:760px){.footer-brand .footer-wordmark{width:128px}}@media (max-width:640px){.site-footer>.shell{width:calc(100% - 56px)}}.form-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:34px}.form-stack{gap:18px;display:grid}.field{text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:.8rem;font-weight:900;display:grid}.field input,.field select{width:100%;min-height:50px;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border:1px solid #bfc6bf;border-radius:10px;padding:10px 14px;font-size:1rem;font-weight:400}.field input:focus,.field select:focus{outline:3px solid var(--gold-soft);border-color:var(--green)}.field small{text-transform:none;letter-spacing:0;color:var(--muted);font-size:.85rem;font-weight:400}.code-input{letter-spacing:.4em;text-align:center;font-family:Georgia,serif;font-size:1.8rem!important}.check{grid-template-columns:22px 1fr;align-items:start;gap:12px;font-size:.98rem;display:grid}.check input{width:20px;height:20px;accent-color:var(--green);margin-top:3px}.check a{color:var(--green);font-weight:800;text-decoration:underline}button.button{cursor:pointer;font:inherit;border:0;font-weight:900}button.button:disabled{opacity:.55;cursor:default;transform:none}.button-danger{color:var(--white);background:var(--red)}.button-small{min-height:40px;padding:8px 16px;font-size:.9rem}.notice{background:var(--green-soft);color:var(--green-deep);border-radius:12px;padding:14px 18px;font-weight:700}.notice.error{background:var(--red-soft);color:#7a2a24}.muted{color:var(--muted)}.link-button{color:var(--green);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline}.narrow-page{width:min(560px,100% - 32px);margin-inline:auto;padding-block:72px 100px}.narrow-page h1{margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.6rem)}.narrow-page .lead{color:#4f5e52;margin-bottom:28px;font-size:1.12rem}.auth-page{width:min(460px,100% - 32px)}.auth-page h1{text-align:center;margin-bottom:28px}.auth-page>p{text-align:center;margin-top:20px}.form-center{justify-self:center}.home-scene{--scene-scroll:0px;isolation:isolate;background:#203d28;padding-bottom:110px;position:relative;overflow:clip}.scene-sky{background:linear-gradient(#14283f 0%,#254663 22%,#6498b4 40%,#c1e5ed 57%,#b9d6c0 69%,#203d28 90%);position:absolute;inset:0}.scene-stars{height:420px;transform:translateY(calc(var(--scene-scroll) * .28));position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 10%,#0000 100%);mask-image:linear-gradient(#000 10%,#0000 100%)}.scene-stars span{width:var(--star-size);height:var(--star-size);animation:scene-twinkle 5s ease-in-out var(--star-delay) infinite alternate, scene-star-float var(--star-drift-time) ease-in-out var(--star-delay) infinite alternate;background:#fff7db;border-radius:50%;position:absolute;box-shadow:0 0 7px #fff3c9}.scene-clouds{z-index:1;pointer-events:none;height:100%;position:absolute;inset:0 0 auto;container-type:inline-size}.scene-cloud{max-width:none;animation:90s linear infinite scene-drift;position:absolute;left:0;transform:translate(-100%)}.cloud-0{animation-delay:0s}.cloud-1{animation-delay:-30s}.cloud-2{animation-delay:-60s}.home-hero-inner{z-index:3;text-align:center;width:min(920px,100% - 40px);min-height:540px;margin-inline:auto;padding:85px 0 40px;position:relative}.home-hero-copy{margin-inline:auto}.home-scene .eyebrow{color:#efdbac;letter-spacing:.23em;margin-bottom:22px;font-size:.75rem}.home-scene h1{color:#fff5d9;text-shadow:0 3px 18px #091b2933;margin:0 0 24px;font-size:clamp(3.4rem,6.5vw,6rem);line-height:1.02}.home-scene .lead{color:#e2edf0;max-width:650px;margin:0 auto;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.65}.home-scene .button-row{justify-content:center;align-items:center;gap:24px;margin:26px 0 24px}.home-scene .button-primary{color:#203d28;background:#f0d49a;box-shadow:0 4px 14px #14283f33}.home-explore{color:#fff5d9;text-underline-offset:5px;font-weight:800}.home-explore:hover{text-decoration:underline}.home-scene .trust-list{color:#dce8e5;justify-content:center;gap:8px 24px;font-size:.8rem}.home-scene .trust-list li:before{color:#f0d49a}.scene-village{z-index:2;transform:translateY(calc(var(--scene-scroll) * .07)) scale(calc(1 + var(--scene-scale,0)));transform-origin:bottom;margin-top:-100px;position:relative}.scene-village>img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 22% 84%,#0000 100%);mask-image:linear-gradient(#0000,#000 22% 84%,#0000 100%)}.scene-foreground{z-index:4;pointer-events:none;width:106%;max-width:none;height:auto;transform:translateY(calc(var(--scene-scroll) * -.025));position:absolute;bottom:20px;left:-3%}.scene-ground{z-index:5;pointer-events:none;background:linear-gradient(#0000,#203d28 82%);height:140px;position:absolute;bottom:0;left:0;right:0}@keyframes scene-drift{0%{transform:translate(-100%)}to{transform:translate(100cqw)}}@keyframes scene-twinkle{0%{opacity:.25}to{opacity:.9}}@keyframes scene-star-float{0%{translate:0}to{translate:var(--star-drift-x) var(--star-drift-y)}}@media (max-width:760px){.home-hero-inner{width:calc(100% - 32px);min-height:560px;padding-top:65px}.home-scene h1{font-size:clamp(2.8rem,10vw,4.6rem)}.home-scene .lead{max-width:430px}.home-wide-break{display:none}.home-scene .button-row{gap:16px}.home-scene .trust-list{gap:6px 12px;font-size:.72rem}.scene-village{width:160%;margin-top:-80px;margin-left:-30%}.scene-foreground{width:160%;bottom:25px;left:-30%}.home-scene{padding-bottom:80px}}@media (prefers-reduced-motion:reduce){.home-scene *{animation:none!important}.scene-stars,.scene-clouds,.scene-village,.scene-foreground{transform:none}.scene-cloud{left:6%;transform:none}.cloud-1{left:69%}.cloud-2{left:32%}}.corner{gap:28px;padding-block:64px 100px;display:grid}.corner h1{margin-bottom:8px;font-size:clamp(2.4rem,5vw,4rem)}.corner-section h2{margin-bottom:14px;font-size:1.8rem}.avatar{border-radius:50%;flex-shrink:0;place-items:center;display:grid}.avatar-picker{flex-wrap:wrap;gap:10px;display:flex}.avatar-picker label{cursor:pointer}.avatar-picker input{opacity:0;width:1px;height:1px;position:absolute}.avatar-picker input:checked+.avatar{outline:4px solid var(--green);outline-offset:3px}.avatar-picker input:focus-visible+.avatar{outline:4px solid var(--gold);outline-offset:3px}.inline-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.inline-form .field{flex:1;min-width:200px}.gate-backdrop{z-index:200;background:#203d288c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gate{background:var(--paper);border:1px solid var(--line);border-radius:22px;width:min(420px,100%);padding:30px}.gate h2{margin-bottom:8px;font-size:2rem}.play-body{background:linear-gradient(180deg, #eef3ea 0%, var(--paper) 340px);flex-direction:column;min-height:100vh;display:flex}.play-header-bar{border-bottom:1px solid #30523624}.play-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:72px;padding-block:0;display:grid}.play-header-end,.header-end{justify-content:flex-end;align-items:center;gap:12px;display:flex}.play-header .brand{width:150px}.play-nav{gap:22px;font-size:.94rem;font-weight:800;display:flex}.play-nav a{color:inherit;border-bottom:2px solid #0000;padding:9px 2px;text-decoration:none}.play-nav a:hover{border-color:var(--gold)}.acorn-chip{white-space:nowrap;background:var(--gold-soft);color:var(--green-deep);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:900;display:inline-flex}.acorn-icon{vertical-align:-.3em;object-fit:contain;width:1.3em;height:1.3em;margin-right:.2em;display:inline-block}.acorn-chip img{object-fit:contain;width:28px;height:28px;display:block}.play-main{flex:1;padding-block:20px 90px}.play-main:has(>.leaderboard){place-items:center;padding-block:20px;display:grid}.play-main h1{text-align:center;margin-bottom:14px;font-size:clamp(2.6rem,6vw,4.8rem)}.play-main .lead{text-align:center;color:#4f5e52;font-size:1.15rem}.who-grid{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:40px;display:flex}.who-grid button{cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:22px;justify-items:center;gap:12px;padding:10px;font:700 1.35rem Georgia,serif;display:grid}.who-grid button:hover .avatar{transform:scale(1.03)}.who-grid .avatar{transition:transform .18s}.switch-page{text-align:center;width:min(860px,100% - 32px);min-height:62vh}.account-picker{margin-top:36px}.account-picker>a,.account-picker>button{cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:22px;justify-items:center;gap:12px;padding:10px;font:700 1.25rem Georgia,serif;text-decoration:none;display:grid}.account-picker .is-current .avatar{outline:4px solid var(--green);outline-offset:4px}.account-picker-pending{color:var(--muted);overflow-wrap:anywhere;justify-items:center;gap:8px;max-width:170px;padding:10px;font:700 1rem Georgia,serif;display:grid}.account-picker-pending .avatar{color:var(--muted);border-style:dotted;border-color:var(--line)}.account-picker-pending small{text-transform:uppercase;letter-spacing:.1em;font:800 .75rem Trebuchet MS,sans-serif}.account-picker-manage{margin-top:36px}.account-picker-add{background:var(--white);border:3px dashed var(--green);color:var(--green)}.soon-card{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:28px;max-width:640px;margin:40px auto 0;padding:44px 30px}.soon-card h2{margin-bottom:12px}.passbook{border-collapse:collapse;width:100%;font-size:.95rem}.passbook th,.passbook td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.passbook td.amount{text-align:right;font-weight:900}.passbook td.plus{color:var(--green)}.passbook td.minus{color:var(--red)}.studio-body{color:#273d35;background:#f6f5f0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}.studio-app{min-height:100vh;display:flex}.studio-sidebar{width:226px;height:100vh;padding:var(--logo-top-offset) 18px 18px;background:#fffefa;border-right:1px solid #e1e4dc;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.studio-wordmark{text-align:left;align-self:flex-start;margin-top:0;margin-bottom:24px;line-height:1;display:block;position:relative}.studio-wordmark img{width:150px;max-width:100%;height:auto;display:block}.studio-wordmark span{color:#fffefa;letter-spacing:normal;background:#284e3f;border-radius:999px;padding:4px 8px;font:700 10px/1 Arial,sans-serif;display:inline-block;position:absolute;top:2px;left:113px}.studio-nav{gap:4px;display:grid}.studio-nav a{color:#294c3e;border-radius:7px;align-items:center;gap:12px;padding:6px 12px;display:flex}.studio-nav a:hover{background:#edf1e9}.studio-nav a.active{color:#244832;background:#e8eddf;font-weight:700}.studio-sidebar-bottom{color:#778078;gap:8px;margin-top:auto;font-size:12px;display:grid}.studio-user{padding-top:10px;position:relative}.studio-user-trigger{color:#273d35;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 2px;display:flex}.studio-user-trigger:hover,.studio-user-trigger[aria-expanded=true]{background:#edf1e9}.studio-user-details{flex:1;gap:2px;min-width:0;display:grid}.studio-user-details strong{font-size:13px}.studio-user-details>span{text-overflow:ellipsis;white-space:nowrap;color:#778078;font-size:11px;overflow:hidden}.studio-user-menu{z-index:20;background:#fffefa;border:1px solid #e1e4dc;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 28px #18302329}.studio-user-menu a,.studio-user-menu button{color:#294c3e;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:10px;text-decoration:none;display:flex}.studio-user-menu a:hover,.studio-user-menu button:hover{background:#edf1e9}.studio-user-divider{border:0;border-top:1px solid #e1e4dc;margin:6px -6px}.studio-main{flex:1;min-width:0;max-width:1400px;padding:42px}.studio-main:has(>.studio-dashboard){padding:21px}.studio-main h1{letter-spacing:-1px;margin-bottom:8px;font:400 40px/1.1 Georgia,serif}.studio-main .studio-greeting{letter-spacing:-.5px;font-size:30px}.studio-main h2{margin:30px 0 12px;font:400 24px Georgia,serif}.studio-eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:#8b967c;margin-bottom:8px;font-size:10px;font-weight:700}.studio-stats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:24px;display:grid}.studio-stat{background:#fff;border:1px solid #e1e4dc;border-radius:10px;padding:18px 20px}.studio-stat strong{color:#234b3f;font:400 34px Georgia,serif;display:block}.studio-panel{background:#fff;border:1px solid #e1e4dc;border-radius:10px;margin-top:16px;padding:20px}.studio-table{border-collapse:collapse;background:#fff;border:1px solid #e1e4dc;border-radius:10px;width:100%;overflow:hidden}.studio-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#778078;background:#fafaf3;font-size:11px}.studio-table th,.studio-table td{vertical-align:middle;border-bottom:1px solid #eceee6;padding:10px 12px}.studio-table a{color:#284e3f;font-weight:700;text-decoration:underline}.studio-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.studio-form label{color:#59695f;gap:5px;font-size:12px;font-weight:700;display:grid}.studio-form input,.studio-form select{color:#273d35;font:inherit;background:#fff;border:1px solid #d8ded4;border-radius:6px;min-width:90px;padding:9px 11px}.studio-button{cursor:pointer;color:#294c3e;font:inherit;background:#fff;border:1px solid #d8dfd6;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:700}.studio-button:hover{background:#edf1e9}.studio-button.primary{color:#fff;background:#284e3f;border-color:#284e3f}a.studio-button{text-decoration:none;display:inline-block}.studio-actions{gap:8px;display:flex}.studio-button.danger{color:#804328;background:#fff0e9;border-color:#e5c9b8}.skill-editor{gap:14px;display:grid}.skill-editor label{color:#59695f;gap:5px;font-size:12px;font-weight:700;display:grid}.skill-editor input,.skill-editor textarea{color:#273d35;font:inherit;background:#fff;border:1px solid #d8ded4;border-radius:6px;padding:9px 11px}.skill-editor textarea{resize:vertical;tab-size:2;min-height:60vh;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace}.studio-eyebrow a{color:inherit;text-decoration:underline}.studio-note{color:#3c5a2c;background:#ebf0df;border-radius:8px;margin-top:14px;padding:12px 14px}.studio-note.error{color:#804328;background:#fff0e9;border:1px solid #e5c9b8}.studio-login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.studio-login-art{color:#faf9eb;background:#234b3f;flex-direction:column;justify-content:space-between;padding:60px;display:flex}.studio-login-art p{max-width:460px;font:400 44px/1.15 Georgia,serif}.studio-login-art img{border-radius:50%;width:110px;height:auto}.studio-login-form{place-items:center;padding:40px 20px;display:grid}.studio-login-form>div{width:min(380px,100%)}@media (max-width:760px){.studio-app{flex-direction:column}.studio-sidebar{border-bottom:1px solid #e1e4dc;border-right:0;width:100%;height:auto;position:static}.studio-nav{grid-template-columns:repeat(3,1fr)}.studio-main{padding:24px 16px}.studio-main:has(>.studio-dashboard){padding:12px 8px}.studio-login{grid-template-columns:1fr}.studio-login-art{gap:30px;padding:36px 24px}.studio-login-art p{font-size:30px}.form-card{padding:24px}.play-header{grid-template-columns:auto 1fr;min-height:64px}.play-nav{grid-area:2/1/auto/-1;justify-content:center}.play-header{gap:10px}.play-header .brand{width:118px}.play-header-end{gap:8px}.play-header .switcher-name{display:none}.play-header .switcher-button{padding:4px}}.bell{position:relative}.bell-button{background:var(--white);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.bell-button:hover{border-color:var(--green)}.bell-button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.bell-dot{background:var(--red);border:2px solid var(--white);border-radius:50%;width:10px;height:10px;position:absolute;top:9px;right:10px}.bell-panel{z-index:150;background:var(--white);border:1px solid var(--line);border-radius:18px;width:min(340px,100vw - 32px);max-height:70vh;padding:10px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.bell-title{margin:4px 10px 8px;font-weight:900}.bell-empty{margin:4px 10px 10px}.bell-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.bell-panel li>a,.bell-panel li>div{color:var(--ink);border-radius:12px;gap:2px;padding:9px 10px;text-decoration:none;display:grid}.bell-panel li>a:hover{background:var(--paper)}.bell-panel li.is-new>a,.bell-panel li.is-new>div{background:var(--green-soft)}.bell-panel span{font-weight:700}.bell-panel small{color:#6b776d;font-size:.8rem}.switcher{position:relative}.play-header .switcher-menu,.site-header .switcher-menu{left:auto;right:0}.switcher-button{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;font-family:inherit;font-size:1rem;font-weight:800;display:inline-flex}.switcher-button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.switcher-menu{z-index:150;background:var(--white);border:1px solid var(--line);border-radius:10px;gap:2px;min-width:250px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.switcher-menu>button,.switcher-menu>a{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.switcher-menu>button:hover,.switcher-menu>a:hover{background:var(--paper)}.switcher-menu hr{border:0;border-top:1px solid var(--line);margin:6px -10px}.picture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:360px;display:grid}.picture-grid button{cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;padding:4px;display:grid}.picture-grid button:disabled{opacity:.5;cursor:default}.picture-slots{align-items:center;gap:10px;min-height:52px;display:flex}.picture-slot{border:2px dashed var(--line);width:44px;height:44px;color:var(--muted,#657067);border-radius:50%;place-items:center;font-weight:900;display:grid}@media (max-width:560px){.switcher-name{display:none}.switcher-button{padding-right:4px}}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.segmented button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.95rem;font-weight:800}.segmented button[aria-selected=true]{background:var(--green);color:var(--white)}.picture-slot.filled{background:var(--green);border-style:solid;border-color:var(--green)}.birth-fields{border:0;gap:12px;margin:0;padding:0;display:grid}.birth-fields legend{margin-bottom:8px;font-weight:900}.birth-fields{grid-template-columns:repeat(2,minmax(0,160px))}.birth-fields legend{grid-column:1/-1}.small{font-size:.92rem}.member-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.member-list li{border:1px solid var(--line);background:var(--white);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex}.member-list .member-meta{margin-right:auto;display:grid}.tag{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800;display:inline-block}.game-switches{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.game-switches li{border:1px solid var(--line);background:var(--white);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:32px;display:grid}.game-card{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:18px;display:flex;overflow:hidden}.game-card-cover,.game-card-logo{display:none}.game-card-info{gap:7px;display:grid}.game-card h2{overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.25}.game-card.has-cover{aspect-ratio:16/9;background:var(--paper);border:0;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;transform:translateZ(0)}.game-card.has-cover .game-card-cover{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block;position:absolute;inset:0}.game-card.has-logo .game-card-logo{z-index:2;object-fit:contain;opacity:0;visibility:hidden;pointer-events:none;filter:drop-shadow(0 3px 8px #0c160e73);width:72%;height:auto;max-height:70%;transition:opacity .18s,visibility .18s,transform .18s;display:block;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.96)}.game-card.has-cover .game-card-info{color:#fff;opacity:0;visibility:hidden;background:0 0;gap:4px;padding:18px 14px 11px;transition:opacity .18s,visibility .18s;position:absolute;inset:auto 0 0}.game-card.has-cover .game-card-info:before{content:"";z-index:0;background:linear-gradient(#0000 0%,#141f1703 26%,#141f1708 43%,#141f1717 58%,#141f173d 72%,#141f1780 86%,#141f17e0 100%);position:absolute;inset:-132px 0 0}.game-card.has-cover h2,.game-card.has-cover .game-card-foot{z-index:1;position:relative}.game-card.has-cover h2{text-shadow:0 1px 4px #0000004d;font-size:1.05rem}.game-card.has-cover .game-card-foot{color:#ffffffe6;font-size:.78rem}.game-play-count{color:inherit;align-items:center;gap:5px;display:inline-flex}.game-card.has-cover .game-category{color:var(--green-deep);background:var(--green-soft);padding:1px 6px;font-size:.62rem;line-height:1.2}a.game-card{color:inherit;text-decoration:none;transition:transform .15s}a.game-card:hover{border-color:var(--green)}a.game-card.has-cover:hover,a.game-card.has-cover:focus-visible{z-index:5;transform:scale(1.13);box-shadow:0 16px 32px #141f1752,0 4px 10px #141f172e}a.game-card.has-cover:hover{z-index:10;transform:scale(1.13);box-shadow:0 16px 32px #141f1752,0 4px 10px #141f172e}a.game-card.has-cover:hover .game-card-cover,a.game-card.has-cover:focus-visible .game-card-cover,a.game-card.has-cover:hover .game-card-cover{transform:scale(1.02)}a.game-card.has-cover:hover .game-card-info,a.game-card.has-cover:focus-visible .game-card-info{opacity:1;visibility:visible}a.game-card.has-logo:hover .game-card-logo,a.game-card.has-logo:focus-visible .game-card-logo{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}a.game-card.has-logo:hover h2,a.game-card.has-logo:focus-visible h2{visibility:hidden}.colouring-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:24px;display:grid}.colouring-card{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;margin:0;display:flex;overflow:hidden}.colouring-card>a{background:#fff;display:block;position:relative}.colouring-number{z-index:1;min-width:24px;height:24px;color:var(--green-deep);background:var(--green-soft);border-radius:12px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:8px;left:8px}.colouring-card img{aspect-ratio:1980/1400;object-fit:contain;width:100%;height:auto;transition:transform .2s;display:block}.colouring-card>a:hover img,.colouring-card>a:focus-visible img{transform:scale(1.03)}.colouring-card:hover{border-color:var(--green)}.colouring-card figcaption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:700;line-height:1.3;display:flex}.colouring-print{cursor:pointer;width:32px;height:32px;color:var(--green-deep);background:var(--green-soft);border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.colouring-print:hover{background:var(--gold-soft)}.game-card.has-cover{transform-origin:50%}@media (min-width:556px) and (max-width:821px){.game-card.has-cover:nth-child(odd){transform-origin:0}.game-card.has-cover:nth-child(2n){transform-origin:100%}}@media (min-width:822px) and (max-width:1087px){.game-card.has-cover:nth-child(3n+1){transform-origin:0}.game-card.has-cover:nth-child(3n){transform-origin:100%}}@media (min-width:1088px){.game-card.has-cover:nth-child(4n+1){transform-origin:0}.game-card.has-cover:nth-child(4n){transform-origin:100%}}@media (hover:none){.game-card.has-cover .game-card-info{opacity:1;visibility:visible}.game-card.has-logo:focus-visible h2{visibility:hidden}}@media (prefers-reduced-motion:reduce){.game-card.has-cover,.game-card.has-cover .game-card-cover,.game-card.has-logo .game-card-logo{transition:none}}.leaderboard{background:var(--white);border:1px solid var(--line);border-radius:22px;max-width:520px;margin:0 auto;padding:26px}.leaderboard h1{text-align:center;margin-bottom:16px;font-size:clamp(1.8rem,5vw,2.4rem)}.leaderboard ol{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.leaderboard li{border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.leaderboard li.is-me{background:var(--green-soft)}.leaderboard-place{text-align:center;width:1.4em;color:var(--green-deep);font:700 1.2rem Georgia,serif}.leaderboard-name{overflow-wrap:anywhere;flex:1;font-weight:800}.leaderboard-acorns{white-space:nowrap;align-items:center;gap:6px;font-weight:900;display:inline-flex}.leaderboard-acorns .acorn-icon{width:32px;height:32px;margin:0}.leaderboard p{text-align:center;margin:0;font-size:.9rem}.game-card-foot{justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.game-card-counts{align-items:center;gap:12px;display:inline-flex}.game-category{background:var(--green-soft);color:var(--green-deep);border-color:#0000}.game-frame{background:linear-gradient(180deg, #eef3ea 0%, var(--paper) 60%);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.game-frame-bar{grid-template-columns:96px 1fr 96px;align-items:center;gap:12px;padding:10px 16px;display:grid}.game-frame-bar h1{text-align:center;margin:0;font-size:1.35rem;line-height:1.2}.game-frame-button{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--green-deep);cursor:pointer;border-radius:50%;place-items:center;display:grid}.game-frame-tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.game-frame-button:hover{background:var(--green-soft)}.game-frame-stage{place-items:center;min-height:0;padding:8px 16px 20px;display:grid;position:relative;overflow:auto}.game-frame-stop{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:28px;max-width:560px;padding:40px 30px}.game-frame-stop h2{margin-bottom:22px}.memory{gap:16px;width:100%;max-width:800px;display:grid;position:relative}.memory-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.memory-score{color:var(--muted);gap:18px;margin:0;font-weight:800;display:flex}.memory-score strong{color:var(--ink)}.memory-board{--card:min(124px, (100dvh - 170px) / var(--rows,3) * .72);grid-template-columns:repeat(var(--columns,4), 1fr);width:100%;max-width:calc(var(--columns,4) * var(--card));gap:clamp(8px,1.4vw,14px);margin-inline:auto;display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer;perspective:800px;background:0 0;border:0;border-radius:16px;padding:0}.memory-card:disabled{cursor:default}.memory-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:block;position:relative}.memory-card.is-up .memory-inner{transform:rotateY(180deg)}.memory-face{backface-visibility:hidden;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.memory-back{background:var(--green) radial-gradient(circle at 50% 50%, var(--gold) 0 14%, transparent 15%);border:4px solid var(--green-deep);outline:3px solid var(--green-soft);outline-offset:-9px}.memory-card:hover:not(:disabled) .memory-back{background-color:var(--green-deep)}.memory-front{background:var(--white);border:3px solid var(--line);transform:rotateY(180deg)}.memory-card.is-matched .memory-front{background:var(--gold-soft);border-color:var(--gold)}.memory-win{text-align:center;background:#fbfaf5e0;border-radius:24px;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.memory-win h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}.memory-acorns{background:var(--gold-soft);color:var(--green-deep);border-radius:999px;justify-self:center;margin:4px 0 0;padding:6px 16px;font-size:1.15rem;font-weight:900}.memory-win .button-row{justify-content:center;margin:18px 0 0}@media (max-width:560px){.memory-board{--card:min(124px, (100dvh - 200px) / (var(--rows,3) * var(--columns,4) / min(var(--columns,4), 4)) * .72);grid-template-columns:repeat(min(var(--columns,4), 4), 1fr);max-width:calc(min(var(--columns,4), 4) * var(--card))}.memory-bar{justify-content:center}}@media (prefers-reduced-motion:reduce){.memory-inner{transition:none}}.pin-pad{justify-items:center;gap:22px;display:grid}.pin-dots{gap:16px;display:flex}.pin-dots span{border:2px solid var(--green);border-radius:50%;width:18px;height:18px}.pin-dots span.is-filled{background:var(--green)}.pin-keys{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.pin-keys button{border:1px solid var(--line);background:var(--white);height:72px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font:700 1.6rem Georgia,serif;display:grid}.pin-keys button:hover:not(:disabled){background:var(--green-soft)}.pin-keys button:active:not(:disabled){background:var(--green);color:var(--white)}.pin-set{text-align:center;justify-items:center;gap:16px;display:grid}.pin-prompt{margin:0;font-weight:700}.stat-grid-charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.stat-chart{background:#fff;border:1px solid #e1e4dc;border-radius:10px;margin:0;padding:14px 16px 8px}.stat-chart figcaption{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.stat-chart-title{color:#273d35;font-weight:700}.stat-chart-value{color:#59695f;font-size:13px}.stat-chart svg{touch-action:manipulation;width:100%;height:auto;display:block}.stat-grid{stroke:#eceee6;stroke-width:1px}.stat-axis{fill:#778078;font-size:11px}.stat-line{fill:none;stroke:#305236;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.stat-cross{stroke:#bfc6bf;stroke-width:1px}.stat-dot{fill:#305236;stroke:#fff;stroke-width:2px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-top:28px;display:grid}.analytics-card{background:#fff;border:1px solid #e1e4dc;border-radius:10px;min-width:0;padding:14px 16px}.analytics-card h3{color:#273d35;margin:0 0 8px;font-size:15px;font-weight:700}.analytics-table{border-collapse:collapse;width:100%;font-size:13px}.analytics-table th{text-align:right;text-transform:uppercase;letter-spacing:1px;color:#778078;padding:4px 0 6px 10px;font-size:11px;font-weight:700}.analytics-table th:first-child{text-align:left;padding-left:0}.analytics-table td{text-align:right;color:#59695f;font-variant-numeric:tabular-nums;white-space:nowrap;padding:6px 0 6px 10px}.analytics-table td:first-child{text-align:left;color:#273d35;width:100%;max-width:0;padding:6px 8px;position:relative}.analytics-bar{background:#edf1e9;border-radius:4px;position:absolute;inset:2px auto 2px 0}.analytics-name{text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;overflow:hidden}.analytics-name a{color:#284e3f;text-decoration:none}.analytics-name a:hover{text-decoration:underline}.studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:8px;display:flex}.studio-head h1{margin:0}.studio-filters{gap:8px;display:flex}.studio-filter{position:relative}.studio-filter summary{-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:inline-flex}.studio-filter summary::-webkit-details-marker{display:none}.studio-filter[open] summary{background:#edf1e9}.studio-menu{z-index:20;background:#fff;border:1px solid #d8dfd6;border-radius:9px;min-width:190px;max-height:60vh;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.studio-menu a{color:#294c3e;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.studio-menu a:hover{background:#edf1e9}.studio-menu a svg{visibility:hidden}.studio-menu a.is-on svg{visibility:visible}.header-inner,.play-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.header-inner>.brand,.play-header>.brand{justify-self:start;width:150px;margin:0}.header-inner>.brand img,.play-header>.brand img{transform:translate(-5.8667%)}.header-inner>.main-nav,.play-header>.play-nav{justify-content:center;gap:22px;display:flex}.header-inner>.header-cta{justify-self:end}.header-end .bell-button,.play-header-end .bell-button{width:42px;height:42px}.header-end .switcher-button,.play-header-end .switcher-button,.play-header-end .acorn-chip{box-sizing:border-box;height:42px}.header-end .switcher-button .avatar,.play-header-end .switcher-button .avatar{width:32px!important;height:32px!important}.header-end .switcher-button .avatar svg,.play-header-end .switcher-button .avatar svg{width:19px;height:19px}@media (max-width:760px){.header-inner,.play-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:10px}.header-inner>.brand,.play-header>.brand{width:118px}.header-inner>.main-nav,.play-header>.play-nav{grid-area:2/1/auto/-1}.header-end,.play-header-end{gap:8px}.header-end .switcher-name,.play-header-end .switcher-name{display:none}.header-end .switcher-button,.play-header-end .switcher-button{padding:4px}}.play-main .featured-games-title{text-align:left;margin:0 0 20px;font:400 28px/1.2 Georgia,serif}.featured-games-title+.game-grid{margin-top:0}@media (max-width:760px){.studio-wordmark img{width:118px}.studio-wordmark span{left:89px}}.game-detail-layout{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.game-detail .game-frame{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;min-width:0;display:flex;position:relative;inset:auto;overflow:hidden}.game-detail .game-frame-stage{box-sizing:border-box;aspect-ratio:16/9;outline:none;flex:none;place-items:center;width:min(100%,1.77778*min(65vh,720px));height:auto;padding:16px}.game-detail .game-frame-stop{align-self:center}.game-detail .game-frame-bar{border-top:1px solid var(--line);background:var(--white);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.game-detail .game-frame-bar h1{text-align:left;flex:1;min-width:100px;margin:0;font:700 16px/1.3 Arial,sans-serif}.game-detail .game-frame-button{width:36px;height:36px}.game-action{border:1px solid var(--line);min-height:36px;font:inherit;color:var(--green-deep);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.game-action[aria-pressed=true]{background:var(--green-soft);border-color:var(--green)}.game-more h2{margin:0 0 16px;font:400 23px/1.2 Georgia,serif}.recommended-game{aspect-ratio:16/9;background:var(--green-deep);color:#fff;border-radius:10px;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.recommended-game img{object-fit:cover;width:100%;height:100%;display:block}.recommended-game span{background:linear-gradient(#0000,#000000b3);padding:22px 12px 10px;font-weight:700;position:absolute;inset:auto 0 0}.recommended-game:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0003}.game-more{margin-top:32px}.game-more>div{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.game-detail .game-frame:fullscreen{border-radius:0;width:100%;height:100%}.game-detail .game-frame:fullscreen .game-frame-stage{flex:none;align-self:center;width:min(100%,177.778svh);height:auto;min-height:0}.game-frame:fullscreen .game-frame-bar{display:none}.game-fullscreen-hint{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none;background:#14231ca6;border-radius:999px;padding:9px 18px;font:500 13px/1.4 Arial,sans-serif;position:absolute;top:16px;left:50%;transform:translate(-50%)}@media (max-width:900px){.game-detail .game-frame-stage{width:min(100%,1.77778*min(65vh,720px));height:auto}}@media (max-width:560px){.game-detail .game-frame-stage{padding:8px}.game-action{padding:6px;font-size:12px}.game-detail .game-frame-bar h1{flex-basis:100%;order:-1}}@media (max-width:700px){.play-main{padding-top:14px}.play-main:has(>.leaderboard){padding-block:14px}}.game-detail .game-frame-stage{container-type:size}.game-detail .snake-board{width:min(100%,100cqh - 190px,620px)}.game-detail .breakout-board{width:min(100%,133.333cqh - 133.333px,820px)}@media (hover:hover) and (pointer:fine){.game-detail .snake-board{width:min(100%,100cqh - 90px,620px)}}.game-detail .ttt-board{--size:min(100%, calc(100cqh - 110px), 460px)}.game-detail .c4-board{--w:min(100%, calc((100cqh - 110px) * 7 / 6), 640px)}.game-detail .mines-board{--w:min(100%, calc(100cqh - 160px), 560px)}.game-detail .simon-board,.game-detail .moles-field,.game-detail .dots-board{width:min(100%,100cqh - 120px,500px)}.game-detail .memory-board{--card:min(124px, (100cqh - 90px) / var(--rows,3) * .72)}.game-action:disabled{opacity:.6;cursor:wait}.game-preference-error{color:#804328;background:#fff0e9;margin:0;padding:10px 14px;font-size:13px}.game-detail .game-frame-stage:has(.memory-phaser){width:100%;padding:0;overflow:hidden}.memory-phaser{color:#493625;background:#64794f url(/games/memory/backgrounds/felt-background-tall.webp) 50%/cover no-repeat;width:100%;height:100%;font-family:Georgia,serif;position:relative;overflow:hidden}.memory-phaser-canvas,.memory-phaser-canvas canvas{width:100%;height:100%;display:block}.memory-phaser-canvas{position:absolute;inset:0}.memory-screen{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.memory-title-screen{background:#78934d url(/games/memory/backgrounds/title-garden.webp) 50%/cover no-repeat}.memory-title-content{text-align:center;position:absolute;inset:0}.memory-title{width:min(55%,700px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memory-title img{width:100%;height:auto;display:block}.memory-title-content .memory-title-play{min-width:clamp(110px,13vw,180px);min-height:clamp(42px,4.2vw,58px);font-size:clamp(18px,2vw,28px);position:absolute;top:calc(50% + clamp(88px,12cqw,140px));left:50%;transform:translate(-50%)}.memory-title-play:disabled{opacity:.7;cursor:wait}.memory-loading-screen:before{content:"";background:#15211794;position:absolute;inset:0}.memory-loading-screen.is-revealing{pointer-events:none;animation:.55s ease-in-out forwards memory-loading-reveal}@keyframes memory-loading-reveal{to{opacity:0}}.memory-loading-content{z-index:1;text-align:center;color:#fff7df;position:absolute;inset:0}.memory-loading-track{box-sizing:border-box;background:#14281ba6;border:3px solid #f8eed8;border-radius:999px;width:min(24%,300px);height:clamp(14px,2vw,26px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px 14px #1727168c}.memory-loading-fill{border-radius:inherit;background:linear-gradient(90deg,#b9cf80,#f5e3a2);height:100%;transition:width .18s ease-out;display:block}.memory-loading-content p{text-shadow:0 2px 6px #1a281c;width:80%;margin:0;font:600 clamp(11px,1.2vw,16px)/1.25 Georgia,serif;position:absolute;top:calc(50% + clamp(22px,3vw,38px));left:50%;transform:translate(-50%)}.memory-portrait-hint{display:none}.memory-panel{color:#493625;background:#f8eed8;border:3px solid #b8915b;box-shadow:inset 0 0 0 2px #fffbf1,0 4px 10px #22341845}.memory-plaque,.memory-painted-button,.memory-choice{isolation:isolate;box-sizing:border-box;box-shadow:none;color:#493625;background:0 0;border:0;position:relative}.memory-plaque:before,.memory-painted-button:before,.memory-choice:before{content:"";z-index:-1;pointer-events:none;border:1px solid #0000;border-image:url(/games/memory/ui/button-cream-plain.webp) 266 fill/50% 26px;position:absolute;inset:0}.memory-panel{text-align:center;border-radius:22px;max-width:90%;padding:16px 22px}.memory-panel h2{margin:0 0 16px;font:400 clamp(19px,3vw,40px)/1.12 Georgia,serif}.memory-panel p{margin:12px 0;font:clamp(12px,1.5vw,19px)/1.4 Arial,sans-serif}.memory-menu-panel{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:41%;min-height:31%;display:flex;position:relative}.memory-menu-panel h2{white-space:nowrap;margin:0}.memory-difficulties{justify-content:center;gap:7px;width:100%;display:flex}.memory-choice{cursor:pointer;flex:1;min-width:0;min-height:54px;padding:11px 14px;font:700 clamp(13px,1.4vw,20px)/1.25 Georgia,serif}.memory-painted-button{cursor:pointer;white-space:nowrap;min-width:140px;min-height:54px;padding:10px 29px;font:700 clamp(13px,1.6vw,22px) Georgia,serif}.memory-painted-button:hover,.memory-choice:hover{filter:brightness(1.05);transform:translateY(-1px)}.memory-title-play:hover{transform:translate(-50%,-1px)}.memory-painted-button:focus-visible,.memory-choice:focus-visible{outline-offset:3px;outline:3px solid #1f513a}.memory-welcome{object-fit:contain;z-index:3;pointer-events:none;width:auto;height:84%;position:absolute;bottom:4%}.memory-welcome-penny{left:7%}.memory-welcome-clover{right:7%}.memory-play-controls{z-index:2;justify-content:space-between;align-items:start;gap:12px;display:flex;position:absolute;top:3%;left:3%;right:3%}.memory-accessible-board{z-index:1;pointer-events:none;position:absolute;inset:0}.memory-accessible-card{color:#0000;pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.memory-accessible-card:focus-visible{outline-offset:2px;border-radius:8px;outline:5px solid #fff2ae}.memory-scoreboard{gap:14px;display:flex}.memory-plaque{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-width:155px;min-height:54px;padding:8px 24px;font:clamp(12px,1.4vw,20px) Georgia,serif;display:inline-flex}.memory-plaque strong{font-size:1.15em}.memory-modal{background:#1c301e7a}.memory-results{z-index:2;width:min(54%,620px);animation:.42s cubic-bezier(.2,.8,.25,1) both memory-result-arrive;position:relative}.memory-celebration{z-index:3;pointer-events:none;object-fit:contain;width:auto;height:76%;position:absolute;bottom:4%}.memory-celebration-billy{animation:.52s ease-out 90ms both memory-celebrate-left;left:6%}.memory-celebration-johnny{animation:.52s ease-out .15s both memory-celebrate-right;right:6%}@keyframes memory-result-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes memory-celebrate-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes memory-celebrate-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.memory-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.memory-actions .memory-painted-button{min-width:150px}.memory-reward{justify-content:center;align-items:center;gap:5px;display:flex;font-weight:700!important}.memory-reward img{object-fit:contain;width:38px;height:38px}.game-detail .game-frame:fullscreen:has(.memory-phaser){background:#64794f url(/games/memory/backgrounds/felt-background-tall.webp) 50%/cover no-repeat;border:0}.game-detail .game-frame:fullscreen .game-frame-stage:has(.memory-phaser){margin-block:auto}.game-detail .game-frame:fullscreen .memory-phaser{background:0 0}:is(.game-detail .game-frame:fullscreen:has(.memory-modal) .game-frame-stage:has(.memory-phaser),.game-detail .game-frame:fullscreen:has(.memory-modal) .memory-phaser),:is(.game-detail .game-frame:fullscreen:has(.memory-loading-screen) .game-frame-stage:has(.memory-phaser),.game-detail .game-frame:fullscreen:has(.memory-loading-screen) .memory-phaser){overflow:visible}.game-detail .game-frame:fullscreen .memory-modal{box-shadow:0 0 0 100vmax #1c301e7a}.game-detail .game-frame:fullscreen:has(.memory-title-screen){background:#78934d url(/games/memory/backgrounds/title-garden.webp) 50%/cover no-repeat}.game-detail .game-frame:fullscreen .memory-title-screen{background:0 0}.game-detail .game-frame:fullscreen .memory-loading-screen:before{box-shadow:0 0 0 100vmax #15211794}.slide-phaser .memory-title-screen{background:#8fae6a url(/games/sliding-puzzle/backgrounds/title-standin-park.webp) 50%/cover no-repeat}.slide-title-text{white-space:nowrap;color:#fff7df;letter-spacing:-.03em;-webkit-text-stroke:clamp(1px, .25vw, 4px) #5d3e25;paint-order:stroke fill;text-shadow:0 clamp(2px,.35vw,5px) #5d3e25;margin:0;font:700 clamp(30px,5.6vw,88px)/.95 Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide-phaser .memory-title-content .memory-title-play{top:calc(50% + clamp(40px,6cqw,84px))}.game-detail .game-frame:fullscreen:has(.slide-phaser .memory-title-screen){background:#8fae6a url(/games/sliding-puzzle/backgrounds/title-standin-park.webp) 50%/cover no-repeat}@media (max-width:700px){.memory-title{width:65%}.memory-menu-panel{gap:8px;width:49%;min-height:38%;padding:6px}.memory-menu-panel h2{font-size:clamp(13px,3vw,22px)}.memory-choice{min-height:42px;padding:4px 6px;font-size:clamp(10px,1.7vw,14px)}.memory-welcome{height:75%;bottom:8%}.memory-welcome-penny{left:0}.memory-welcome-clover{right:0}.memory-celebration{height:65%;bottom:8%}.memory-celebration-billy{left:0}.memory-celebration-johnny{right:0}.memory-results{width:58%}.memory-play-controls{gap:4px}.memory-scoreboard{gap:3px}.memory-plaque,.memory-painted-button{padding:4px 14px}.memory-plaque{min-width:100px;min-height:35px;font-size:10px}.memory-painted-button{min-width:90px;min-height:35px}}@media (max-width:500px) and (orientation:portrait){.memory-phaser>:not(.memory-portrait-hint){visibility:hidden}.memory-portrait-hint{z-index:5;background:#64794f url(/games/memory/backgrounds/felt-background-tall.webp) 50%/cover no-repeat;place-items:center;display:grid;position:absolute;inset:0}.memory-portrait-hint .memory-panel{padding:12px 18px}.memory-portrait-hint .memory-panel p{font-size:15px}}@media (prefers-reduced-motion:reduce){.memory-loading-screen.is-revealing{opacity:0;animation:none}.memory-results,.memory-celebration-billy,.memory-celebration-johnny{animation:none}}
.game{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;min-width:0;max-width:900px;display:grid;position:relative}.game-bar-buttons{flex-wrap:wrap;gap:8px;display:flex}.game-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;display:flex}.game-score{color:var(--muted);flex-wrap:wrap;gap:18px;margin:0;font-weight:800;display:flex}.game-score strong{color:var(--ink)}.game-end{z-index:5;text-align:center;background:#fbfaf5e6;border-radius:24px;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.game-end h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}.game-acorns{background:var(--gold-soft);color:var(--green-deep);border-radius:999px;justify-self:center;margin:4px 0 0;padding:6px 16px;font-size:1.15rem;font-weight:900}.game-end .button-row{justify-content:center;margin:18px 0 0}.game-note{color:var(--green-deep);text-align:center;min-height:1.6em;margin:0;font-weight:800}.game-pad{border:2px solid var(--green);background:var(--white);width:56px;height:56px;color:var(--green-deep);cursor:pointer;touch-action:manipulation;border-radius:16px;place-items:center;display:grid}.game-pad:hover,.game-pad:active{background:var(--green-soft)}.game-toggle{border:2px solid var(--green);border-radius:999px;display:inline-flex;overflow:hidden}.game-toggle button{background:var(--white);color:var(--green);cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 14px;font-weight:900;display:inline-flex}.game-toggle button[aria-pressed=true]{background:var(--green);color:var(--white)}@media (max-width:560px){.game-bar{justify-content:center}}.snake-board{aspect-ratio:1;width:min(100%,100dvh - 300px,620px);min-width:220px;position:relative}.snake-canvas{border:3px solid var(--green);touch-action:none;border-radius:18px;width:100%;height:100%;display:block}.snake-hint{background:var(--white);width:fit-content;color:var(--green-deep);pointer-events:none;border-radius:999px;margin:0 auto;padding:6px 16px;font-weight:900;position:absolute;inset:auto 0 12px}.snake-pad{grid-template-columns:repeat(3,56px);grid-template-areas:".up.""left down right";gap:8px;display:grid}.snake-up{grid-area:up}.snake-left{grid-area:left}.snake-down{grid-area:down}.snake-right{grid-area:right}@media (hover:hover) and (pointer:fine){.snake-pad{display:none}.snake-board{width:min(100%,100dvh - 170px,620px)}}.game-end{animation:.35s .7s both game-end-in}@keyframes game-end-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.game-end{animation-duration:10ms}}.ttt-board{--size:min(100%, calc(100dvh - 250px), 460px);width:var(--size);aspect-ratio:1;background:var(--green);border-radius:22px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;display:grid}.ttt-cell{background:var(--white);cursor:pointer;border:0;border-radius:14px;place-items:center;padding:0;display:grid}.ttt-cell:hover:not(:disabled){background:var(--green-soft)}.ttt-cell:disabled{cursor:default}.ttt-cell.is-line{background:var(--gold-soft)}.c4-board{--w:min(100%, calc((100dvh - 250px) * 7 / 6), 640px);width:var(--w);aspect-ratio:7/6;background:var(--green);border-radius:20px;grid-template-columns:repeat(7,1fr);gap:1.2%;padding:1.6%;display:grid;overflow:hidden}.c4-col{cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-rows:repeat(6,1fr);gap:4%;padding:4% 6%;display:grid}.c4-col:hover:not(:disabled){background:var(--green-deep)}.c4-col:disabled{cursor:default}.c4-slot{aspect-ratio:1;background:var(--paper);border-radius:50%;display:block}.c4-slot.is-red{background:var(--red)}.c4-slot.is-gold{background:var(--gold)}.c4-slot.is-last{animation:c4-fall calc(80ms * var(--fall) + .1s) ease-in}.c4-slot.is-line{outline:4px solid var(--white);outline-offset:-8px}@keyframes c4-fall{0%{transform:translateY(calc(-115% * var(--fall)))}to{transform:none}}@media (prefers-reduced-motion:reduce){.c4-slot.is-last{animation:none}}.mines-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.mines-tools .button{gap:6px}.mines-tools .button:disabled{opacity:.5;cursor:default}.game-hearts{align-items:center;gap:3px;display:inline-flex}.mines-board{--w:min(100%, calc(100dvh - 270px), 560px);grid-template-columns:repeat(var(--size), 1fr);grid-template-rows:repeat(var(--size), 1fr);width:var(--w);aspect-ratio:1;background:var(--green-deep);border-radius:16px;gap:4px;padding:6px;display:grid;container-type:inline-size}.mines-cell{background:var(--green);cursor:pointer;font:900 calc(100cqi / var(--size) * .5) Georgia, serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.mines-cell:hover:not(.is-open){background:#3d6644}.mines-cell.is-open{background:var(--paper);cursor:default}.mines-cell.is-hit{background:var(--red)}.simon-board{aspect-ratio:1;background:var(--green-deep);border-radius:50%;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,100dvh - 250px,460px);padding:14px;display:grid}.simon-pad{filter:saturate(.75)brightness(.85);touch-action:manipulation;border:0;padding:0;transition:filter .12s,transform .12s}.simon-board.is-ready .simon-pad{cursor:pointer}.simon-board.is-ready .simon-pad:hover{filter:saturate(.9)brightness(.95)}.simon-pad.is-lit,.simon-board.is-ready .simon-pad.is-lit{filter:saturate(1.1)brightness(1.45);transform:scale(.97)}.simon-pad.is-green{background:#4f9a5a;border-radius:100% 12px 12px}.simon-pad.is-red{background:var(--red);border-radius:12px 100% 12px 12px}.simon-pad.is-gold{background:var(--gold);border-radius:12px 12px 12px 100%}.simon-pad.is-blue{background:#3f7f9c;border-radius:12px 12px 100%}@media (prefers-reduced-motion:reduce){.simon-pad{transition:none}}.moles-field{aspect-ratio:1;background:#4f9a5a;border-radius:28px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4%;width:min(100%,100dvh - 230px,560px);padding:4%;display:grid;position:relative}.moles-hole{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:relative}.moles-hole:before{content:"";background:#2b1d10;border:4px solid #5d4026;border-radius:50%;height:26%;position:absolute;bottom:10%;left:8%;right:8%}.moles-pit{height:72%;position:absolute;bottom:23%;left:18%;right:18%;overflow:hidden}.moles-mole{transition:transform .14s ease-out;position:absolute;inset:0;transform:translateY(102%)}.moles-hole.is-up .moles-mole{transform:translateY(0)}.moles-hole.is-bopped .moles-mole{transform:translateY(45%)}.mole-svg{width:100%;height:100%;display:block}.moles-star{pointer-events:none;place-items:center;font-size:calc(min(100vw,560px)/10);display:grid;position:absolute;inset:0}.moles-ready{place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.moles-mole{transition:none}}.dots-board{aspect-ratio:1;background:var(--white);border:2px solid var(--line);touch-action:manipulation;border-radius:22px;width:min(100%,100dvh - 250px,560px)}.dots-dot{fill:var(--ink);pointer-events:none}.dots-hit{stroke:#0000;stroke-width:.3px;stroke-linecap:round}.dots-stroke{stroke:var(--line);stroke-width:.07px;stroke-linecap:round;stroke-dasharray:.08 .1;pointer-events:none}.dots-line:not(.is-drawn){cursor:pointer}.dots-line:not(.is-drawn):hover .dots-stroke{stroke:var(--green);stroke-dasharray:none}.dots-line.is-drawn .dots-stroke{stroke-dasharray:none;stroke-width:.1px}.dots-line.is-red .dots-stroke{stroke:var(--red)}.dots-line.is-blue .dots-stroke{stroke:#3f7f9c}.dots-box.is-red{fill:var(--red-soft)}.dots-box.is-blue{fill:var(--blue-soft)}.dots-red strong{color:var(--red)}.dots-blue strong{color:#3f7f9c}.dots-turn.is-red{color:var(--red)}.dots-turn.is-blue{color:#3f7f9c}.sol{grid-template-rows:auto 1fr;align-self:stretch;max-width:820px;height:100%}.sol-tools{flex-wrap:wrap;gap:8px;display:inline-flex}.sol-tools .button{gap:5px}.sol-tools .button:disabled{opacity:.5;cursor:default}.sol-area{grid-template-rows:auto 1fr;gap:16px;width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.sol-top,.sol-columns{grid-template-columns:repeat(7, var(--cw));justify-content:center;gap:8px;display:grid}.sol-slot{width:var(--cw);height:var(--ch);border:2px dashed var(--line);border-radius:calc(var(--cw) * .12);cursor:pointer;background:#ffffff80;place-items:center;padding:0;display:grid;position:relative}.sol-slot.is-target,.sol-column.is-target{border-color:var(--gold);background:var(--gold-soft);border-style:solid}.sol-suit{font-size:calc(var(--cw) * .45);color:var(--line)}.sol-waste{width:var(--cw);height:var(--ch);position:relative}.sol-column{min-height:var(--ch);border-radius:calc(var(--cw) * .12);border:2px solid #0000;position:relative}.sol-card{width:var(--cw);height:var(--ch);border:1px solid var(--line);border-radius:calc(var(--cw) * .12);background:var(--white);cursor:pointer;padding:0;position:absolute;top:0;left:0;overflow:hidden}.sol-card.is-static{width:auto;height:auto;position:absolute;inset:-2px}.sol-card:disabled{cursor:default}.sol-card.is-selected{border:3px solid var(--gold);background:var(--gold-soft)}.sol-card.is-hint{border:3px solid var(--blue)}.sol-card.is-shake,.sol-slot.is-shake{animation:.3s sol-shake}.sol-back,.sol-stock .sol-back{background:var(--green) radial-gradient(circle at 50% 50%, var(--gold) 0 12%, transparent 13%);border:3px solid var(--green-deep);cursor:default;display:block}.sol-stock .sol-back{border-radius:calc(var(--cw) * .12);cursor:pointer;position:absolute;inset:-2px}.sol-face{color:var(--ink);font-weight:900;position:absolute;inset:0}.sol-face.is-red{color:var(--red)}.sol-corner{font:700 calc(var(--cw) * .26) / 1 Georgia, serif;text-align:center;position:absolute;top:3%;left:6%}.sol-middle{font-size:calc(var(--cw) * .5);line-height:1;position:absolute;bottom:6%;right:8%}@keyframes sol-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.sol-card.is-shake,.sol-slot.is-shake{animation:none}}.breakout-board{aspect-ratio:4/3;width:min(100%,133.333dvh - 253.333px,820px);position:relative}.breakout-canvas{border:3px solid var(--green);touch-action:none;cursor:none;border-radius:18px;width:100%;height:100%;display:block}
