:root{--font-display: "Palatino Linotype", "Book Antiqua", Palatino, serif;--font-body: "Gill Sans", "Trebuchet MS", "Segoe UI", sans-serif;--turquoise: #2cc7c9;--turquoise-dark: #0b8f95;--turquoise-light: #baf3f2;--ink: #112227;--ink-soft: #3f5b63;--shell: #f4fbfb;--card: #ffffff;--shadow: 0 24px 50px rgba(10, 80, 92, .12);font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--ink);background-color:var(--shell)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,rgba(44,199,201,.16),transparent 50%),radial-gradient(circle at 85% 15%,rgba(186,243,242,.6),transparent 45%),radial-gradient(circle at 50% 80%,rgba(44,199,201,.12),transparent 55%),var(--shell)}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh;padding:clamp(18px,4vw,36px);gap:clamp(24px,4vw,40px)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-radius:24px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:18px}.logo{width:clamp(72px,10vw,110px);height:clamp(72px,10vw,110px);object-fit:contain;filter:drop-shadow(0 10px 16px rgba(44,199,201,.25));animation:float 4s ease-in-out infinite}.brand-title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:700;letter-spacing:.02em;text-transform:lowercase}.brand-subtitle{margin:4px 0 0;font-size:1rem;color:var(--ink-soft)}.site-nav{display:flex;gap:12px;flex-wrap:wrap}.nav-link{padding:8px 16px;border-radius:999px;background:var(--turquoise-light);font-weight:600;transition:transform .2s ease,background .2s ease}.nav-link:hover{transform:translateY(-2px);background:#2cc7c94d}.site-main{flex:1;display:grid;align-items:normal}.home,.games{display:grid;gap:24px;max-width:860px}.home-card,.home-panel,.not-found-card,.not-found-bubble{padding:clamp(22px,4vw,32px);border-radius:28px;background:var(--card);box-shadow:var(--shadow);animation:fadeUp .6s ease both}.home-panel{background:linear-gradient(140deg,#fff,#e9fbfb 60%,#d9f6f5)}.home-kicker{margin:0 0 8px;font-size:.9rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--turquoise-dark)}.home-title{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem)}.home-body{margin:0;font-size:1.1rem;color:var(--ink-soft)}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.action{padding:10px 18px;border-radius:999px;font-weight:700;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.action.primary{background:var(--turquoise);color:#05363c;box-shadow:0 12px 24px #2cc7c959}.action.ghost{border-color:var(--turquoise);color:var(--turquoise-dark)}.action:hover{transform:translateY(-2px)}.home-panel-title{margin:0 0 12px;font-family:var(--font-display);font-size:1.4rem}.home-list{margin:0;padding-left:20px;color:var(--ink-soft)}.not-found{display:grid;gap:24px;max-width:860px}.not-found-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#e6f9f7 55%,#d5f6f4)}.not-found-kicker{margin:0 0 10px;font-size:1rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--turquoise-dark)}.not-found-title{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem)}.not-found-body{margin:0;font-size:1.1rem;color:var(--ink-soft)}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.not-found-stars{display:flex;gap:10px;margin-top:22px;font-size:1.4rem;color:var(--turquoise)}.star{animation:twinkle 2.2s ease-in-out infinite}.star:nth-child(2){animation-delay:.2s}.star:nth-child(3){animation-delay:.4s}.star:nth-child(4){animation-delay:.6s}.star:nth-child(5){animation-delay:.8s}.not-found-bubble{background:#fff;border:3px dashed var(--turquoise);box-shadow:0 12px 24px #2cc7c933}.bubble-title{margin:0 0 8px;font-family:var(--font-display);font-size:1.4rem}.bubble-body{margin:0;color:var(--ink-soft);font-size:1.05rem}.nav-link.router-link-active{background:var(--turquoise);color:#05363c}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}@media(max-width:640px){.site-header{flex-direction:column;align-items:flex-start}.brand,.home-actions{width:100%}}