/* Alchemy, village building and character customization. */
.sidebar{overflow-y:auto}.sidebar-note{display:none}.sidebar nav{margin-top:22px}.nav-item{padding-top:11px;padding-bottom:11px}.profile{margin-top:auto;padding-top:20px}.profile-name{display:block!important;font-size:14px!important;color:var(--ink)}.profile-avatar{width:42px;flex-shrink:0}.profile #hero-rank{font-size:12px;color:var(--muted)}.gold-pill{font-size:14px;color:#745719}.player-status-strip>div{flex-wrap:wrap}.player-status-strip [data-player-name]{max-width:180px;overflow-wrap:anywhere}
.realm-view h1{font-size:clamp(30px,4vw,42px);margin:10px 0 12px;line-height:1.2}.realm-intro{font-size:16px;line-height:1.75;color:#5f6d62;max-width:720px;margin:0 0 20px}.realm-wallet{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 18px;background:#ecf2df;border:1px solid #d9e4c9;border-radius:12px;margin:20px 0}.realm-wallet strong{font-size:22px;color:#385940;white-space:nowrap}.realm-wallet span{font-size:14px;color:#5c7053;line-height:1.6}.realm-notice{font-size:16px;line-height:1.6;color:#336744;margin:14px 0;min-height:0}.realm-notice:empty{display:none}.realm-section-title{font-size:21px;margin:30px 0 16px;line-height:1.4}.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.realm-card{padding:22px;border:1px solid #dce3d3;border-radius:17px;background:#fffefb;min-width:0}.realm-card h2{font-size:23px;margin:10px 0;line-height:1.35}.realm-card h3{font-size:19px;line-height:1.4;margin:10px 0}.realm-card p{font-size:16px;line-height:1.7;color:#63715f}.realm-card small{font-size:14px;line-height:1.6;color:#796446}.realm-tag{display:block;font-size:12px;font-weight:700;letter-spacing:1px;color:#7c688f;line-height:1.6}.realm-icon{width:66px;height:66px}.small-icon{width:26px;height:26px;flex-shrink:0}.realm-view .primary,.realm-view .secondary{font-size:14px;white-space:normal;min-height:44px;line-height:1.5}.realm-view .text-button{font-size:14px;line-height:1.6}.realm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.shop-card,.recipe-card{display:flex;flex-direction:column;align-items:flex-start}.shop-card>p,.recipe-card>p{margin:8px 0 16px}.shop-card>.secondary,.recipe-card>.secondary{margin-top:auto;width:100%}.shop-card>small{margin-top:10px}.stock-count{display:block;font-size:14px;color:#4d6444;margin:0 0 17px}.recipe-card .recipe-requirement{font-size:14px;color:#7b7183}.recipe-locked{background:#f4f2f5}.recipe-locked .realm-icon{opacity:.55}.realm-footnote{font-size:14px;color:#786c83;line-height:1.7;margin:22px 0}.shop-character{width:118px;align-self:center;margin:0 auto 12px}
.character-portrait{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 61%,var(--aura,#cde4b3) 0 44%,transparent 65%);width:100%;max-width:100%;border-radius:18px}.character-sprite{width:100%;aspect-ratio:3/4;background-image:url('assets/character-atlas.png');background-repeat:no-repeat;background-size:400% 200%}.character-emblem{position:absolute;width:27%;height:27%;right:0;bottom:0;filter:drop-shadow(0 2px 2px #0002)}.quest-hero-art{background:none;width:145px;height:auto;margin-right:35px}.quest-hero-art svg{animation:none}.quest-hero-art [data-player-sprite]{width:145px}.player-fighter [data-player-sprite]{width:94px}.player-fighter>span{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-character{width:130px;margin:auto}.character-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.character-preview{text-align:center;position:sticky;top:20px}.character-preview h2{overflow-wrap:anywhere}.large-character{width:190px;margin:auto}.character-form>label,.village-controls label,.foundation-answer label{display:block;font-size:14px;font-weight:600;margin:0 0 10px;color:#4e624b}.character-form>input,.village-controls input{font-size:16px;margin-bottom:14px}.outfit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.outfit-option{border:1px solid #d9e0d0;border-radius:12px;padding:8px;background:#f7f9f0;min-width:0;color:#405a42;text-align:center}.outfit-option>span{display:block;font-size:14px;font-weight:700;margin:6px 0;line-height:1.4}.outfit-option>small{display:block;font-size:12px;line-height:1.5}.outfit-option:disabled{opacity:.55;cursor:not-allowed}.chosen{outline:2px solid #688652;outline-offset:2px}.accent-options,.badge-options{display:flex;flex-wrap:wrap;gap:10px}.accent-choice{padding:10px 12px;border-radius:9px;border:1px solid #c4cbbf;background:var(--swatch);color:#304533;font-size:14px;line-height:1.5;min-height:44px}.badge-options .secondary{display:inline-flex;align-items:center;gap:6px}.village-art{background-image:url('assets/village-atlas.png');background-repeat:no-repeat;background-size:300% 500%;width:100%;aspect-ratio:1.500252/1}.village-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.village-scene{background:radial-gradient(ellipse at 50% 46%,#e9eedc,transparent 72%),#fffefb;text-align:center;display:flex;flex-direction:column;justify-content:center}.village-scene h2{overflow-wrap:anywhere}.village-controls h2{margin:0 0 22px}.village-controls select{font-size:16px}.village-controls>.primary{width:100%}.village-controls form{margin-bottom:25px}.village-complete{color:#4a703f;font-size:16px;line-height:1.6}.village-styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.village-style-card{background:#fffefb;border:1px solid #dce3d3;padding:12px;border-radius:14px;text-align:left;min-width:0;color:#2e493c}.village-style-card strong{font-size:15px;display:block;margin:10px 0;line-height:1.5}.village-style-card>span{font-size:14px;color:#6a7462;line-height:1.6;display:block}.activity-card{margin:24px 0;background:#fffefa;border-color:#c6d5b8;box-shadow:0 5px 20px #254b3306;scroll-margin-top:20px}.activity-card>.equation{font-size:clamp(30px,4vw,50px);margin:20px 0;white-space:normal}.ingredient-progress{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ingredient-progress>span{padding:8px 10px;background:#efeee8;color:#79766d;border:1px solid #e1e0d9;border-radius:7px;font-size:14px;line-height:1.5}.ingredient-progress>.collected{background:#e2eed4;border-color:#c4d8b5;color:#41603b}.ingredient-jars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px;margin:0 auto}.ingredient-jar{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f2f1f7;border:1px solid #d6cce3;border-radius:14px;padding:18px 10px;min-width:0;color:#58446e}.ingredient-jar strong{font-size:16px;line-height:1.5}.ingredient-jar .realm-icon{width:54px;height:54px}.jar-rune{font:700 26px ui-monospace,monospace;color:#374e3c}.ingredient-jar:hover:not(:disabled){background:#e9e2f2;transform:translateY(-2px)}.ingredient-jar:disabled{cursor:default;opacity:.7}.ingredient-jar.chosen{opacity:1;background:#e2eed4}.realm-hint{padding:16px 20px;background:#f0f3e8;border-radius:10px;font-size:16px;line-height:1.75;color:#54634d}.foundation-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:600px;margin:auto}.foundation-answer label{grid-column:1/-1}.foundation-answer input{font-size:20px}.potion-belt{border-bottom:1px solid #e1e7d8;background:#f5f2fa;padding:16px 22px}.belt-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.belt-heading strong{font-size:15px;color:#65537b}.belt-heading .text-button{font-size:14px;color:#65537b}.belt-empty,.active-effects{font-size:14px;line-height:1.6;color:#716280;margin:9px 0 0}.active-effects{font-weight:600;color:#426745}.belt-potions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.belt-potions:empty{display:none}.potion-use{border:1px solid #c7b7d8;border-radius:8px;background:white;color:#604a78;padding:10px 12px;font-size:14px;line-height:1.4}.potion-use:disabled{opacity:.5;cursor:not-allowed}.realm-view button:focus-visible,.potion-belt button:focus-visible{outline:3px solid #497665;outline-offset:3px}
@media(max-width:1150px){.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-layout{grid-template-columns:180px minmax(0,1fr)}.large-character{width:135px}.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.village-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.outfit-option .character-portrait{max-width:105px;margin:auto}}
@media(max-width:850px){.village-overview{grid-template-columns:1fr}.village-scene .village-art{max-width:460px;margin:auto}.character-layout{grid-template-columns:1fr}.character-preview{position:static}.large-character{width:150px}.outfit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.realm-card{padding:20px}}
@media(max-width:660px){.sidebar{display:block;overflow:visible;padding:14px 16px 8px}.sidebar>.brand{display:flex;width:max-content}.sidebar .school-tag,.sidebar .profile{display:none}.sidebar nav{display:flex;width:100%;gap:6px;overflow-x:auto;margin:12px 0 0;padding:5px 2px 10px;scrollbar-width:thin}.sidebar .nav-item,.sidebar .nav-item.active{flex:0 0 90px;width:90px;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.5;white-space:normal;padding:10px 6px}.sidebar .nav-item>span{font-size:22px}.topbar{gap:10px}.top-stats .gold-pill{font-size:13px}.quest-hero-art{width:95px;margin-right:0}.quest-hero-art [data-player-sprite]{width:95px}.realm-grid{grid-template-columns:1fr}.realm-view h1{font-size:31px}.realm-wallet{gap:6px}.realm-wallet span{width:100%}.realm-card{padding:20px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{padding:15px}.shop-card h3{font-size:17px}.shop-card p{font-size:14px}.shop-character{width:100px}.realm-grid .realm-icon{width:54px;height:54px}.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-option .character-portrait{max-width:130px}.village-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ingredient-jars{gap:8px}.ingredient-jar{padding:12px 6px}.ingredient-jar strong{font-size:14px}.ingredient-jar .realm-icon{width:42px;height:42px}.jar-rune{font-size:22px}.foundation-answer{grid-template-columns:1fr}.foundation-answer label{grid-column:auto}.player-fighter [data-player-sprite]{width:83px}.potion-belt{padding:15px 18px}.player-status-strip{align-items:flex-start}.player-status-strip>div{gap:8px}.player-status-strip [data-player-name]{width:100%;max-width:none}.profile-avatar{display:none}}
@media(prefers-reduced-motion:reduce){.ingredient-jar:hover:not(:disabled){transform:none}}