.play-hub{color:#eaf4fa;max-width:1400px;margin:0 auto;padding:clamp(16px,4vw,48px)}.play-hub-hero{background:radial-gradient(at 90% 0,#406cb533,#0000 65%),#0a192a;border:1px solid #31415a;border-radius:26px;justify-content:space-between;align-items:center;gap:30px;padding:clamp(22px,4vw,44px);display:flex}.play-hub-kicker{color:#c4ae78;letter-spacing:.14em;font-size:.72rem;font-weight:850}.play-hub h1{letter-spacing:-.045em;margin:16px 0;font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.04}.play-hub h1 em{color:#f5c96f;font-style:normal}.play-hub-hero p{color:#a7bed2;max-width:620px;font-size:1rem;line-height:1.7}.play-hub-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.play-hub-actions a{color:#d8e8f6;align-items:center;gap:8px;min-height:44px;font-size:.86rem;text-decoration:none;display:flex}.play-hub-actions .play-hub-primary{color:#172235;background:#f5c96f;border-radius:12px;padding:12px 18px;font-weight:850}.play-hub-roundel{color:#f5c96f;border:1px solid #6f644f;border-radius:50%;flex:0 0 190px;place-content:center;justify-items:center;width:190px;height:190px;display:grid;position:relative}.play-hub-roundel>svg{opacity:.1;width:220px;height:220px;position:absolute;inset:-16px}.play-hub-roundel b{font-size:4rem;line-height:1}.play-hub-roundel span{text-align:center;letter-spacing:.15em;margin-top:10px;font-size:.65rem;line-height:1.7}.play-universe-nav{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.play-universe-nav a{color:#d4e3ef;border:1px solid #33465b;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:.85rem;text-decoration:none;display:flex}.play-universe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.play-universe{--accent:#f5c96f;background:#0a1928;border:1px solid #344353;border-radius:20px;min-width:0;padding:22px;scroll-margin-top:90px}.play-universe.violet{--accent:#b8a5fb}.play-universe.mint{--accent:#78e3bc}.play-universe>header>svg{width:30px;height:30px;color:var(--accent);margin-bottom:18px;display:block}.play-universe>header>small{color:var(--accent);letter-spacing:.12em;font-size:.68rem;font-weight:800}.play-universe h2{margin:8px 0;font-size:1.4rem}.play-universe>header p{color:#aec0d0;min-height:64px;font-size:.86rem;line-height:1.6}.play-universe-games{gap:12px;display:grid}.play-universe-game{color:#e8f2fa;background:#102234;border:1px solid #334858;border-radius:14px;min-width:0;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.play-universe-game:hover{border-color:var(--accent);transform:translateY(-2px)}.play-universe-game>small{color:var(--accent);font-size:.7rem}.play-universe-game h3{justify-content:space-between;align-items:center;gap:10px;margin:9px 0;font-size:1.2rem;display:flex}.play-universe-game h3 svg{flex-shrink:0}.play-universe-game p{color:#acc2d5;margin:8px 0 18px;font-size:.8rem;line-height:1.6}.play-universe-game>span{color:var(--accent);font-size:.74rem;font-weight:750}.play-hub-guide{border:1px solid #2c4256;border-radius:18px;flex-wrap:wrap;justify-content:space-around;gap:14px;margin:24px 0;padding:22px;display:flex}.play-hub-guide>div{align-items:center;gap:10px;font-size:.84rem;display:flex}.play-hub-guide b{color:#f5c96f}.play-tools-section{background:#102131;border:1px solid #334655;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.play-tools-section small{color:#8fb1ca;letter-spacing:.1em;font-size:.68rem}.play-tools-section h2{margin:6px 0;font-size:1.25rem}.play-tools-section p{color:#acc0d1;margin:0;font-size:.85rem}.play-tools-section a{color:#a0ecd7;align-items:center;gap:8px;min-height:44px;font-size:.85rem;text-decoration:none;display:flex}.play-hub a:focus-visible{outline-offset:4px;outline:2px solid #a2efd2}@media (max-width:1000px){.play-universe-grid{grid-template-columns:1fr}.play-universe-games{grid-template-columns:repeat(2,minmax(0,1fr))}.play-universe>header p{min-height:0}.play-universe>header>svg{margin-bottom:12px}}@media (max-width:600px){.play-hub-roundel{display:none}.play-hub-hero{padding:22px}.play-universe-games{grid-template-columns:1fr}.play-universe{padding:18px}.play-tools-section,.play-hub-guide{flex-direction:column;align-items:flex-start}.play-universe-nav a{flex:auto;justify-content:center;padding:8px;font-size:.77rem}.play-hub-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.play-universe-game{transition:none}.play-universe-game:hover{transform:none}}.play-saved{background:#10231f;border:1px solid #365946;border-radius:20px;min-width:0;margin:22px 0;padding:22px;scroll-margin-top:85px}.play-saved>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.play-saved header small{color:#8edfc4;letter-spacing:.1em;font-size:.68rem;font-weight:800}.play-saved h2{margin:6px 0;font-size:1.4rem}.play-saved>p,.play-saved-history>p{color:#b6d0c7;font-size:.82rem;line-height:1.6}.play-saved a{color:#a4efd4;align-items:center;min-height:44px;font-size:.85rem;font-weight:700;display:inline-flex}.play-saved-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:16px 0;display:grid}.play-saved-card{background:#102b28;border:1px solid #3c5c53;border-radius:14px;min-width:0;padding:16px}.play-saved-card>small{color:#8ee4c6;font-size:.66rem;font-weight:800}.play-saved-card h3{margin:8px 0;font-size:1.1rem}.play-saved-card p{color:#d2e5dd;overflow-wrap:anywhere;margin:8px 0;font-size:.79rem;line-height:1.5}.play-saved-card time{color:#a5c7b8;font-size:.73rem;display:block}.play-saved-history{border-top:1px solid #3c5c53;padding-top:10px}.play-saved-history summary{cursor:pointer;align-content:center;min-height:44px;font-size:.95rem}.play-saved-history ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.play-saved-history li{overflow-wrap:anywhere;border:1px solid #3c5c53;border-radius:10px;gap:6px;padding:12px;font-size:.8rem;display:grid}.play-saved-history li>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.play-saved-history time,.play-saved-history li>span{color:#b6d0c7;font-size:.72rem}.play-saved .play-save-warning{color:#ffdcab}@media (max-width:600px){.play-saved{padding:16px}.play-saved h2{font-size:1.2rem}}