:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233c49;background:#f7f9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:white;padding:15px}.skip:focus{top:12px}.preview-nav{max-width:1200px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{text-decoration:none;font-size:1.25rem;font-weight:850;color:#264c54}.brand span{font-weight:500;font-size:.9rem}.preview-nav nav{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem}.preview-nav nav a{text-decoration:none}.preview-nav nav a:hover{text-decoration:underline}.preview-note{background:#eaf0f7;border-block:1px solid #dbe4ef;padding:12px max(24px,calc((100% - 1144px)/2));display:flex;gap:16px;font-size:.82rem;line-height:1.5;color:#405971}.preview-note strong{white-space:nowrap;letter-spacing:.05em;font-size:.72rem;margin-top:2px}#game-host{max-width:1160px;margin:0 auto;padding:30px 24px;min-height:55vh}.preview-hero{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:20px 15px 36px}.eyebrow{font-size:.71rem;letter-spacing:.13em;color:#3f786a;font-weight:800}.preview-hero h1{font-size:clamp(2.25rem,5vw,3.9rem);line-height:1.08;letter-spacing:-.045em;margin:16px 0 22px}.preview-hero p{font-size:1.1rem;line-height:1.8;max-width:590px;color:#5a6d73}.hero-symbol{background:radial-gradient(circle at 20% 10%,#ecf8f0,#e7dfed);width:235px;min-width:235px;height:235px;border-radius:46% 54% 38% 62%;display:grid;place-items:center;font-size:3rem;color:#6c8d78;position:relative;transform:rotate(4deg)}.hero-symbol>span{font-size:1.5rem;line-height:1.6;transform:rotate(-4deg);text-align:center;color:#3e6056}.preview-featured{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-card{display:flex;flex-direction:column;gap:11px;text-decoration:none;border:1px solid #dce6de;border-radius:26px;background:#fffdf7;padding:22px;box-shadow:0 7px 24px #18362b05;transition:transform .2s,box-shadow .2s}.preview-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #18362b14}.preview-card h2{font-size:1.2rem;margin:0;line-height:1.3}.preview-card p{font-size:.92rem;line-height:1.6;color:#617274;margin:0 0 10px}.play{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:750;margin-top:auto;color:#266b5f}.play b{width:32px;height:32px;display:grid;place-items:center;background:#e5f3e9;border-radius:50%}.feature-art{height:140px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.pizza-art{background:#fff0d0;font-size:5.5rem}.pizza-art span{font-size:1rem;font-weight:750;color:#816228;max-width:95px;transform:rotate(-5deg)}.typing-art{background:#e8e7f7}.typing-art kbd{font:700 1.4rem system-ui;background:#fff;padding:17px;border-radius:13px;border-bottom:5px solid #b7b5d5;color:#555278;transform:translateY(-4px)}.typing-art kbd:nth-child(even){transform:translateY(7px)}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin:46px 0 20px}.section-title h2{font-size:1.5rem;margin:0}.section-title p{color:#607873;font-size:.87rem}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-grid .cat-art{height:108px;width:100%;border-radius:17px;margin-bottom:8px}.preview-grid .cat-icon{width:68px;height:68px}.preview-explanation{background:#edf3f0;border-radius:20px;padding:24px;margin-top:30px;line-height:1.75}.preview-explanation p{margin:5px 0 0;color:#547269}.preview-status{max-width:1112px;margin:0 auto;padding:0 24px;font-size:.85rem}.preview-footer{max-width:1112px;margin:24px auto 0;padding:26px 24px 35px;border-top:1px solid #dce6df;font-size:.82rem;color:#668174;display:flex;justify-content:space-between;gap:20px}a:focus-visible,button:focus-visible{outline:3px solid #27629d;outline-offset:5px}@media(max-width:760px){.preview-nav{padding:18px;align-items:flex-start;flex-direction:column}.preview-note{display:block;padding:12px 20px}.preview-note strong{display:block;margin-bottom:5px}.preview-hero{padding:5px 0 22px}.hero-symbol{display:none}.preview-featured{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.preview-card{padding:17px}.preview-footer{display:block}.preview-footer span{display:block;margin-top:8px}}@media(max-width:470px){.preview-grid{grid-template-columns:1fr}#game-host{padding:22px 16px}.preview-nav nav{gap:18px}.typing-art kbd{padding:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.preview-card{transition:none}.preview-card:hover{transform:none}}
:root{--game-ink:#31213b}body{background:linear-gradient(180deg,#fff5e7 0,#fffaf5 550px,#f8f4ff 1200px);color:var(--game-ink)}.preview-nav .brand{color:#5834ac}.preview-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:12px 0 32px}.preview-hero h1{color:#442174;font-size:clamp(2.2rem,4.8vw,3.5rem)}.preview-hero .eyebrow{color:#a74418;font-size:.8rem}.preview-hero p{color:#554363}.games-cover{display:block;width:100%;height:285px;object-fit:cover;border-radius:30px;box-shadow:0 10px 0 #ffcb7e}.preview-card{border:1px solid #dacde7;background:#fff;box-shadow:0 6px 0 #4530560d;padding:20px;overflow:hidden}.preview-card h2{font-size:1.3rem;color:#30213f}.preview-card p{font-size:1rem;color:#544763}.preview-card .eyebrow{font-size:.8rem;color:#6a377e}.preview-featured .preview-card{display:grid;grid-template-columns:43% 1fr;column-gap:22px;background:#fff1d6;border-color:#f7bb57}.preview-featured .feature-art{grid-row:1/6;grid-column:1;height:100%;min-height:210px;margin:0;overflow:hidden}.preview-featured .feature-art>img{width:100%;height:100%;object-fit:cover}.preview-featured .preview-card:nth-child(2){background:#e8e0ff;border-color:#b897ef}.typing-art{display:grid;grid-template-columns:repeat(2,52px);gap:8px;background:#c7b5f0;align-content:center}.typing-art kbd{padding:12px;text-align:center;background:#fff;color:#493375;border-color:#9d7cd3}.typing-art kbd:nth-child(even){background:#fff0ae}.preview-grid .preview-card{--tile:#ffe5b7;--accent:#a35407;--cat-fill:#ffb14d}.preview-grid .preview-card:nth-child(5n+2){--tile:#d8d9ff;--accent:#5434a5;--cat-fill:#b29cf7}.preview-grid .preview-card:nth-child(5n+3){--tile:#c7f0df;--accent:#176d57;--cat-fill:#69cca6}.preview-grid .preview-card:nth-child(5n+4){--tile:#ffdae6;--accent:#a12c61;--cat-fill:#f793b7}.preview-grid .preview-card:nth-child(5n){--tile:#cce9ff;--accent:#246590;--cat-fill:#78c6fa}.preview-grid .cat-art,.mini-board{background:var(--tile);color:var(--accent);height:145px;border-radius:17px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px}.preview-grid .cat-icon{width:90px;height:90px;filter:drop-shadow(0 6px 0 #ffffff70)}.mini-board>span{display:grid;place-items:center;background:#ffffff9e;border:2px solid #ffffffc9;border-radius:18px;width:28%;aspect-ratio:1;transform:rotate(-6deg)}.mini-board>span:nth-child(2){transform:translateY(-8px) rotate(4deg)}.mini-board>span:nth-child(3){transform:rotate(8deg)}.mini-board>span .cat-icon{width:80%;height:auto}.preview-grid .play{color:var(--accent)}.preview-grid .play b{background:var(--tile)}.preview-featured .play{color:#633799}.preview-featured .play b{background:white}.section-title h2{color:#4b3070}.preview-note{background:#eee8ff;color:#4e3a6e;font-size:.875rem}.preview-explanation{background:#e3f4ef;color:#234e47}.preview-footer{font-size:.9rem}.preview-card:hover .cat-icon{transform:translateY(-3px);transition:transform .2s}@media(max-width:900px){.preview-featured .preview-card{display:flex}.preview-featured .feature-art{min-height:180px;height:180px}.typing-art{grid-template-columns:repeat(4,52px)}.preview-hero{gap:20px}.games-cover{height:260px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.preview-hero{grid-template-columns:1fr}.games-cover{height:230px}.preview-hero h1{margin-top:10px}.preview-featured{grid-template-columns:1fr}.preview-grid .cat-icon{width:72px;height:72px}.mini-board{height:130px}}@media(max-width:470px){.preview-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.preview-card:hover .cat-icon{transform:none;transition:none}}