:root{--washi: #efe7d6;--sumi: #17140f;--vermilion: #e5543f;--gold: #e6b24d;--gold-lite: #ffd98a;--indigo: #2a4b7c;--panel: rgba(23, 20, 15, .72);--hair: rgba(239, 231, 214, .16);--font-d: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--font-b: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-b);background:#1b2e4e;color:var(--washi);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}button{font-family:inherit;cursor:pointer}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#14100a59,#0f0c08d1 75%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadein .6s ease}.intro-card{text-align:center;padding:0 24px;max-width:640px}.kicker{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:22px;opacity:.9}.intro h1{font-family:var(--font-d);font-weight:600;font-size:clamp(44px,9vw,96px);line-height:.98;letter-spacing:.02em;text-shadow:0 4px 40px rgba(0,0,0,.5);margin-bottom:14px}.tagline{font-size:clamp(15px,2.4vw,19px);color:var(--washi);opacity:.85;margin-bottom:30px}.enter-btn{background:linear-gradient(180deg,var(--vermilion),#b3341f);color:#fff;border:0;border-radius:999px;padding:15px 34px;font-size:16px;font-weight:600;letter-spacing:.02em;box-shadow:0 12px 40px -12px #e5543fb3,inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px -14px #e5543fd9}.enter-btn:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px}.hint-sm{margin-top:22px;font-size:12.5px;color:#efe7d699;letter-spacing:.04em}.intro-links{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.intro-links a{color:var(--gold-lite);font-size:13px;font-weight:600;letter-spacing:.03em;text-decoration:none;opacity:.9;transition:opacity .15s ease}.intro-links a:hover{opacity:1;text-decoration:underline}.intro-links .in-a-hurry{color:#efe7d673;font-size:11.5px;letter-spacing:.02em}@media(max-width:520px){.intro-links .in-a-hurry{display:none}}.chip{position:fixed;top:18px;left:20px;z-index:20;font-size:13px;letter-spacing:.03em;color:var(--washi);background:var(--panel);border:1px solid var(--hair);border-radius:999px;padding:8px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}.chip .muted{color:#efe7d699}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.controls{position:fixed;bottom:18px;left:20px;z-index:20;font-size:12px;color:#efe7d6b3;letter-spacing:.02em;background:var(--panel);border:1px solid var(--hair);border-radius:10px;padding:8px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls b{color:var(--gold-lite);font-weight:600}.prompt{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:20;width:min(440px,calc(100vw - 40px));background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:18px 20px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px -30px #000c;animation:rise .28s cubic-bezier(.2,.9,.3,1)}.prompt-sahloka{border-color:#e6b24d80;box-shadow:0 24px 70px -26px #e6b24d8c,inset 0 0 0 1px #e6b24d26;background:linear-gradient(180deg,#3c2c12bf,#17140fcc)}.prompt-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:6px}.prompt-name{font-family:var(--font-d);font-size:24px;font-weight:600;margin-bottom:8px}.prompt-blurb{font-size:14px;line-height:1.55;color:#efe7d6d1;margin-bottom:16px}.prompt-btn{background:var(--indigo);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:transform .12s ease,filter .12s ease}.prompt-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.prompt-btn.gold{background:linear-gradient(180deg,var(--gold),#c8902f);color:#2b1e08}.prompt-btn .key{font-size:11px;font-weight:700;background:#ffffff2e;border-radius:5px;padding:2px 7px;letter-spacing:.05em}.toast{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:25;font-family:var(--font-d);font-size:clamp(30px,6vw,60px);font-weight:600;color:var(--gold-lite);letter-spacing:.04em;text-shadow:0 4px 30px rgba(0,0,0,.6);pointer-events:none;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,var(--gold-lite),var(--gold) 35%,#7a4d10 100%);transition:opacity .9s ease}.fade-on{opacity:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}