:root{--bg-primary:#0b0f0b;--bg-secondary:#1a2021;--bg-cave:radial-gradient(ellipse at top, #1f2a21 0%, #0b0f0b 70%);--text-primary:#f2f0ec;--text-secondary:#bfb9a3;--accent-fire:#ff5c1d;--accent-fire-light:#ff8a3d;--accent-stone:#8b8576;--accent-bone:#e6ded0;--accent-green:#4d9c5d;--accent-red:#d64533;--accent-blue:#5c8dd6;--shadow-heavy:#0009 0 20px 40px -10px;--border-stone:2px solid #8b8576;--border-bone:2px solid #e6ded0;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-cave);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#root{background:var(--bg-cave);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:inherit;transition:transform .1s,box-shadow .2s,filter .2s}button:hover{filter:brightness(1.05)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);width:100%;max-width:1200px;min-height:100vh;padding:clamp(1rem,2vw,2rem);display:flex}.screen-title{text-shadow:0 4px 20px #00000080;letter-spacing:-.02em;color:var(--accent-bone);font-size:clamp(2rem,6vw,4rem);font-weight:800}.subtitle{color:var(--text-secondary);max-width:60ch;font-size:clamp(1rem,2.5vw,1.5rem)}.app-banner{width:min(100%,720px);height:auto;display:block}@keyframes bonkFlash{0%{opacity:.9}to{opacity:0}}@keyframes cardPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.splash{z-index:999;cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-img{object-fit:contain;max-width:100%;max-height:100%;animation:2.5s forwards splashShow}@keyframes splashShow{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.splash-skip{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:.85rem;animation:2.5s forwards splashSkip;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes splashSkip{0%,30%{opacity:0}50%,80%{opacity:1}to{opacity:0}}