:root{--ink: #1a2421;--moss: #2f5d50;--leaf: #4f8f6f;--amber: #e8a838;--clay: #c4704b;--parchment: #eef2e8;--mist: #d5e0d6;--blood: #b33a3a;--shield: #3a6ea5;--font-ui: "Nunito", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Fraunces", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Georgia, serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-lift: 0 10px 28px rgba(26, 36, 33, .14);--shadow-soft: 0 4px 14px rgba(26, 36, 33, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--page-enter: .42s var(--ease-out);--hover-lift: .22s var(--ease-out)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-ui);font-weight:600;background:var(--parchment);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter var(--page-enter) both}.lift-card{transition:transform var(--hover-lift),box-shadow var(--hover-lift)}.lift-card:hover,.lift-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lift)}@keyframes fury-pulse{0%,to{box-shadow:0 0 #e8a83873}50%{box-shadow:0 0 0 8px #e8a83800}}.fury-pulse{animation:fury-pulse 1.4s ease-in-out infinite}.atmosphere{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(79,143,111,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 20%,rgba(232,168,56,.18),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(196,112,75,.12),transparent 55%),linear-gradient(165deg,#f5f7f0 0%,var(--parchment) 45%,#e4ebe3 100%)}.atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232F5D50' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main-nav{display:flex;align-items:center;gap:.35rem;padding:.75rem 1.25rem;background:#eef2e8e0;border-bottom:1px solid var(--mist);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40;flex-wrap:wrap}@media(max-width:720px){.main-nav{gap:.2rem;padding:.55rem .75rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{flex:none;padding:.35rem .6rem;font-size:.82rem}.nav-brand{flex:none;margin-right:.35rem;font-size:1.15rem}.nav-meta{flex:none}}.nav-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--moss);margin-right:.75rem;letter-spacing:.04em}.nav-link{padding:.4rem .75rem;border-radius:999px;color:var(--ink);opacity:.72;font-size:.92rem;font-weight:700;transition:background var(--hover-lift),opacity var(--hover-lift),color var(--hover-lift)}.nav-link:hover,.nav-link.active{opacity:1;background:var(--mist);color:var(--moss)}.nav-link.active{background:var(--moss);color:var(--parchment)}.page{flex:1;width:min(1120px,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:999px;padding:.7rem 1.35rem;font-weight:800;cursor:pointer;transition:transform var(--hover-lift),box-shadow var(--hover-lift),background var(--hover-lift)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--moss);color:var(--parchment);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--leaf);box-shadow:var(--shadow-lift)}.btn-amber{background:var(--amber);color:var(--ink)}.btn-ghost{background:transparent;color:var(--moss);border:2px solid var(--mist)}.btn-danger{background:var(--blood);color:#fff}.panel{background:#ffffff8c;border:1px solid var(--mist);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-soft)}.meter{height:12px;border-radius:999px;background:var(--mist);overflow:hidden}.meter>span{display:block;height:100%;border-radius:inherit;transition:width .28s var(--ease-out)}.meter-energy>span{background:linear-gradient(90deg,var(--leaf),var(--moss))}.meter-fury>span{background:linear-gradient(90deg,var(--clay),var(--amber))}.meter-hp>span{background:linear-gradient(90deg,var(--blood),#d46565)}.meter-shield>span{background:linear-gradient(90deg,var(--shield),#6a9bc8)}.grid-creatures{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.muted{color:#1a24219e;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes hit-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes float-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}20%{opacity:1}to{opacity:0;transform:translateY(-28px) scale(1.05)}}@keyframes egg-ready{0%,to{filter:drop-shadow(0 0 0 rgba(232,168,56,0))}50%{filter:drop-shadow(0 0 12px rgba(232,168,56,.55))}}.hit-shake{animation:hit-shake .28s var(--ease-out)}.float-pop{animation:float-pop .9s var(--ease-out) forwards;pointer-events:none;font-weight:800;font-size:.95rem}.egg-ready-pulse{animation:egg-ready 1.6s ease-in-out infinite}.hand-card-affordable{transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),opacity .18s var(--ease-out)}.hand-card-affordable.is-selected{transform:translateY(-10px) scale(1.04);box-shadow:var(--shadow-lift)}.hand-card-affordable.is-dim{opacity:.42}@media(prefers-reduced-motion:reduce){.hit-shake,.float-pop,.egg-ready-pulse,.fury-pulse,.page-enter{animation:none!important}}