:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f6fb;background:#0b101a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#19333755,transparent 42%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7af7d1;outline-offset:5px}.topbar{height:84px;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#0b101acc}.brand{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:1px;font-weight:800}.brand>span:last-child{color:#67e6c1}.brand-mark{display:grid;place-items:center;border-radius:11px;background:#69ebc3;color:#0a342b;width:34px;height:34px;margin-right:4px;font-size:23px}.live-label{font-size:10px;letter-spacing:1.4px;color:#94a8b7;display:flex;align-items:center;gap:7px}.live-label i{width:6px;height:6px;background:#69ebc3;border-radius:50%}main{max-width:1168px;margin:0 auto;padding:52px 24px 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:44px}.eyebrow{font-size:11px;color:#6fe5c2;letter-spacing:2px;font-weight:700;margin:0 0 14px}h1{font-size:38px;letter-spacing:-1.4px;margin:0 0 12px}.description{word-break:keep-all;margin:0;color:#9ba7ba;font-size:15px;line-height:1.7}.refresh{flex-shrink:0;color:#c3cbda;border:1px solid #2b3546;border-radius:9px;background:#161e2c;padding:11px 14px;font-size:12px}.refresh span{padding-left:8px;font-size:17px}.refresh:disabled{opacity:.5;cursor:wait}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font-size:16px;margin:0}.section-heading h2 span{font-size:13px;color:#6fe5c2;margin-left:7px}.section-heading p{font-size:12px;color:#8794a9;margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{min-width:0;overflow:hidden;border-radius:16px;border:1px solid #263347;background:#141d2b;transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-3px);border-color:#567c81}.game-open{border:0;padding:0;display:block;width:100%;text-align:left;background:none;color:inherit;border-radius:15px;overflow:hidden}.game-open:focus-visible{outline-offset:-4px}.game-open:disabled{cursor:wait;opacity:.7}.artwork{position:relative;height:194px;background:radial-gradient(ellipse at 60% 30%,#417e8755,transparent 65%),linear-gradient(140deg,#174e58,#152839);overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px}.artwork::before{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff0d;border-radius:50%;transform:translateX(65px)}.artwork::after{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff0d;border-radius:50%;transform:translateX(65px)}.theme-dice .artwork{background:radial-gradient(ellipse at 60% 30%,#aa814f33,transparent 70%),linear-gradient(140deg,#5a4430,#262637)}.theme-card .artwork{background:radial-gradient(ellipse at 60% 30%,#676ca477,transparent 70%),linear-gradient(140deg,#353b6d,#182538)}.theme-other .artwork{background:radial-gradient(ellipse at 60% 30%,#93647555,transparent 70%),linear-gradient(140deg,#553746,#222739)}.art-tile{font-family:Georgia,serif;width:70px;height:96px;border-radius:9px;background:linear-gradient(145deg,#fffef4,#c9d8d7);color:#184745;display:grid;place-items:center;font-size:46px;box-shadow:0 12px 22px #0004;z-index:1;transform:rotate(-14deg) translateY(3px);border:1px solid #fff8}.art-tile:nth-of-type(2){transform:rotate(12deg) translateY(-6px);color:#ad4555}.theme-dice .art-tile{height:70px;width:70px;border-radius:15px;font-family:system-ui;font-size:58px;color:#57412c}.theme-other .art-tile{border-radius:50%;height:74px;width:74px;font:700 26px system-ui;color:#603a55}.status{position:absolute;left:18px;top:16px;font-size:10px;letter-spacing:.5px;font-weight:700;color:#d7e0e4;background:#0b1318a3;border:1px solid #ffffff16;padding:6px 9px;border-radius:6px;z-index:2}.status[data-state=live]{color:#7dffd2}.status[data-state=preparing]{color:#ffe3a0}.game-content{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.game-info{min-width:0}.game-info h3{margin:0 0 6px;font-size:22px;overflow-wrap:anywhere;letter-spacing:-.4px}.game-info p{margin:0;color:#7f8da3;font-size:11px;overflow-wrap:anywhere;line-height:1.5}.open-label{font-size:12px;flex-shrink:0;color:#8be7ce}.open-label span{padding-left:8px;font-size:20px}.error{padding:14px 16px;border:1px solid #714745;background:#321f25;color:#ffc7be;border-radius:9px;line-height:1.6;font-size:14px}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff0c;padding-top:25px;margin-top:46px;color:#59687e;font-size:10px;letter-spacing:1px}footer span{letter-spacing:0}[hidden]{display:none!important}@media(max-width:620px){.topbar{height:68px;padding:0 20px}.brand{font-size:14px}.live-label{font-size:9px}main{padding:34px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}h1{font-size:31px}.intro{align-items:flex-end;margin-bottom:32px}.description{max-width:225px;font-size:13px}.refresh{font-size:11px;padding:9px}.refresh span{padding-left:3px}.cards{grid-template-columns:minmax(0,1fr);gap:18px}.artwork{height:171px}.game-content{padding:18px 20px}.section-heading p{font-size:11px}.game-info h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}