:root{color-scheme:dark;--ink:#261913;--gold:#ffd86b;--cream:#fff0c2;--green:#8fd26f;--danger:#ff6d77;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#101622}body{color:var(--cream);touch-action:manipulation}#app{position:relative}#gameCanvas{width:100%;height:100%;display:block;image-rendering:pixelated;background:#15223a}.panel{position:absolute;border:4px solid #2b1b13;box-shadow:0 0 0 3px #d59a50,0 18px 50px #0008;background:linear-gradient(135deg,#55341ff5,#281b18f5);color:var(--cream)}.menu-panel,.result-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,calc(100vw - 28px));padding:clamp(18px,4vw,34px);text-align:center}.crest img{width:74px;height:74px;image-rendering:pixelated}h1{margin:4px 0 8px;font-size:clamp(36px,8vw,68px);line-height:.95;color:var(--gold);text-shadow:0 5px #3b2418}h2{margin:0 0 8px;color:var(--gold);font-size:clamp(24px,4vw,38px)}h3{margin:0;color:#4d2817}p{font-size:clamp(14px,3vw,18px);line-height:1.5}.loading{margin:16px auto;padding:10px;border:2px solid #8f6039;background:#0004}.menu-actions{display:grid;gap:10px;margin-top:16px}button{cursor:pointer;color:#2b1b13;background:linear-gradient(#ffe08a,#c9853e);border:0;border-bottom:4px solid #6a3b22;border-radius:8px;padding:11px 14px;font:900 14px/1 ui-monospace,monospace}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:translateY(2px);border-bottom-width:2px}button:disabled{opacity:.55;filter:grayscale(.45);cursor:default}button.ghost{background:linear-gradient(#9b8a6c,#594534);color:#ffecc7}#hud{position:absolute;top:10px;left:10px;right:10px;display:grid;grid-template-columns:1.3fr 1fr;gap:10px;pointer-events:none}.hud-panel{background:#251913dc;border:3px solid #7d4b2c;outline:2px solid #ffd86b66;padding:10px;border-radius:10px;backdrop-filter:blur(3px)}.resources{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:4px}.resource img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.resource b{font-size:20px}.resource small{grid-column:2;color:#bceba1}.status{display:grid;gap:5px}.status div{display:flex;justify-content:space-between;gap:12px}.status small{color:#f5c777}#upgrades{position:absolute;left:10px;right:10px;bottom:10px;max-height:56vh;overflow:auto;background:#2b1d16ee;border:3px solid #8d5936;padding:10px;border-radius:12px}.tabs{display:flex;gap:8px;position:sticky;top:0;z-index:2;background:#2b1d16;padding-bottom:10px}.tab-content{background:linear-gradient(135deg,#ffedbdf5,#b9793df2);color:#29170f;border:3px solid #2b1b13;border-radius:9px;padding:14px}.subtle{margin:0 0 12px;color:#693b22}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.card{display:grid;gap:7px;padding:12px;background:#fff1cbe8;border:3px solid #6d4028;border-radius:8px;min-width:0}.card.active{box-shadow:0 0 0 3px #7bcff0}.card strong{color:#5d2b17}.card small{line-height:1.3}.item{display:grid;gap:5px;padding-top:8px;border-top:2px dashed #8c5b3d}.pet-card span{font-weight:900;color:#82472b}.bars{display:grid;gap:5px}.bars i{display:block;height:9px;background:linear-gradient(90deg,#74eaff,#8fd26f);border:1px solid #3b2418}.bars i+ i{background:linear-gradient(90deg,#c36dff,#ff7ac8)}#toasts{position:absolute;top:110px;right:14px;width:min(380px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.toast{padding:10px 12px;background:#211812ee;border-left:5px solid var(--green);box-shadow:0 8px 20px #0006;animation:slideIn .2s ease-out,fadeOut .3s ease-in 2.45s forwards}.toast.warn{border-left-color:var(--gold)}.toast.danger{border-left-color:var(--danger)}@keyframes slideIn{from{transform:translateX(30px);opacity:0}}@keyframes fadeOut{to{opacity:0;transform:translateY(-8px)}}@media(max-width:900px){#hud{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}#upgrades{max-height:55vh}.tabs{overflow:auto}.resources{grid-template-columns:1fr 1fr}#toasts{top:42%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shop-note{margin:0 0 12px;padding:9px 11px;background:#fff2;border:2px dashed #8c5b3d;border-radius:7px}.rare-window{color:#7a3d70;font-weight:900}.empty-shop{padding:18px;text-align:center;border:2px dashed #8c5b3d;border-radius:8px}.shop-item-card{align-content:start}.shop-page{grid-template-columns:repeat(3,minmax(190px,1fr))}@media(max-width:1100px){.tabs button{white-space:nowrap}.shop-page{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media(max-width:700px){.shop-page{grid-template-columns:1fr}}

.profile-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 28px));padding:24px;z-index:5}.form-field{display:grid;gap:7px;text-align:left}.form-field span,.race-select legend,.character-select legend{font-weight:900;color:var(--gold)}.form-field input{width:100%;padding:12px;border:3px solid #7d4b2c;border-radius:8px;background:#fff1cb;color:#29170f;font:900 16px ui-monospace,monospace}.race-select{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 0;border:2px solid #8f6039;padding:12px}.race-select label{display:grid;gap:5px;padding:10px;background:#fff1cb;color:#29170f;border-radius:8px;cursor:pointer}.race-select input{justify-self:start}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.stat-box{padding:12px;background:#fff1cb;border:3px solid #6d4028;border-radius:8px;text-align:center}.stat-box b{display:block;font-size:24px;color:#5d2b17}.save-tools{display:grid;gap:9px;margin-top:14px}.save-tools input[type=file]{width:100%;padding:9px;background:#fff1cb;color:#29170f;border:2px solid #6d4028;border-radius:7px}@media(max-width:700px){.race-select,.profile-grid,.stat-grid{grid-template-columns:1fr}}
.starter-select{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 0;border:2px solid #8f6039;padding:12px}.starter-select legend{font-weight:900;color:var(--gold)}.starter-select label{display:grid;gap:5px;padding:10px;background:#fff1cb;color:#29170f;border-radius:8px;cursor:pointer}.starter-select input{justify-self:start}.pet-stats{font-weight:900;color:#5d2b17}.pet-bonus-note{color:#6b4b36}@media(max-width:700px){.starter-select{grid-template-columns:1fr}}
.village-showcase{display:grid;grid-template-columns:minmax(220px,1fr) 1fr;gap:16px;align-items:center;margin:12px 0 18px;padding:14px;border:3px solid #6d4028;border-radius:10px;background:#fff1cbe8}.building-preview{display:grid;place-items:center;gap:7px;min-height:190px;padding:16px;background:linear-gradient(#9bd4ef,#8fd26f 68%,#6f9f55 68%);border:4px solid #4b3428;border-radius:10px;text-align:center}.building-preview span{font-size:84px;line-height:1;filter:drop-shadow(0 6px 0 #0002)}.building-preview b{font-size:20px;color:#4d2817}.building-preview small{font-weight:900;color:#4d2817}.building-mini{font-size:48px;line-height:1;text-align:center}.village-buildings{margin-top:10px}@media(max-width:700px){.village-showcase{grid-template-columns:1fr}.building-preview{min-height:150px}}
.tabs .active-tab{box-shadow:0 0 0 3px #74eaff inset;filter:brightness(1.12)}
.pet-shop-preview{margin:0;display:grid;gap:5px;justify-items:center}.pet-shop-preview img,.owned-pet-preview{width:100%;max-width:240px;aspect-ratio:3/2;object-fit:contain;border:3px solid #6d4028;border-radius:9px;background:#e9d8aa}.pet-shop-preview figcaption{font-size:12px;font-weight:900;color:#6d4028;text-transform:uppercase;letter-spacing:.05em}.owned-pet-preview{justify-self:center;max-width:190px}
.section-title{margin-top:18px}.purchase-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.purchase-strip span{padding:8px 10px;background:#fff1cb;border:2px solid #6d4028;border-radius:999px;font-weight:900}
.character-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;max-width:760px;margin:14px auto;padding:18px;background:linear-gradient(#9bd4ef,#8fd26f 68%,#6f9f55 68%);border:4px solid #4b3428;border-radius:12px}.character-portrait{display:grid;justify-items:center;gap:8px;padding:16px;background:#fff1cbe8;border:3px solid #6d4028;border-radius:10px;text-align:center}.race-avatar{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;font-size:92px;background:linear-gradient(#fff1cb,#d9b16c);border:5px solid #4b3428}.character-pet-image{width:220px;max-width:100%;aspect-ratio:3/2;object-fit:contain}.character-plus{font-size:44px;font-weight:900;color:#4b3428;text-shadow:0 2px #fff1cb}.empty-companion{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;font-size:70px;background:#9b8a6c;border:5px solid #4b3428}.character-stats{max-width:620px;margin:12px auto}.character-breakdown{text-align:center;color:#5d2b17;font-weight:900}@media(max-width:700px){.character-stage{grid-template-columns:1fr}.character-plus{transform:rotate(90deg)}}
.login-box{display:grid;gap:10px;margin-top:18px;padding:14px;border:2px solid #8f6039;border-radius:9px;background:#0003;text-align:left}.login-box button{width:100%}.login-box small{color:#f5c777}.mute-button{position:absolute;top:10px;right:10px;z-index:20;width:52px;height:52px;padding:0;border:3px solid #2b1b13;border-bottom:5px solid #6a3b22;border-radius:12px;font-size:24px;line-height:1;background:linear-gradient(#ffe08a,#c9853e);box-shadow:0 4px 12px #0006}.mute-button.is-muted{filter:saturate(.65)}#hud{right:72px}.account-actions{display:grid;gap:8px;margin-top:14px}@media(max-width:900px){#hud{right:10px;top:72px}.mute-button{top:10px;right:10px}}


.gift-code-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:14px; }
.gift-code-row input { flex:1 1 260px; min-width:0; padding:12px 14px; border:2px solid rgba(64,43,30,.25); border-radius:10px; background:#fff8e8; color:#2b1b13; font:inherit; }
.gift-code-row input:focus { outline:3px solid rgba(255,216,107,.45); border-color:#8a5b24; }

/* v1.3.7 */
.inline-gem{width:20px;height:20px;object-fit:contain;vertical-align:-5px;image-rendering:pixelated}.button-gem{width:18px;height:18px}.minimum-reward{display:block}.shop-item-card{position:relative}.shop-item-card.sold{background:#151515e8;color:#7e7e7e;border-color:#080808;filter:saturate(.15)}.shop-item-card.sold .pet-shop-preview img{filter:brightness(.12) grayscale(1);background:#080808}.shop-item-card.sold button{background:#242424;color:#7c7c7c;border-bottom-color:#080808}.shop-item-card.sold .sold-stamp{position:absolute;inset:10px 10px auto auto;z-index:1;padding:5px 8px;border:2px solid #999;border-radius:6px;background:#000;color:#ddd;font-weight:900;letter-spacing:.08em}.race-avatar{position:relative;overflow:hidden;background:linear-gradient(to bottom,#fff1cb 0 62%,var(--outfit-color,#4f7d42) 62% 100%);box-shadow:inset 0 -14px 0 var(--accent-color,#e7bd52)}.avatar-person{position:relative;z-index:1}.avatar-accessory{position:absolute;right:4px;top:2px;z-index:2;font-size:34px;filter:drop-shadow(0 2px 0 #0005)}.cosmetic-panel{max-width:760px;margin:12px auto;padding:14px;background:#fff1cbe8;border:3px solid #6d4028;border-radius:10px}.cosmetic-panel h3{margin-bottom:10px}.cosmetic-group{display:grid;gap:7px;margin:10px 0}.cosmetic-options{display:flex;flex-wrap:wrap;gap:7px}.cosmetic-choice{padding:8px 11px}.cosmetic-choice.selected{box-shadow:0 0 0 3px #74eaff inset;opacity:1}.cosmetic-panel small{display:block;margin-top:10px;color:#693b22;font-weight:800}

.character-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;border:2px solid #8f6039;padding:12px}.character-select label{display:grid;gap:6px;padding:10px;background:#fff1cb;color:#29170f;border-radius:8px;cursor:pointer;align-content:start}.character-select input{justify-self:start}.character-select img{width:10px;max-width:100%;height:10px;object-fit:contain;justify-self:center;background:transparent;border:0;border-radius:0}.character-select label:has(input:checked){outline:4px solid #e3b94f;outline-offset:-3px}.character-art-image{width:160px;max-width:100%;height:200px;object-fit:contain}.profile-panel{max-height:calc(100vh - 24px);overflow:auto}@media(max-width:700px){.character-select{grid-template-columns:1fr 1fr}.character-select img{width:9px;height:9px}}@media(max-width:430px){.character-select{grid-template-columns:1fr}}