*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{background:#070a18;color:#f2ead2;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
#arcade{width:100%;max-width:560px;padding:28px 18px 34px}
header{text-align:center;margin-bottom:20px}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8ea0c8}
h1{font-family:Georgia,serif;letter-spacing:.12em;font-size:clamp(34px,8vw,50px);background:linear-gradient(180deg,#fff8e2 15%,#ffd257 55%,#e07f16);-webkit-background-clip:text;background-clip:text;color:transparent;margin:.1em 0 .2em}
.tag{font-size:14px;color:#b9af8e;max-width:44ch;margin:0 auto;line-height:1.5}
#games{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;text-decoration:none;color:inherit;background:linear-gradient(160deg,rgba(24,30,66,.95),rgba(10,13,32,.94));border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.card:active{transform:scale(.98)}
.card .txt{flex:1;display:flex;flex-direction:column;gap:4px}
.card b{font-size:19px;letter-spacing:.14em}
.card small{font-size:13px;line-height:1.45;color:#cfc4a8}
.card em{font-style:normal;font-size:12px;font-weight:700;color:#ffd257;letter-spacing:.06em}
.card .go{font-size:18px;color:#ffd257;opacity:.85}
.art{flex:0 0 64px;width:64px;height:64px;border-radius:16px;position:relative;overflow:hidden;background:#0b1026;display:block}
.murmur .art{background:radial-gradient(circle at 50% 120%,#f08c1d,#2a1a3a 60%,#0b1026)}
.murmur .art i{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff6d8,#ffcf4d 60%,transparent 70%)}
.murmur .b1{width:22px;height:22px;left:8px;top:26px;animation:fl 2.6s ease-in-out infinite}
.murmur .b2{width:15px;height:15px;left:26px;top:16px;animation:fl 2.6s .4s ease-in-out infinite}
.murmur .b3{width:18px;height:18px;left:40px;top:30px;animation:fl 2.6s .8s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.forked .art{background:radial-gradient(circle at 50% 0%,#1d2f66,#070a1c)}
.forked .orb{position:absolute;left:25px;top:36px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#aee3ff 55%,#1e5fc8)}
.forked .ghost{position:absolute;width:11px;height:11px;border-radius:50%;background:#9a6bff;opacity:.8}
.forked .g1{left:12px;top:14px;animation:fl 2.2s ease-in-out infinite}
.forked .g2{left:40px;top:12px;animation:fl 2.2s .5s ease-in-out infinite}
.wordnab .art{background:linear-gradient(160deg,#232c5e,#12172f);display:flex;align-items:center;justify-content:center;gap:3px}
.wordnab .tile{font-style:normal;font-weight:900;font-size:15px;color:#fff;background:linear-gradient(180deg,#3b4a9e,#26306e);border:1px solid #5a6be0;border-radius:6px;padding:3px 5px}
.wordnab .tile:first-child{border-color:#ff7a5c;color:#ffd9cd}
.tether .art{background:linear-gradient(180deg,#12291f,#0a1a24)}
.tether .drop{position:absolute;left:27px;top:12px;width:12px;height:16px;border-radius:50% 50% 60% 60%;background:radial-gradient(circle at 35% 30%,#fff,#9dffd9 60%,#1b6b4a);animation:fl 1.8s ease-in-out infinite}
.tether .thread{position:absolute;left:32px;top:0;width:2px;height:26px;background:#5df2b8;opacity:.9}
footer{text-align:center;margin-top:18px;font-size:12px;color:#8ea0c8}
@media (prefers-reduced-motion:reduce){.art i{animation:none}}