:root{--bg: #fff5db;--bg-alt: #fff9ea;--surface: #ffffff;--text: #1c1d2e;--text-muted: #6a6378;--border: #1c1d2e;--border-soft: #ead9aa;--brand: #ff5a3a;--brand-soft: #ffe4dc;--brand-deep: #d83b1e;--good: #2eaa5e;--bad: #cf3333;--focus: #ffb000;--shadow-press: 0 4px 0 var(--border);--shadow-press-down: 0 2px 0 var(--border);color:var(--text);background:var(--bg);font-family:Nunito,Quicksand,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,#ffe6a8 0,transparent 38%),radial-gradient(circle at 88% 4%,#ffd0c2 0,transparent 36%),radial-gradient(circle at 80% 95%,#c9e8ff 0,transparent 40%),var(--bg);background-attachment:fixed}button,a{font:inherit}button{min-height:44px;border:2px solid var(--border);border-radius:12px;padding:.75rem 1.1rem;color:var(--text);background:var(--brand);font-weight:800;cursor:pointer;box-shadow:var(--shadow-press);transition:transform 80ms ease,box-shadow 80ms ease,background .12s ease}button:hover{background:#ff7156}button:active{transform:translateY(2px);box-shadow:var(--shadow-press-down)}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.site-header{border-bottom:3px solid var(--border);background:#ffffffdb;backdrop-filter:saturate(140%) blur(6px)}.brand-link{display:flex;width:min(76rem,100%);align-items:center;gap:.85rem;margin:0 auto;padding:.95rem 1.1rem;color:inherit;text-decoration:none}.brand-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:2px solid var(--border);border-radius:12px;color:var(--text);background:var(--brand);box-shadow:0 3px 0 var(--border);font-weight:900;font-size:1.2rem}.brand-name,.brand-note{display:block;line-height:1.1}.brand-name{font-weight:900;font-size:1.15rem;letter-spacing:-.01em}.brand-note{margin-top:.15rem;color:var(--text-muted);font-size:.85rem;font-weight:600}.page,.play-page{width:min(76rem,100%);margin:0 auto;padding:1.5rem 1.1rem 2.75rem}.page-intro{margin:1rem 0 1.75rem}.page-intro h1{margin:0;font-size:clamp(1.9rem,4vw,2.85rem);font-weight:900;letter-spacing:-.02em;line-height:1}.page-intro p{margin:.6rem 0 0;color:var(--text-muted);font-size:1.05rem;line-height:1.5}.system-message{border:2px solid var(--border);border-radius:12px;padding:.9rem 1.1rem;background:var(--surface);font-weight:700;box-shadow:0 3px 0 var(--border)}.system-message.error{background:#ffe1dc;border-color:var(--bad);box-shadow:0 3px 0 var(--bad)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),22rem));gap:1.1rem}.game-card{display:grid;grid-template-rows:auto 1fr auto;min-height:16rem;border:2px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:4px 4px 0 var(--border);transition:transform .1s ease,box-shadow .1s ease}.game-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.game-card-stripe{height:10px;background:var(--card-accent, var(--brand))}.game-card-body{display:grid;align-content:start;gap:.65rem;padding:1.1rem 1.1rem .4rem}.game-card h2{margin:0;font-size:1.35rem;font-weight:900;letter-spacing:-.01em;line-height:1.15}.game-card p{margin:0;color:var(--text-muted);line-height:1.45}.game-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.15rem 0 0}.meta-pill{border:2px solid var(--border);border-radius:999px;padding:.2rem .65rem;background:var(--bg-alt);font-size:.78rem;font-weight:800}.game-card-foot{padding:.5rem 1.1rem 1.1rem}.game-card-foot button{width:100%}.play-page{display:grid;gap:.95rem;padding-top:1.15rem}.player-toolbar{display:grid;grid-template-areas:"back status";grid-template-columns:auto 1fr;align-items:center;gap:.85rem}.player-back{grid-area:back;justify-self:start;background:var(--surface);color:var(--text)}.player-back:hover{background:var(--bg-alt)}.status-pill{grid-area:status;justify-self:end;min-width:7rem;border:2px solid var(--border);border-radius:999px;padding:.5rem .95rem;background:var(--surface);font-weight:800;text-align:center;box-shadow:0 3px 0 var(--border)}.status-pill.ready{background:var(--bg-alt)}.status-pill.complete{background:#d6f3df;border-color:var(--good);box-shadow:0 3px 0 var(--good)}.status-pill.error{background:#ffe1dc;border-color:var(--bad);box-shadow:0 3px 0 var(--bad)}.game-frame{width:100%;height:clamp(40rem,calc(100svh - 8.75rem),45rem);min-height:40rem;border:3px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:4px 4px 0 var(--border)}@media(max-width:720px){.player-toolbar{grid-template-columns:auto minmax(7rem,auto);gap:.65rem}.status-pill{min-width:6.5rem;padding-inline:.85rem}.game-frame{height:clamp(36rem,calc(100svh - 15rem),40rem);min-height:36rem}}@media(max-width:460px){.page,.play-page,.brand-link{padding-inline:.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}