:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f6efe4;--walnut:#6b4a33;--blush:#e8b4b0;--sage:#9cb49a;--paper:#fffbf5;color:var(--walnut);background:var(--cream);font-synthesis:none;overflow-wrap:anywhere;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:0;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button,.button{border:1px solid var(--walnut);background:var(--sage);color:#342619;text-align:center;white-space:normal;cursor:pointer;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;min-height:48px;padding:.65rem 1rem;line-height:1.4;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{background:0 0}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--walnut);outline-offset:4px}input{border:1px solid var(--walnut);background:var(--paper);border-radius:12px;min-height:48px;padding:.65rem}h1,h2,p{margin:0}h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.3}h2{font-size:1.3rem;line-height:1.4}p+p{margin-top:.7rem}ol{padding-inline-start:1.5rem}li+li{margin-top:.7rem}.proto-shell{width:min(100%,960px);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin-inline:auto}.proto-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.proto-header>a,.language-switch{align-items:center;min-height:44px;display:inline-flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proto-main{gap:20px;min-width:0;display:grid}.hub-intro{gap:12px;padding-block:12px 8px;display:grid}.eyebrow{letter-spacing:.08em;font-size:.8rem;font-weight:700}.muted{font-size:.9rem}.game-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.card{background:var(--paper);border:1px solid #6b4a3326;border-radius:24px;min-width:0;padding:22px}.game-card{flex-direction:column;gap:14px;display:flex}.game-card .card-actions{margin-top:auto}.card-heading{align-items:center;gap:12px;display:flex}.game-mark{background:#9cb49a40;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.7rem;display:grid}.game-card:nth-child(2n) .game-mark{background:#e8b4b040}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.card-actions>*{flex:120px}.art-card{border-color:var(--sage)}.goal-bar{z-index:2;background:var(--cream);border:2px solid var(--sage);border-radius:16px;gap:2px;padding:12px 16px;display:grid;position:sticky;top:0}.goal-bar strong{font-size:.8rem}.proto-dialog{color:var(--walnut);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.proto-dialog::backdrop{background:#38271966}.proto-dialog h2{margin-bottom:16px}.proto-dialog>button{width:100%;margin-top:20px}.reward-mark{color:var(--walnut);text-align:center;font-size:3rem}canvas,svg,img{max-width:100%}@media (min-width:680px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card{grid-column:1/-1}}@media (max-height:500px){.proto-header{margin-bottom:12px}.proto-dialog{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}