@font-face{font-family:Inter;src:url('/assets/Inter.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:light dark;--background:#f7f6fa;--text:#292431;--secondary:#6d6577;--brand:#6e4aa8;--border:#ded8e7;--hover:#f1edf7}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:16px/1.5 Inter,-apple-system,sans-serif;scrollbar-color:var(--secondary) var(--background)}
::selection{background:#d8c9ef;color:#292431}main{max-width:820px;margin:auto;padding:40px 32px 24px;padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.brand{font-size:16px;font-weight:650;color:var(--brand)}h1{font-size:36px;line-height:1.2;letter-spacing:-.025em;margin:32px 0 12px;font-weight:650;text-wrap:balance}header p{margin:0;color:var(--secondary)}.games{list-style:none;padding:0;margin:36px 0 24px}.games li+li{border-top:1px solid var(--border)}.game{display:flex;gap:28px;align-items:center;padding:24px 0;text-decoration:none;color:inherit;border-radius:12px}.art{width:144px;height:144px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.tea{background:#e4eee5}.bubbles{background:#f0e1d2}.spa{background:#ebe4f3}.art img{width:100%;height:100%;object-fit:contain}.bubbles img{object-fit:cover;object-position:50% 62%}.spa img{object-fit:cover}.details h2{font-size:21px;line-height:1.35;font-weight:600;margin:0 0 8px;text-wrap:balance}.details p{margin:0;color:var(--secondary);max-width:40ch}.play{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-weight:600;color:var(--brand)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.game:hover .play{text-decoration:underline;text-underline-offset:4px}.game:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.game:active{background:var(--hover)}footer{display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--secondary);font-size:14px}footer p{margin:0}footer a{color:var(--secondary);padding:12px 0;text-underline-offset:4px}.document h2{margin-top:32px}.document a{color:var(--brand)}
@media(max-width:540px){main{padding:24px 20px}h1{font-size:28px;margin-top:28px}.games{margin-top:24px}.game{gap:16px;padding:24px 0}.art{width:96px;height:112px}.details h2{font-size:17px}.details p{font-size:14px}.play{font-size:14px;margin-top:4px}footer{align-items:flex-start;flex-direction:column;gap:0}}
@media(prefers-color-scheme:dark){:root{--background:#141419;--text:#f3f1f7;--secondary:#b7b2c2;--brand:#c4b5fd;--border:#3b3746;--hover:#24212c}}
.document a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;margin-right:12px;max-width:100%;overflow-wrap:anywhere}
