:root{--text:#5e4d3a;--text-h:#3a2e20;--bg:#f4efe2;--surface:#fcf8ee;--border:#d8cbac;--code-bg:#ece3d0;--accent:#e08a2e;--accent-hover:#c4731f;--accent-bg:#e08a2e29;--accent-border:#e08a2e8c;--social-bg:#d8cbac80;--text-disabled:#a89a84;--shadow:#5a462d2e 0 10px 18px -6px, #5a462d1f 0 4px 8px -3px;--on-color:#fffaf0;--color-attack:#d2603a;--color-defense:#5a8f3c;--color-heal:#2aaa60;--rarity-common:#8a7a60;--rarity-rare:#3a78c2;--rarity-epic:#c0911f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#cfe3ec}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:0 0;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.home-screen{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.home-screen__form{background:var(--surface);border:1px solid var(--border);width:100%;max-width:320px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:32px;display:flex}.home-screen__title{text-align:center;color:var(--text-h);margin:0 0 16px}.home-screen__label{color:var(--text);font-size:14px}.home-screen__input{border:2px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:9px 14px;font-size:16px}.home-screen__input::placeholder{color:var(--text);opacity:.7}.home-screen__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent-border)}.home-screen__submit{color:var(--on-color);background:var(--accent);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 12px;font-size:16px;font-weight:700;transition:border-color .3s,background-color .3s}.home-screen__submit:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-hover)}.home-screen__submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-screen__submit:disabled{color:var(--text-disabled);background:var(--accent-bg);cursor:not-allowed}.lobby-screen{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.lobby-screen__panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:8px;padding:32px;display:flex}.lobby-screen__title{text-align:center;margin:0}.lobby-screen__leave-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;align-self:center;margin-top:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:border-color .3s,color .3s}.lobby-screen__leave-button:hover{border-color:var(--text);color:var(--text-h)}.lobby-screen__leave-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lobby-screen__lead{text-align:center;color:var(--text);margin-bottom:16px;font-size:14px}.lobby-screen__choices{flex-direction:column;gap:12px;display:flex}@media (width>=480px){.lobby-screen__choices{flex-direction:row}}.lobby-choice{border:2px solid var(--border);background:var(--bg);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:20px 16px;transition:border-color .3s,background-color .3s,transform .15s;display:flex}.lobby-choice__label{color:var(--text-h);font-size:18px;font-weight:600}.lobby-choice__desc{color:var(--text);font-size:13px}.lobby-choice--open{border-color:var(--accent-border);background:var(--accent-bg)}.lobby-choice--open:hover{border-color:var(--accent);background:var(--accent-hover);transform:translateY(-2px)}.lobby-choice--open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lobby-choice--locked{opacity:.5;cursor:not-allowed}.lobby-choice--locked .lobby-choice__label,.lobby-choice--locked .lobby-choice__desc{color:var(--text-disabled)}.password-modal{border:1px solid var(--border);background:var(--surface);width:100%;max-width:320px;box-shadow:var(--shadow);color:var(--text);border-radius:18px;padding:0}.password-modal::backdrop{background:#0009}.password-modal__form{flex-direction:column;gap:12px;padding:28px 32px;display:flex}.password-modal__title{text-align:center;margin:0 0 8px}.password-modal__label{color:var(--text);font-size:14px}.password-modal__input{border:2px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:5px;padding:8px 12px;font-size:16px}.password-modal__input::placeholder{color:var(--text);opacity:.7}.password-modal__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent-border)}.password-modal__actions{gap:8px;margin-top:8px;display:flex}.password-modal__cancel,.password-modal__confirm{cursor:pointer;border:2px solid #0000;border-radius:5px;flex:1 1 0;padding:8px 12px;font-size:16px;font-weight:600;transition:border-color .3s,background-color .3s}.password-modal__cancel{color:var(--text-h);border-color:var(--border);background:0 0}.password-modal__cancel:hover{border-color:var(--accent-border)}.password-modal__cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.password-modal__confirm{color:var(--on-color);background:var(--accent)}.password-modal__confirm:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-hover)}.password-modal__confirm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.password-modal__confirm:disabled{color:var(--text-disabled);background:var(--accent-bg);cursor:not-allowed}.battle-arena{flex-direction:column;gap:16px;width:100%;max-width:640px;margin:0 auto;padding:32px 24px;display:flex;position:relative}.battle-arena__loading{text-align:center;color:var(--text-disabled);padding:64px 0}.battle-arena__hp-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.battle-arena__hp-divider{letter-spacing:.08em;color:var(--text-disabled);border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:13px;font-weight:700}.battle-arena__hp-gauge{border:2px solid var(--border);background:var(--bg);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.battle-arena__hp-bar--hit{animation:.45s ease-in-out battle-arena-hp-shake}@keyframes battle-arena-hp-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.battle-arena__hp-change{font-family:var(--mono);pointer-events:none;text-shadow:0 1px 3px #000c;font-size:22px;font-weight:800;animation:.95s ease-out forwards battle-arena-hp-float;position:absolute;top:6px;left:50%;transform:translate(-50%)}.battle-arena__hp-change[data-kind=damage]{color:var(--accent)}.battle-arena__hp-change[data-kind=heal]{color:#5fcf7a}@keyframes battle-arena-hp-float{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}20%{opacity:1;transform:translate(-50%,-2px)scale(1.1)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.battle-arena__hp-gauge--self{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.battle-arena__hp-gauge--reviving{border-color:var(--rarity-epic);animation:1.8s ease-out battle-arena-revive-flash}@keyframes battle-arena-revive-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--rarity-epic) 80%, transparent)}25%{box-shadow:0 0 26px 5px color-mix(in srgb, var(--rarity-epic) 75%, transparent)}to{box-shadow:0 0 #0000}}.battle-arena__revive{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.battle-arena__revive-burst{background:radial-gradient(circle, color-mix(in srgb, var(--rarity-epic) 92%, white) 0%, color-mix(in srgb, var(--rarity-epic) 55%, transparent) 45%, transparent 72%);border-radius:50%;width:44px;height:44px;animation:1s ease-out forwards battle-arena-revive-burst;position:absolute}@keyframes battle-arena-revive-burst{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(6.5)}}.battle-arena__revive-goat{font-size:26px;line-height:1;animation:1.7s ease-out forwards battle-arena-revive-goat;position:absolute}@keyframes battle-arena-revive-goat{0%{opacity:0;transform:translateY(8px)scale(.4)}22%{opacity:1;transform:translateY(-4px)scale(1.25)}70%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-16px)scale(1)}}.battle-arena__revive-label{letter-spacing:.04em;white-space:nowrap;color:var(--rarity-epic);text-shadow:0 1px 4px #00000080, 0 0 12px color-mix(in srgb, var(--rarity-epic) 65%, transparent);font-size:15px;font-weight:800;animation:1.8s ease-out forwards battle-arena-revive-label;position:absolute;top:-2px}@keyframes battle-arena-revive-label{0%{opacity:0;transform:translateY(10px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.06)}75%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(1)}}@media (prefers-reduced-motion:reduce){.battle-arena__hp-gauge--reviving,.battle-arena__revive-goat,.battle-arena__revive-label{animation:none}.battle-arena__revive-burst{display:none}}.battle-arena__hp-gauge-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.battle-arena__hp-gauge-label{color:var(--text);letter-spacing:.04em;font-size:13px}.battle-arena__hp-gauge-value{font-family:var(--mono);color:var(--text-h);font-size:14px}.battle-arena__hp-bar{background:#5a462d29;border-radius:999px;height:12px;position:relative;overflow:hidden}.battle-arena__hp-bar-fill{background:linear-gradient(90deg, var(--color-defense), #7ab84a);height:100%;transition:width .6s ease-out}.battle-arena__passive-badges{flex-wrap:wrap;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.battle-arena__passive-badge{cursor:pointer;color:var(--text-h);border:1px solid var(--rarity-common);background:color-mix(in srgb, var(--rarity-common) 22%, var(--bg));border-radius:999px;align-items:center;padding:3px 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.battle-arena__passive-badge:focus-visible{outline:2px solid var(--text-h);outline-offset:2px}.battle-arena__passive-badge-count{border-left:1px solid color-mix(in srgb, currentColor 35%, transparent);opacity:.95;margin-left:4px;padding-left:4px;font-size:10px;font-weight:700}.battle-arena__passive-badge[data-rarity=rare]{border-color:var(--rarity-rare);background:color-mix(in srgb, var(--rarity-rare) 22%, var(--bg))}.battle-arena__passive-badge[data-rarity=epic]{border-color:var(--rarity-epic);background:color-mix(in srgb, var(--rarity-epic) 26%, var(--bg));box-shadow:0 0 6px color-mix(in srgb, var(--rarity-epic) 55%, transparent)}.battle-arena__phase-timer{background:#5a462d29;border-radius:999px;height:4px;position:relative;overflow:hidden}.battle-arena__phase-timer-fill{background:color-mix(in srgb, var(--accent) calc((1 - var(--phase-timer-ratio,1)) * 70% + 30%), var(--text-disabled));height:100%;transition:background-color .6s ease-out}.battle-arena__board{min-height:120px}.battle-arena__panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.battle-arena__panel-title{margin:0;font-size:16px}.battle-arena__incoming-attack{color:var(--text);text-align:center;margin:0;font-size:14px;animation:.4s cubic-bezier(.2,.9,.25,1.2) battle-arena-slam-in}.battle-arena__incoming-attack strong{color:var(--text-h)}@keyframes battle-arena-slam-in{0%{opacity:0;transform:scale(1.5)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.battle-arena__result,.battle-arena__passive-selection{animation:.4s ease-out battle-arena-panel-enter}@keyframes battle-arena-panel-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.battle-arena__hp-bar--hit,.battle-arena__hp-change,.battle-arena__incoming-attack,.battle-arena__result,.battle-arena__passive-selection{animation:none}}.battle-arena__waiting-hint{color:var(--text-disabled);margin:0;font-size:14px;animation:2.4s ease-in-out infinite battle-arena-pulse}@keyframes battle-arena-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.battle-arena__waiting-hint{animation:none}}.battle-arena__passive-selection .battle-arena__panel-title{color:var(--text-h);font-size:19px}.battle-arena__passive-candidate-list{perspective:1400px;flex-flow:wrap;justify-content:center;align-items:flex-start;gap:14px;width:100%;margin:0;padding:4px 0;list-style:none;display:flex}.battle-arena__passive-candidate-row{flex-direction:column;align-items:center;gap:8px;display:flex}.battle-arena__passive-reroll-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:border-color .2s,color .2s,background-color .2s}.battle-arena__passive-reroll-button:hover:not(:disabled){border-color:var(--text);color:var(--text-h);background:color-mix(in srgb, var(--text) 10%, var(--bg))}.battle-arena__passive-reroll-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.battle-arena__passive-reroll-button:disabled{opacity:.35;cursor:not-allowed}.battle-arena__passive-candidate{--rarity-color:var(--rarity-common);cursor:pointer;background:0 0;border:none;border-radius:12px;width:150px;height:212px;padding:0;position:relative}.battle-arena__passive-candidate[data-rarity=rare]{--rarity-color:var(--rarity-rare)}.battle-arena__passive-candidate[data-rarity=epic]{--rarity-color:var(--rarity-epic)}.battle-arena__passive-candidate:focus-visible{outline:2px solid var(--rarity-color);outline-offset:3px;border-radius:12px}.battle-arena__passive-flip{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0;transform:rotateY(180deg)}.battle-arena__passive-candidate[data-revealed=true] .battle-arena__passive-flip{transform:rotateY(0)}.battle-arena__passive-candidate[data-revealed=true]:hover .battle-arena__passive-flip{transform:rotateY(0)translateY(-4px)}.battle-arena__passive-face{box-sizing:border-box;backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.battle-arena__passive-face--back{border:2px solid color-mix(in srgb, var(--rarity-epic) 60%, var(--border));background:radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), color-mix(in srgb, var(--accent) 10%, var(--surface)) 6px, var(--surface) 6px, var(--surface) 12px);color:color-mix(in srgb, var(--rarity-epic) 80%, var(--text-h));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-epic) 30%, transparent);place-items:center;display:grid;transform:rotateY(180deg)}.battle-arena__tarot-sigil{width:64px;height:64px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--rarity-epic) 50%, transparent))}.battle-arena__passive-face--front{text-align:center;color:var(--text-h);border:2px solid var(--rarity-color);background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--rarity-color) 24%, transparent), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--rarity-color) 10%, var(--surface)), var(--bg));box-shadow:inset 0 0 16px color-mix(in srgb, var(--rarity-color) 18%, transparent);flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex;transform:rotateY(0)}.battle-arena__passive-candidate[data-rarity=epic] .battle-arena__passive-face--front{box-shadow:inset 0 0 16px color-mix(in srgb, var(--rarity-epic) 22%, transparent), 0 0 14px color-mix(in srgb, var(--rarity-epic) 30%, transparent)}.battle-arena__passive-candidate-rarity{letter-spacing:.08em;color:var(--text-h);background:color-mix(in srgb, var(--rarity-color) 55%, var(--bg));border:1px solid var(--rarity-color);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800}.battle-arena__passive-candidate-name{color:var(--text-h);font-size:18px;font-weight:800;line-height:1.2}.battle-arena__passive-candidate-description{color:var(--text);font-size:12px;line-height:1.45}@media (prefers-reduced-motion:reduce){.battle-arena__passive-flip{transition:none}}.battle-arena__hand{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.battle-arena__card-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.battle-arena__hand-divider{background:var(--border);align-self:stretch;width:1px;margin:4px 2px}.battle-card{--card-color:var(--color-attack);box-sizing:border-box;border:1px solid color-mix(in srgb, var(--card-color) 55%, var(--border));background:radial-gradient(120% 70% at 50% 16%, color-mix(in srgb, var(--card-color) 26%, transparent), transparent 62%), linear-gradient(170deg, color-mix(in srgb, var(--card-color) 12%, var(--surface)), var(--bg) 88%);width:104px;min-height:140px;color:var(--text-h);cursor:pointer;border-radius:16px;grid-template-rows:auto 1fr auto;place-items:center;gap:5px;padding:8px 8px 10px;transition:transform .15s,box-shadow .2s,border-color .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #00000059,0 6px 12px -7px #000000bf}.battle-card:hover{border-color:var(--card-color);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 12px -3px color-mix(in srgb, var(--card-color) 50%, transparent), 0 14px 22px -10px #000000d9;transform:translateY(-4px)}.battle-card:focus-visible{outline:2px solid var(--card-color);outline-offset:2px}.battle-card--attack{--card-color:var(--color-attack)}.battle-card--defense{--card-color:var(--color-defense)}.battle-card--defense input{opacity:0;pointer-events:none;position:absolute}.battle-arena__hand--exchange-mode .battle-card--defense input{opacity:1;pointer-events:auto;position:static}.battle-card--heal{--card-color:var(--color-heal)}.battle-arena__hand--exchange-mode .battle-card--heal input{opacity:1;pointer-events:auto;position:static}.battle-card--selected{border-color:var(--card-color);box-shadow:0 0 0 2px var(--card-color), 0 0 16px -2px color-mix(in srgb, var(--card-color) 60%, transparent), 0 16px 24px -10px #000000e6;transform:translateY(-6px)}.battle-card--selected:hover{transform:translateY(-7px)}.battle-card:disabled,.battle-card--disabled{cursor:default;opacity:.42;filter:grayscale(.45)}:is(.battle-card:disabled,.battle-card--disabled):hover{border-color:color-mix(in srgb, var(--card-color) 55%, var(--border));transform:none;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #00000059,0 6px 12px -7px #000000bf}.battle-card__name{text-align:center;word-break:break-all;width:100%;color:var(--text-h);background:color-mix(in srgb, var(--card-color) 26%, transparent);border:1px solid color-mix(in srgb, var(--card-color) 30%, transparent);border-radius:5px;padding:3px 4px;font-size:12px;font-weight:700;line-height:1.2}.battle-card__art{color:color-mix(in srgb, var(--card-color) 78%, var(--text-h));place-items:center;display:grid}.battle-card__art-svg{filter:drop-shadow(0 1px 3px #0000008c);width:40px;height:40px}.battle-card__power{font-family:var(--mono);width:30px;height:30px;color:var(--on-color);background:radial-gradient(circle at 36% 28%, color-mix(in srgb, var(--card-color) 88%, #4a2f12), color-mix(in srgb, var(--card-color) 62%, #4a2f12));border:1px solid color-mix(in srgb, var(--card-color) 80%, #4a2f12);border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid;box-shadow:0 2px 4px #00000080,inset 0 1px 1px #ffffff4d}.battle-card[data-tier=mid] .battle-card__power{width:34px;height:34px;font-size:19px}.battle-card[data-tier=strong]{border-color:var(--card-color);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 14px -2px color-mix(in srgb, var(--card-color) 55%, transparent), 0 6px 12px -7px #000000bf}.battle-card[data-tier=strong] .battle-card__art{color:var(--card-color)}.battle-card[data-tier=strong] .battle-card__power{width:40px;height:40px;font-size:22px}.battle-arena__confirm-button{color:var(--on-color);background:var(--accent);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 26px;font-size:16px;font-weight:700;transition:border-color .3s,background-color .3s}.battle-arena__confirm-button:hover{border-color:var(--accent-border);background:var(--accent-hover)}.battle-arena__confirm-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.battle-arena__pray-button{color:var(--on-color);background:color-mix(in srgb, var(--rarity-rare) 70%, var(--bg));border:2px solid var(--rarity-rare);cursor:pointer;border-radius:999px;padding:10px 26px;font-size:16px;font-weight:700;transition:border-color .3s,background-color .3s}.battle-arena__pray-button:hover{background:var(--rarity-rare)}.battle-arena__pray-button:focus-visible{outline:2px solid var(--rarity-rare);outline-offset:2px}.battle-arena__result{gap:10px;overflow:hidden}.battle-arena__result--victory{border-color:color-mix(in srgb, var(--rarity-epic) 55%, var(--border));background:radial-gradient(80% 70% at 50% 22%, color-mix(in srgb, var(--rarity-epic) 22%, transparent), transparent 70%), var(--surface);box-shadow:0 0 28px -6px color-mix(in srgb, var(--rarity-epic) 45%, transparent), var(--shadow)}.battle-arena__result--defeat{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:radial-gradient(80% 70% at 50% 22%, #00000080, transparent 70%), color-mix(in srgb, #000 22%, var(--surface));filter:saturate(.7)}.battle-arena__result-emblem{place-items:center;display:grid}.battle-arena__result-emblem svg{width:72px;height:72px}.battle-arena__result--victory .battle-arena__result-emblem{color:var(--rarity-epic);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--rarity-epic) 65%, transparent));animation:.5s cubic-bezier(.2,.9,.25,1.4) both battle-arena-emblem-pop}.battle-arena__result-emblem-rays{transform-origin:50%;animation:9s linear infinite battle-arena-rays-spin}.battle-arena__result--defeat .battle-arena__result-emblem{color:color-mix(in srgb, var(--accent) 60%, var(--text-disabled));animation:.5s ease-out both battle-arena-emblem-drop}.battle-arena__result-title{letter-spacing:.12em;margin:0;font-size:40px;font-weight:800}.battle-arena__result--victory .battle-arena__result-title{color:var(--rarity-epic);text-shadow:0 0 14px color-mix(in srgb, var(--rarity-epic) 55%, transparent);animation:.5s cubic-bezier(.2,.9,.25,1.4) both battle-arena-title-victory}.battle-arena__result--defeat .battle-arena__result-title{color:color-mix(in srgb, var(--accent) 50%, var(--text-disabled));animation:.45s cubic-bezier(.4,0,.4,1) both battle-arena-title-defeat}@keyframes battle-arena-emblem-pop{0%{opacity:0;transform:scale(.3)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes battle-arena-rays-spin{to{transform:rotate(360deg)}}@keyframes battle-arena-emblem-drop{0%{opacity:0;transform:translateY(-14px)scale(1.1)}60%{opacity:1;transform:translateY(2px)scale(1)}to{transform:translateY(0)}}@keyframes battle-arena-title-victory{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes battle-arena-title-defeat{0%{opacity:0;letter-spacing:.4em;transform:scale(1.6)}to{opacity:1;letter-spacing:.12em;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.battle-arena__result-emblem,.battle-arena__result-emblem-rays,.battle-arena__result--victory .battle-arena__result-title,.battle-arena__result--defeat .battle-arena__result-title{animation:none}}.battle-arena__result-lead{color:var(--text);margin:0;font-size:14px}.battle-arena__effective-power{color:var(--text-h);margin:0;font-size:14px}.battle-arena__effective-power strong{color:var(--accent-border);font-size:18px}.battle-arena__effective-power-base{color:var(--text);margin-left:6px;font-size:12px}.battle-arena__result-rematch-hint{color:var(--rarity-rare);margin:0;font-size:13px}.battle-arena__result-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.battle-arena__rematch-button{color:var(--on-color);background:var(--accent);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 26px;font-size:16px;font-weight:700;transition:border-color .3s,background-color .3s}.battle-arena__rematch-button:hover{border-color:var(--accent-border);background:var(--accent-hover)}.battle-arena__rematch-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.battle-arena__result-leave-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;padding:8px 20px;font-size:14px;font-weight:600;transition:border-color .3s,color .3s}.battle-arena__result-leave-button:hover{border-color:var(--text);color:var(--text-h)}.battle-arena__result-leave-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.battle-arena__result-rematch-waiting{color:var(--text);margin:0;font-size:14px}.battle-arena__exchange-hand-button{color:var(--on-color);background:var(--color-defense);border:2px solid color-mix(in srgb, var(--color-defense) 70%, #000);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-self:center;padding:8px 20px;font-size:13px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.battle-arena__exchange-hand-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-defense) 82%, #000)}.battle-arena__exchange-hand-button:focus-visible{outline:2px solid var(--color-defense);outline-offset:2px}.battle-arena__exchange-hand-button:disabled{opacity:.38;cursor:not-allowed}.battle-arena__hand--exchange-mode{border-color:var(--color-defense);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-defense) 40%, transparent)}.battle-arena__exchange-hint{color:var(--color-defense);text-align:center;letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:600}.battle-card--discarding{opacity:.75;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 12px -2px color-mix(in srgb, var(--accent) 55%, transparent)}.battle-arena__exchange-panel{background:var(--surface);border:1.5px solid var(--color-defense);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-defense) 25%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;animation:.25s ease-out battle-arena-panel-enter;display:flex}.battle-arena__exchange-panel-lead{color:var(--text);text-align:center;margin:0;font-size:14px}.battle-arena__exchange-panel-count{font-family:var(--mono);color:var(--text-h);font-size:22px;font-weight:800}.battle-arena__exchange-panel-hint{color:var(--text-disabled);font-size:13px}.battle-arena__exchange-counters{align-items:center;gap:24px;display:flex}.battle-arena__exchange-counter{flex-direction:column;align-items:center;gap:6px;display:flex}.battle-arena__exchange-counter-label{color:var(--text);letter-spacing:.04em;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.battle-arena__exchange-counter-icon{border-radius:50%;width:8px;height:8px;display:inline-block}.battle-arena__exchange-counter-icon--attack{background:var(--color-attack)}.battle-arena__exchange-counter-icon--defense{background:var(--color-defense)}.battle-arena__exchange-stepper{border:1px solid var(--border);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.battle-arena__exchange-stepper-btn{width:32px;height:32px;color:var(--text-h);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700;transition:background-color .15s}.battle-arena__exchange-stepper-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 12%, var(--bg))}.battle-arena__exchange-stepper-btn:focus-visible{outline:2px solid var(--text-h);outline-offset:-2px}.battle-arena__exchange-stepper-btn:disabled{opacity:.3;cursor:not-allowed}.battle-arena__exchange-stepper-value{min-width:32px;font-family:var(--mono);color:var(--text-h);border-left:1px solid var(--border);border-right:1px solid var(--border);place-items:center;font-size:16px;font-weight:800;display:grid}.battle-arena__exchange-remaining{color:var(--text-disabled);text-align:center;margin:0;font-size:12px}.battle-arena__exchange-remaining strong{color:var(--text-h)}.battle-arena__exchange-ready{color:var(--color-defense);text-align:center;margin:0;font-size:13px;font-weight:600}.battle-arena__exchange-actions{align-items:center;gap:10px;display:flex}.battle-arena__exchange-confirm-button{color:var(--on-color);background:var(--color-defense);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:9px 22px;font-size:15px;font-weight:700;transition:opacity .2s,border-color .2s}.battle-arena__exchange-confirm-button:hover:not(:disabled){opacity:.88;border-color:color-mix(in srgb, var(--color-defense) 55%, white)}.battle-arena__exchange-confirm-button:focus-visible{outline:2px solid var(--color-defense);outline-offset:2px}.battle-arena__exchange-confirm-button:disabled{opacity:.35;cursor:not-allowed}.battle-arena__exchange-cancel-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.battle-arena__exchange-cancel-button:hover{border-color:var(--text);color:var(--text-h)}.battle-arena__exchange-cancel-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.battle-arena__passive-description{color:var(--text);margin:6px 0 0;font-size:12px;line-height:1.4}.battle-arena__log{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px 16px}.battle-arena__log-title{color:var(--text-disabled);letter-spacing:.06em;margin:0 0 8px;font-size:13px}.battle-arena__log-list{flex-direction:column;gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.battle-arena__log-entry{font-family:var(--mono);color:var(--text);text-align:left;font-size:12px;line-height:150%}@media (width<=480px){.battle-arena__hp-row{grid-template-columns:1fr}.battle-arena__hp-divider{justify-self:center}}.battle-arena__live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battle-arena__round-banner{pointer-events:none;z-index:100;place-items:center;animation:1.3s ease-in-out forwards battle-arena-round-banner;display:grid;position:fixed;inset:0}.battle-arena__round-banner-text{letter-spacing:.12em;color:var(--text-h);background:color-mix(in srgb, var(--surface) 97%, transparent);border:2px solid var(--accent-border);box-shadow:0 0 24px -4px color-mix(in srgb, var(--accent) 30%, transparent), 0 4px 20px #0006;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:16px;padding:14px 36px;font-size:32px;font-weight:800;display:inline-block}@keyframes battle-arena-round-banner{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.battle-arena__round-banner{opacity:1;animation:none}}.battle-arena__hp-gauge--attacker{border-color:color-mix(in srgb, var(--accent) 80%, white);box-shadow:0 0 14px -2px color-mix(in srgb, var(--accent) 50%, transparent);transition:border-color .3s,box-shadow .3s}.battle-arena__hp-gauge--self.battle-arena__hp-gauge--attacker{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 16px -2px color-mix(in srgb, var(--accent) 65%, transparent)}.battle-arena__turn-badge{letter-spacing:.08em;border-radius:999px;align-self:flex-start;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.battle-arena__turn-badge--attacker{color:var(--on-color);background:var(--accent);border:1px solid var(--accent-border)}@media (prefers-reduced-motion:reduce){.battle-arena__hp-gauge--attacker{transition:none}}.battle-arena__phase-timer-fill[data-urgent=true]{animation:.8s ease-in-out infinite battle-arena-timer-pulse}@keyframes battle-arena-timer-pulse{0%,to{opacity:1}50%{opacity:.65}}.battle-arena[data-urgent=true]{box-shadow:inset 0 0 20px -6px color-mix(in srgb, var(--color-attack) 35%, transparent);animation:1.2s ease-in-out infinite battle-arena-edge-glow}@keyframes battle-arena-edge-glow{0%,to{box-shadow:inset 0 0 16px -6px color-mix(in srgb, var(--color-attack) 25%, transparent)}50%{box-shadow:inset 0 0 28px -4px color-mix(in srgb, var(--color-attack) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.battle-arena__phase-timer-fill[data-urgent=true],.battle-arena[data-urgent=true]{animation:none}.battle-arena[data-urgent=true]{box-shadow:inset 0 0 16px -6px color-mix(in srgb, var(--color-attack) 30%, transparent)}}.battle-arena__pray-sparkle{pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.battle-arena__pray-sparkle-svg{width:100%;height:100%;position:absolute;inset:0}.battle-arena__pray-star{animation:1.2s ease-in-out forwards battle-arena-pray-star;animation-delay:var(--star-delay,0s);opacity:0}@keyframes battle-arena-pray-star{0%{opacity:0;transform:scale(.3)translateY(4px)}25%{opacity:.9;transform:scale(1.15)translateY(-2px)}60%{opacity:.8;transform:scale(1)translateY(-4px)}to{opacity:0;transform:scale(.7)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.battle-arena__pray-star{opacity:.6;animation:none}}.battle-arena__hp-gauge--healing,.battle-arena__hp-gauge--self.battle-arena__hp-gauge--attacker.battle-arena__hp-gauge--healing{border-color:var(--color-heal);animation:1.2s ease-out battle-arena-heal-glow}@keyframes battle-arena-heal-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-heal) 0%, transparent)}25%{box-shadow:0 0 18px 4px color-mix(in srgb, var(--color-heal) 50%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-heal) 0%, transparent)}}.battle-arena__heal-sparkle{pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.battle-arena__heal-sparkle-svg{width:100%;height:100%;position:absolute;inset:0}.battle-arena__heal-heart{animation:1.1s ease-out forwards battle-arena-heal-heart;animation-delay:var(--heal-delay,0s);opacity:0}@keyframes battle-arena-heal-heart{0%{opacity:0;transform:scale(.4)translateY(6px)}20%{opacity:1;transform:scale(1.2)translateY(-2px)}60%{opacity:.8;transform:scale(1)translateY(-6px)}to{opacity:0;transform:scale(.8)translateY(-14px)}}.battle-arena__heal-star{animation:.9s ease-in-out forwards battle-arena-heal-star;animation-delay:var(--heal-delay,0s);opacity:0}@keyframes battle-arena-heal-star{0%{opacity:0;transform:scale(.3)translateY(4px)}25%{opacity:.9;transform:scale(1.1)translateY(-2px)}to{opacity:0;transform:scale(.7)translateY(-8px)}}.battle-arena__heal-power{color:var(--color-heal)}@media (prefers-reduced-motion:reduce){.battle-arena__heal-heart,.battle-arena__heal-star{opacity:.6;animation:none}.battle-arena__hp-gauge--healing{animation:none}}.start-seq{z-index:100;background:radial-gradient(ellipse 70% 60% at 50% 56%, #e08a2e1f 0%, var(--surface) 72%);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0;overflow:hidden}.start-seq__spotlight{pointer-events:none;background:radial-gradient(40% 35% at 50% 52%,#e08a2e2e 0%,#0000 100%);position:absolute;inset:0}.start-seq__number-wrap{justify-content:center;align-items:center;height:22vw;max-height:220px;display:flex;position:relative}.start-seq__number{color:var(--text-h);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:clamp(80px,18vw,200px);font-weight:900;line-height:1;animation:.32s cubic-bezier(.22,1.6,.36,1) both start-seq-stamp;display:block}.start-seq__number--go{letter-spacing:.22em;color:var(--accent);font-size:clamp(28px,6.5vw,72px);font-weight:800}@keyframes start-seq-stamp{0%{opacity:0;transform:scale(1.5)rotate(-2deg)}60%{opacity:1;transform:scale(.95)rotate(.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.start-seq__arena{box-sizing:border-box;justify-content:center;align-items:flex-end;width:100%;max-width:640px;padding:0 24px;display:flex;position:relative}.start-seq__goat-wrap{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.start-seq__goat-wrap--left{align-items:flex-end;animation:2.8s cubic-bezier(.4,0,.2,1) forwards start-seq-charge-left;transform:translate(-120%)}.start-seq__goat-wrap--right{align-items:flex-start;animation:2.8s cubic-bezier(.4,0,.2,1) forwards start-seq-charge-right;transform:translate(120%)}.start-seq__goat-wrap--left-arrived{animation:.18s cubic-bezier(.2,2.2,.6,1) forwards start-seq-charge-left-full}.start-seq__goat-wrap--right-arrived{animation:.18s cubic-bezier(.2,2.2,.6,1) forwards start-seq-charge-right-full}@keyframes start-seq-charge-left{0%{transform:translate(-120%)}to{transform:translate(-28px)}}@keyframes start-seq-charge-right{0%{transform:translate(120%)}to{transform:translate(28px)}}@keyframes start-seq-charge-left-full{0%{transform:translate(-28px)}to{transform:translate(-4px)}}@keyframes start-seq-charge-right-full{0%{transform:translate(28px)}to{transform:translate(4px)}}.start-seq__goat-svg{width:clamp(72px,14vw,140px);height:auto;color:var(--text-h);fill:currentColor;filter:drop-shadow(0 6px 12px #5a462d38);overflow:visible}.start-seq__goat-bob{animation:.36s ease-in-out infinite alternate start-seq-bob}@keyframes start-seq-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.start-seq__player-name{color:var(--text);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:clamp(11px,1.8vw,15px);font-weight:600;overflow:hidden}.start-seq__center-spark{background:var(--border);opacity:.5;border-radius:1px;align-self:flex-end;width:2px;height:48px;margin-bottom:8px}.start-seq--collided{animation:.38s cubic-bezier(.36,.07,.19,.97) both start-seq-shake}@keyframes start-seq-shake{0%{transform:translate(0)}15%{transform:translate(-10px)rotate(-.6deg)}30%{transform:translate(9px)rotate(.4deg)}45%{transform:translate(-7px)rotate(-.3deg)}60%{transform:translate(5px)rotate(.2deg)}75%{transform:translate(-3px)}to{transform:translate(0)}}.start-seq__flash{pointer-events:none;background:radial-gradient(30% 25% at 50% 60%,#e08a2eb3 0%,#0000 70%);animation:.5s ease-out forwards start-seq-flash;position:absolute;inset:0}@keyframes start-seq-flash{0%{opacity:1}to{opacity:0}}.start-seq__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.start-seq__goat-wrap--left,.start-seq__goat-wrap--right,.start-seq__goat-wrap--left-arrived,.start-seq__goat-wrap--right-arrived{animation:none;transform:translate(0)}.start-seq__goat-bob,.start-seq--collided,.start-seq__flash{animation:none}.start-seq__flash{opacity:0}.start-seq__number,.start-seq__number--go{animation:.18s both start-seq-fade-in}@keyframes start-seq-fade-in{0%{opacity:0}to{opacity:1}}}.battle-screen{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.battle-screen__panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:8px;padding:32px;display:flex}.battle-screen__title{text-align:center;margin:0}.battle-screen__lead{text-align:center;color:var(--text);margin-bottom:8px;font-size:14px}.battle-screen__password{text-align:center;color:var(--text-disabled);margin:0 0 24px;font-size:12px}.battle-screen__password-value{font-family:var(--mono);color:var(--text);word-break:break-all}.battle-screen__face-off{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.battle-screen__side{border:2px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-height:132px;padding:20px 12px;display:flex}.battle-screen__side--self{border-color:var(--accent-border);background:var(--accent-bg)}.battle-screen__side--opponent{opacity:.75;background:0 0;border-style:dashed}.battle-screen__side-label{color:var(--text);letter-spacing:.06em;font-size:13px}.battle-screen__name{color:var(--text-h);word-break:break-all;font-size:18px;font-weight:600}.battle-screen__name--unknown{color:var(--text-disabled);font-size:22px}.battle-screen__divider{justify-content:center;align-self:stretch;align-items:center;display:flex}.battle-screen__divider-mark{letter-spacing:.08em;color:var(--text-disabled);border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:14px;font-weight:700}.battle-screen__ready-button{color:var(--on-color);background:var(--accent);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:700;transition:border-color .3s,background-color .3s}.battle-screen__ready-button:hover{border-color:var(--accent-border);background:var(--accent-hover)}.battle-screen__ready-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.battle-screen__leave-button{color:var(--text);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;align-self:center;margin-top:16px;padding:6px 18px;font-size:14px;font-weight:600;transition:border-color .3s,background-color .3s,color .3s}.battle-screen__leave-button:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.battle-screen__leave-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.battle-screen__ready-status{color:var(--text);text-align:center;margin:0;font-size:13px}.battle-screen__waiting-hint{color:var(--text-disabled);margin:0;font-size:13px;animation:2.4s ease-in-out infinite battle-screen-pulse}@keyframes battle-screen-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.battle-screen__waiting-hint{animation:none}}@media (width<=480px){.battle-screen__face-off{grid-template-columns:1fr}.battle-screen__divider{padding:4px 0}}.connection-screen{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.connection-screen__panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:8px;padding:32px;display:flex}.connection-screen__title{text-align:center;margin:0}.connection-screen__password{text-align:center;color:var(--text-disabled);margin:0 0 24px;font-size:12px}.connection-screen__password-value{font-family:var(--mono);color:var(--text);word-break:break-all}.connection-screen__connecting-hint{text-align:center;color:var(--text);margin:0;font-size:14px;animation:2.4s ease-in-out infinite connection-screen-pulse}@keyframes connection-screen-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.connection-screen__connecting-hint{animation:none}}.connection-screen__error{text-align:center;color:var(--text-h);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;margin:0;padding:12px 16px;font-size:14px}.connection-screen__back-button{color:var(--text-h);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;align-self:center;margin-top:8px;padding:8px 20px;font-size:16px;font-weight:600;transition:border-color .3s,background-color .3s}.connection-screen__back-button:hover{border-color:var(--accent-border);background:var(--accent-bg)}.connection-screen__back-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pasture-scene{z-index:-1;pointer-events:none;--sky-top:#8fc7e8;--sky-bottom:#dceef5;--sun:#ffe188;--sun-opacity:1;--moon:#eef0d8;--moon-opacity:0;--star-opacity:0;--mtn-far:#bcc9ac;--mtn-near:#94ad7c;--hill-back:#7cb152;--hill-front:#8fc663;--tree:#557f3f;--trunk:#8a5a36;--grass:#6aa23c;--fence:#caa06a;--fence-dark:#a8794a;--cloud:#fff;--cloud-opacity:.85;--goat:#f6f1e6;--goat-dark:#8a5a36;position:fixed;inset:0;overflow:hidden}.pasture-scene__svg{width:100%;height:100%;display:block}.pasture-scene__svg rect,.pasture-scene__svg circle,.pasture-scene__svg polygon,.pasture-scene__svg path,.pasture-scene__svg stop{transition:fill 1.4s,stop-color 1.4s,opacity 1.4s}.pasture-scene__sky-top{stop-color:var(--sky-top)}.pasture-scene__sky-bottom{stop-color:var(--sky-bottom)}.pasture-scene__sun{fill:var(--sun);opacity:var(--sun-opacity)}.pasture-scene__moon{fill:var(--moon);opacity:var(--moon-opacity)}.pasture-scene__stars{opacity:var(--star-opacity);transition:opacity 1.4s}.pasture-scene__star{fill:#fffbe6;animation:3.6s ease-in-out infinite alternate pasture-twinkle}.pasture-scene__mountain-far{fill:var(--mtn-far)}.pasture-scene__mountain-near{fill:var(--mtn-near)}.pasture-scene__hill-back{fill:var(--hill-back)}.pasture-scene__hill-front{fill:var(--hill-front)}.pasture-scene__tree-top{fill:var(--tree)}.pasture-scene__tree-trunk{fill:var(--trunk)}.pasture-scene__grass{fill:var(--grass)}.pasture-scene__fence-rail,.pasture-scene__fence-post{fill:var(--fence);stroke:var(--fence-dark);stroke-width:1.5px}html[data-time=morning] .pasture-scene{--sky-top:#f6c79a;--sky-bottom:#ffe9cb;--sun:#ffd47a;--sun-opacity:1;--moon-opacity:0;--star-opacity:0;--mtn-far:#c6bbb2;--mtn-near:#9f9183;--hill-back:#86b257;--hill-front:#9bc56a;--tree:#5f8745;--trunk:#8a5a36;--grass:#76a843;--fence:#caa06a;--fence-dark:#a8794a;--cloud:#fff3e6;--cloud-opacity:.8;--goat:#f6f1e6;--goat-dark:#8a5a36}html[data-time=evening] .pasture-scene{--sky-top:#e88a63;--sky-bottom:#f7c79b;--sun:#ff9550;--sun-opacity:1;--moon-opacity:0;--star-opacity:0;--mtn-far:#a392a0;--mtn-near:#7a6678;--hill-back:#6c9a49;--hill-front:#80ac56;--tree:#4c6e40;--trunk:#7a4f30;--grass:#5d8d3a;--fence:#b98d5a;--fence-dark:#92673e;--cloud:#f3d3bd;--cloud-opacity:.7;--goat:#ead9c4;--goat-dark:#7a4f30}html[data-time=night] .pasture-scene{--sky-top:#1d2545;--sky-bottom:#3b4670;--sun-opacity:0;--moon:#eef0d8;--moon-opacity:1;--star-opacity:1;--mtn-far:#2b3450;--mtn-near:#1f2840;--hill-back:#2e573a;--hill-front:#376a45;--tree:#21382c;--trunk:#3e2b1c;--grass:#274a30;--fence:#5c4c38;--fence-dark:#3f3325;--cloud:#3a4570;--cloud-opacity:.45;--goat:#cfd2c0;--goat-dark:#2a3048}.pasture-scene__cloud{fill:var(--cloud);opacity:var(--cloud-opacity);transition:fill 1.4s,opacity 1.4s}.pasture-scene__cloud--1{animation:78s linear -34s infinite pasture-cloud-1;transform:translate(220px,92px)}.pasture-scene__cloud--2{animation:104s linear -58s infinite pasture-cloud-2;transform:translate(680px,150px)}.pasture-scene__cloud--3{animation:64s linear -16s infinite pasture-cloud-3;transform:translate(1040px,205px)}@keyframes pasture-cloud-1{0%{transform:translate(-220px,92px)}to{transform:translate(1380px,92px)}}@keyframes pasture-cloud-2{0%{transform:translate(-260px,150px)}to{transform:translate(1420px,150px)}}@keyframes pasture-cloud-3{0%{transform:translate(-200px,205px)}to{transform:translate(1360px,205px)}}@keyframes pasture-twinkle{0%{opacity:.35}to{opacity:1}}.pasture-scene__tree{transform-box:fill-box;transform-origin:bottom;animation:6s ease-in-out infinite alternate pasture-sway-tree}@keyframes pasture-sway-tree{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.pasture-scene__blade{stroke:var(--grass);stroke-width:3px;stroke-linecap:round;transition:stroke 1.4s}.pasture-scene__tuft{transform-box:fill-box;transform-origin:bottom;animation:3.4s ease-in-out infinite alternate pasture-sway-grass}@keyframes pasture-sway-grass{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.pasture-scene__goat-body{fill:var(--goat);transition:fill 1.4s}.pasture-scene__goat-dark{fill:var(--goat-dark);transition:fill 1.4s}.pasture-scene__goat-horn{stroke:var(--goat-dark);stroke-width:2.6px;transition:stroke 1.4s}.pasture-scene__goat{animation:46s linear -16s infinite pasture-goat-walk;transform:translate(600px,700px)}@keyframes pasture-goat-walk{0%{transform:translate(-90px,700px)}to{transform:translate(1380px,700px)}}.pasture-scene__goat-bob{animation:.62s ease-in-out infinite alternate pasture-goat-bob}@keyframes pasture-goat-bob{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.pasture-scene__goat-legs{transform-box:fill-box;transform-origin:top}.pasture-scene__goat-legs--front{animation:.62s ease-in-out infinite alternate pasture-goat-step}.pasture-scene__goat-legs--back{animation:.62s ease-in-out infinite alternate-reverse pasture-goat-step}@keyframes pasture-goat-step{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.pasture-scene__cloud,.pasture-scene__star,.pasture-scene__tree,.pasture-scene__tuft,.pasture-scene__goat,.pasture-scene__goat-bob,.pasture-scene__goat-legs--front,.pasture-scene__goat-legs--back{animation:none}}.pasture-scene__bird{transform:translate(var(--bird-x), var(--bird-y));animation:pasture-bird-fly 2.2s cubic-bezier(.2, 0, .4, 1) var(--bird-delay,0s) 1 forwards}.pasture-scene__bird-wing{stroke:#3a3020;stroke-width:2.4px;stroke-linecap:round;animation:.22s ease-in-out infinite alternate pasture-bird-flap}@keyframes pasture-bird-fly{0%{transform:translate(var(--bird-x), var(--bird-y)) scale(1);opacity:.9}15%{opacity:1}to{transform:translate(calc(var(--bird-x) + var(--bird-dx,280px)), calc(var(--bird-y) + var(--bird-dy,-200px))) scale(.5);opacity:0}}@keyframes pasture-bird-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.5)}}html[data-mood=victory] .pasture-scene__goat{animation:.72s cubic-bezier(.36,0,.66,-.56) infinite alternate pasture-goat-jump;transform:translate(580px,700px)}@keyframes pasture-goat-jump{0%{transform:translate(580px,700px)}40%{transform:translate(580px,636px)}70%{transform:translate(580px,700px)}85%{transform:translate(580px,694px)}to{transform:translate(580px,700px)}}html[data-mood=victory] .pasture-scene__goat-bob{animation:none}.pasture-scene__petals-layer{pointer-events:none;display:none;position:absolute;inset:0}.pasture-scene__petals-svg{width:100%;height:100%;display:block;overflow:visible}html[data-mood=victory] .pasture-scene__petals-layer{display:block}.pasture-scene__petal{opacity:0;animation:pasture-petal-fall var(--petal-duration,3.5s) ease-in var(--petal-delay,0s) infinite}@keyframes pasture-petal-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}8%{opacity:.85}30%{transform:translate(calc(var(--petal-x-drift,40px) * .5), 220px) rotate(110deg)}60%{transform:translate(calc(var(--petal-x-drift,40px) * -.3), 450px) rotate(230deg)}85%{opacity:.7}to{transform:translate(var(--petal-x-drift,40px), 780px) rotate(360deg);opacity:0}}.pasture-scene__defeat-overlay{pointer-events:none;background:linear-gradient(#191a287a 0%,#28263247 55%,#14161e1f 100%);display:none;position:absolute;inset:0}html[data-mood=defeat] .pasture-scene__defeat-overlay{animation:2.4s cubic-bezier(.4,0,.6,1) forwards pasture-defeat-darken;display:block}@keyframes pasture-defeat-darken{0%{opacity:0}to{opacity:1}}html[data-mood=defeat] .pasture-scene{--cloud-opacity:.95;filter:saturate(.55)brightness(.88);transition:filter 2.4s}@media (prefers-reduced-motion:reduce){.pasture-scene__bird,.pasture-scene__bird-wing,.pasture-scene__petal{animation:none}.pasture-scene__birds{display:none}html[data-mood=victory] .pasture-scene__petal{opacity:.6;transform:translateY(200px)}html[data-mood=defeat] .pasture-scene__defeat-overlay{opacity:1;animation:none}html[data-mood=victory] .pasture-scene__goat{animation:none;transform:translate(580px,700px)}html[data-mood=victory] .pasture-scene__goat-legs--front,html[data-mood=victory] .pasture-scene__goat-legs--back{animation:none}}.sound-control{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-self:flex-end;align-items:center;gap:8px;margin-top:auto;margin-bottom:16px;margin-right:16px;padding:6px 12px;display:flex}.sound-control__icon{font-size:15px;line-height:1}.sound-control__slider{width:96px;accent-color:var(--accent);cursor:pointer}.sound-control__slider:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sound-control__value{font-family:var(--mono);color:var(--text-h);text-align:right;min-width:14px;font-size:12px}@media (width<=480px){.sound-control__slider{width:72px}}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}