@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Space+Grotesk:wght@400;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#15231d;background-color:#f2f0e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #fef8ea;--panel-strong: #fff2d6;--ink: #19251f;--shadow: rgba(0, 0, 0, .12);--accent: #ff965a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fef9e7,#f1edd8 45%,#e8e1c4)}#app{min-height:100vh}button,input,select{font-family:inherit}button{border:none;padding:.65rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0000001f}button.primary{background:#121819;color:#f7f1e5}button.ghost{background:transparent;border:2px solid #121819;color:#121819}input,select{width:100%;padding:.55rem .75rem;border-radius:12px;border:1.5px solid #151d19;background:#fffdf6;font-weight:600}input[type=color]{padding:0;height:42px}h1,h2,.title{font-family:"DM Serif Display",serif;margin:0}h2{font-size:1.8rem}p{margin:.4rem 0 0}.app{padding:2.5rem clamp(1rem,4vw,3.5rem);display:flex;flex-direction:column;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.22rem;font-size:.8rem;font-weight:700}.title{font-size:clamp(2.4rem,4vw,3.4rem)}.credit{font-size:.95rem;font-weight:600;color:#4a5a52;margin-top:.35rem}.hud{display:flex;gap:1rem}.hud-item{background:var(--panel);padding:.65rem 1rem;border-radius:18px;box-shadow:0 6px 14px var(--shadow);min-width:120px}.hud-item .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12rem;color:#54635a}.hud-item .value{font-weight:700}.panel{display:flex;justify-content:center}.panel-card{width:min(980px,96vw);background:var(--panel);border-radius:28px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 26px 45px #00000026;display:flex;flex-direction:column;gap:1.8rem}.panel-subtext{color:#47564d}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.45rem;font-weight:600}.preview{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);gap:2rem;align-items:center}.pig-card{background:var(--panel-strong);border-radius:24px;padding:1.5rem;text-align:center;box-shadow:inset 0 0 0 2px #00000014}.pig-avatar{width:140px;height:120px;margin:0 auto 1rem;position:relative}.pig{width:140px;height:90px;border-radius:60px 70px 45px 55px;background:var(--pig-color, #f6c7a2);position:absolute;bottom:0;left:0;box-shadow:inset 0 -6px #0000001a}.pig:before{content:"";position:absolute;width:36px;height:30px;background:inherit;border-radius:18px;right:-12px;top:10px;box-shadow:inset 0 -4px #00000014}.pig:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#1b1f1c;right:6px;top:18px}.pig--teddy{border-radius:60px}.pig--silkie{box-shadow:inset 0 -10px #0000001f,0 8px 12px #0000001f}.pig--dance{animation:dance .8s infinite alternate}@keyframes dance{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6px) rotate(2deg)}}.pig-accessory{position:absolute;z-index:3}.pig-accessory[data-accessory=leaf-crown]{width:40px;height:24px;top:16px;left:115px;border-radius:14px 14px 8px 8px;background:linear-gradient(135deg,#6dbb6d,#317b3e);box-shadow:0 0 0 3px #fef8ea}.pig-accessory[data-accessory=bow]{width:26px;height:20px;top:68px;left:126px;background:#f2567c;border-radius:12px}.pig-accessory[data-accessory=cape]{width:44px;height:46px;top:30px;left:63px;background:#3b2d6d;border-radius:8px 8px 18px 18px;z-index:1;box-shadow:inset 0 -8px #0003}.pig-name{font-weight:700}.rules{display:flex;flex-direction:column;gap:.6rem;font-size:.95rem}.game-stage{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1.6rem;align-items:start}.game-canvas{position:relative;width:100%;height:380px;border-radius:28px;overflow:hidden;background:var(--theme-bg);box-shadow:0 24px 40px #0003}.sky{position:absolute;inset:0}.cloud{position:absolute;width:90px;height:32px;border-radius:30px;background:#ffffffb3;top:40px;box-shadow:40px 10px #fff9}.ground{position:absolute;left:0;right:0;bottom:0;height:90px}.bridge{position:absolute;height:18px;background:linear-gradient(90deg,#f5d6a0,#d6a769);border-radius:10px;box-shadow:0 6px #00000026;transition:transform .2s ease}.bridge:after{content:"";position:absolute;inset:5px 10px;border-top:2px dashed rgba(0,0,0,.2)}.bridge.fallen{filter:brightness(.75)}.pit{position:absolute;bottom:0;height:90px;background:#1a1916}.tree{position:absolute;width:26px;background:linear-gradient(180deg,#8a5a3c,#4a2f1f);border-radius:14px 14px 8px 8px;transform-origin:bottom left;box-shadow:inset -4px -6px #0003}.tree:before{content:"";position:absolute;width:80px;height:60px;left:-28px;top:-48px;background:radial-gradient(circle,#78c06a,#3f7b47 70%);border-radius:50%;box-shadow:18px 12px #5aa05ab3}.tree.falling:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:0 0 0 2px #ffd778b3}.rock{position:absolute;border-radius:8px 12px 10px 14px;background:#7c7c78;box-shadow:inset -4px -4px #0003}.snack,.hazard{position:absolute}.snack{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 3px #fffc}.snack[data-type=lettuce]{background:#83d88f}.snack[data-type=carrot]{background:#f4953e}.hazard{width:34px;height:30px;background:#d24a4a;clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:0 0 0 2px #0000001f}.hand{position:absolute;width:70px;height:120px;background:linear-gradient(180deg,#f4d1a6,#d9a16c);border-radius:24px 24px 18px 18px;box-shadow:inset 0 -10px #00000026}.hand:before{content:"";position:absolute;top:-24px;left:6px;width:58px;height:40px;background:#f4d1a6;border-radius:18px 18px 10px 10px;box-shadow:inset 0 -6px #0000001f}.player{position:absolute;width:150px;height:120px;pointer-events:none}.name-tag{position:absolute;top:-14px;left:0;background:#ffffffd9;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:700}.progress{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:.5rem;background:#ffffffb3;padding:.35rem .75rem;border-radius:999px;font-weight:700}.progress-track{width:120px;height:8px;background:#00000026;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--theme-accent)}.status{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#121819eb;color:#fff1d8;padding:.5rem 1rem;border-radius:999px;font-weight:600}.overlay,.shop{position:absolute;inset:0;display:grid;place-items:center;background:#0006}.overlay-card,.shop-card{background:var(--panel);padding:2rem;border-radius:24px;width:min(420px,90vw);text-align:center;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;gap:1rem}.button-row{display:flex;justify-content:center;gap:1rem}.shop-list{display:grid;gap:.6rem;margin-top:.5rem}.shop-item{background:#fff3e0;display:flex;justify-content:space-between}.shop-empty{font-weight:600;color:#5c6b62}.shop-closer{margin-top:.6rem}.sidebar{background:var(--panel);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 14px 28px #0000001f}.stat{display:flex;flex-direction:column;gap:.3rem}.stat .label,.inventory .label{text-transform:uppercase;letter-spacing:.14rem;font-size:.65rem;color:#627269}.stat .value{font-weight:700}.inventory{display:flex;flex-direction:column;gap:.6rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.35rem .7rem;border-radius:999px;background:#fff3e0;font-size:.8rem}.chip.active{background:#121819;color:#f7f1e5}@media(max-width:900px){.header{flex-direction:column;align-items:flex-start}.hud{flex-wrap:wrap}.preview,.game-stage{grid-template-columns:1fr}.sidebar{order:-1}}