:root{--bg: #06283d;--panel: rgba(10, 60, 92, .72);--panel-edge: rgba(255, 255, 255, .14);--text: #d3ecfb;--muted: #9cc8e8;--heading: #ffffff;--gold: #ffe973;--gold-2: #ffc21e;--gold-shadow: #b97f10;--cyan: #7ff0ff;--shadow: rgba(0, 0, 0, .45);--ink: #04304a;color-scheme:dark}:root[data-theme=light]{--bg: #dff1fb;--panel: rgba(255, 255, 255, .78);--panel-edge: rgba(6, 40, 61, .12);--text: #1e3a4f;--muted: #4f7590;--heading: #06283d;--shadow: rgba(6, 40, 61, .22);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Rubik,Trebuchet MS,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;overflow-x:hidden}#sea{position:fixed;inset:0;z-index:-1;display:block}.site-header{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(16px,4vw,40px)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:12px}.brand-word{font-family:Lilita One,Rubik,sans-serif;font-size:clamp(34px,5vw,48px);color:var(--gold);letter-spacing:1px;text-shadow:0 3px 0 var(--gold-shadow),0 7px 0 rgba(30,60,90,.55),0 10px 24px var(--shadow)}.brand-word .sc{font-size:.78em}.brand-sub{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.site-nav{display:flex;gap:10px}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;text-decoration:none;color:var(--heading);background:var(--panel);border:1px solid var(--panel-edge);cursor:pointer;box-shadow:0 2px 8px var(--shadow);transition:transform .12s ease,background .2s;font-family:inherit}.icon-btn:hover{transform:translateY(-2px)}.icon-btn.spin{animation:dice .45s ease}@keyframes dice{50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg)}}.wrap{width:min(920px,100% - 32px);margin:0 auto;padding:8px 0 64px}.intro{font-size:17px;color:var(--muted);margin:6px 0 26px;max-width:620px}.games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.game{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:center;padding:18px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow),inset 0 1px #ffffff1f;animation:rise .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 90ms);transition:transform .18s ease,box-shadow .18s ease}.game:hover{transform:translateY(-3px);box-shadow:0 16px 40px var(--shadow),inset 0 1px #ffffff24}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;border:2px solid var(--panel-edge);box-shadow:0 6px 18px var(--shadow);transform:perspective(900px) rotateY(6deg);transition:transform .25s ease}.game:hover .thumb{transform:perspective(900px) rotateY(0) scale(1.02)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-120%);transition:transform .6s ease}.game:hover .thumb .shine{transform:translate(120%)}.info{min-width:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.tag{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);background:var(--accent);padding:3px 9px;border-radius:999px;font-weight:500}.title{margin:0;font-family:Lilita One,Rubik,sans-serif;font-size:clamp(28px,4vw,36px);letter-spacing:.5px;line-height:1.1}.title a{color:var(--heading);text-decoration:none;text-shadow:0 2px 0 rgba(0,0,0,.25)}.tagline{margin:4px 0 8px;color:var(--cyan);font-style:italic}:root[data-theme=light] .tagline{color:#1d7fa8}.desc{margin:0 0 16px}.play{display:inline-flex;align-items:center;gap:10px;font-family:Lilita One,Rubik,sans-serif;font-size:20px;letter-spacing:1px;color:var(--ink);text-decoration:none;background:linear-gradient(#ffe973,#ffc21e);border-radius:12px;padding:10px 28px;box-shadow:0 4px 0 var(--gold-shadow),0 8px 18px var(--shadow);transition:transform .08s ease,box-shadow .08s ease,filter .12s}.play:hover{filter:brightness(1.07)}.play:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-shadow),0 4px 10px var(--shadow)}.play-arrow{font-size:13px;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translate(3px)}}.site-footer{text-align:center;color:var(--muted);font-size:13px;letter-spacing:1px;padding:0 16px 28px}.site-footer .dot{margin:0 8px}@media(max-width:720px){.game{grid-template-columns:1fr;gap:14px;padding:14px}.thumb{transform:none}.brand-sub{display:none}}@media(prefers-reduced-motion:reduce){.game,.play-arrow,.icon-btn.spin{animation:none}.thumb,.thumb .shine,.game{transition:none}}