/* Warm, stepped frames shared by the lair and in-world menus. */
dialog:not(#start-menu):not(#lair-screen){border:3px solid #b79259;border-radius:0;background:#29232c;color:#f5e3bf;box-shadow:0 0 0 3px #16131d,0 0 0 6px #655043,8px 10px 0 #100e18aa;font-family:ui-monospace,'Courier New',monospace}
dialog::backdrop{background:#100e1bcc;backdrop-filter:blur(2px)}
dialog:not(#start-menu) h1,dialog:not(#start-menu) h2,dialog:not(#start-menu) h3{font-family:ui-monospace,'Courier New',monospace;color:#ffdfa0;text-shadow:2px 2px #110f18}
dialog:not(#start-menu) button{border-radius:0;border:2px solid #c29c61;background:#594537;color:#fff0d0;box-shadow:inset 2px 2px #ffffff12,inset -2px -2px #170f2255,0 4px 0 #110f18;font-family:ui-monospace,'Courier New',monospace;min-height:44px;transition:background .15s}
dialog:not(#start-menu) button:hover:not(:disabled){background:#795e42;filter:brightness(1.08)}
dialog:not(#start-menu) button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px #ffffff12,0 2px 0 #110f18}
dialog button:focus-visible{outline:3px solid #ffe2a4;outline-offset:4px}
#lair-screen{background:radial-gradient(ellipse at 85% 10%,#8b542533,transparent 55%),#211d27;color:#f5e3bf;font-family:ui-monospace,'Courier New',monospace;padding:clamp(22px,4vw,58px)}
#lair-screen .lair-screen-heading{min-height:200px;padding:28px;box-sizing:border-box;border:3px solid #b79259;box-shadow:0 0 0 3px #110e19,6px 6px 0 #110e1988;background:linear-gradient(90deg,#191623f2,#211b28b8 55%,#201a2733),url(lair-dungeon-panorama.png) center/cover;image-rendering:pixelated}
#lair-screen .lair-screen-heading>span{color:#ecc78d;font-size:14px;letter-spacing:2px}
#lair-screen .lair-screen-heading h1{font-size:clamp(26px,4vw,38px);line-height:1.3;margin:16px 0 12px}
#lair-screen .lair-screen-heading p{color:#f0dbbc;max-width:460px;line-height:1.6}
#lair-screen #lair-panel{gap:18px 28px;padding:26px;background:#302831;border:3px solid #79604c;box-shadow:inset 0 0 0 3px #1c1823,6px 6px 0 #120f1988}
#lair-screen .lair-heading{color:#ffdda0;font-family:inherit;font-size:22px;line-height:1.5}
#lair-screen .lair-heading span{display:block;color:#ccbba9;font-size:14px}
#lair-screen #lair-status{color:#e7c991;line-height:1.6}
#lair-screen .hoard-total{background:#211b24;border:3px double #c39a5b;border-radius:0;box-shadow:inset 4px 4px #110e1955;padding:24px;color:#ffdf9a}
#lair-screen .hoard-total strong{font-family:inherit;color:#ffcf70;text-shadow:3px 3px #120e1a}
#lair-screen .lair-line{padding:12px 14px;background:#241e28;border-left:3px solid #ac8555;color:#eddbc0;line-height:1.5}
#lair-screen .lair-line b{color:#ffe0a0}
#lair-screen .lair-note{color:#d1c2b4;font-size:15px;line-height:1.7}
#lair-screen #upgrade-lair{background:#dfb66a;border-color:#ffe0a0;color:#2a2025}
#lair-screen #recruit-goblin,#lair-screen #lair-saves{background:#87946b;border-color:#c3d09a;color:#191f1c}
#lair-screen #leave-lair{background:#244e38;border:3px solid #81ad83;color:#edf6db;font-weight:800;box-shadow:inset 0 2px #41694b,0 0 0 2px #162c22,0 4px 0 #110e18}#lair-screen #leave-lair:hover:not(:disabled){background:#306247;color:#edf6db}#lair-screen #leave-lair:focus-visible{outline:3px solid #fff;outline-offset:4px}
#lair-screen #lair-panel>button{border-radius:0;min-height:52px;font-size:16px;line-height:1.4}
#lair-screen #lair-panel>button:disabled{background:#3f373c;border-color:#746658;color:#b8aea2;box-shadow:none}
#lair-screen .lair-footer-note{border-top:2px dashed #79604c;color:#d1c2b4}
#save-menu .save-slot,#save-menu .save-thumb,#dragonchoices .dragon-choice{border-radius:0}
#game-confirm{width:min(480px,calc(100vw - 40px));box-sizing:border-box;padding:28px;max-height:90dvh;overflow:auto}
#game-confirm .menu-eyebrow{font-size:14px;color:#c7aa80;letter-spacing:2px}
#game-confirm h2{font-size:24px;line-height:1.4;margin:14px 0}
#confirm-message{font-size:16px;color:#e5d6c2;line-height:1.7;margin:0 0 24px}
.confirm-actions{display:flex;gap:12px;flex-wrap:wrap}
#game-confirm button{flex:1;min-width:140px;margin:0;padding:12px 16px;font-size:16px}
#game-confirm #confirm-accept{background:#dbaf65;border-color:#ffe0a0;color:#251c25}
@media(max-width:700px){#lair-screen #lair-panel{padding:18px;grid-template-columns:1fr;gap:16px}#lair-screen .lair-screen-heading{padding:22px;min-height:180px}#lair-screen .lair-heading{font-size:20px}#lair-screen .hoard-total strong{font-size:38px}#game-confirm{padding:22px}}

#settings-sections{display:grid;gap:16px;margin-top:24px}#settings-sections[hidden],#settings-audio[hidden],#settings-keybinds[hidden],#settings-section-back[hidden]{display:none}#settings-audio{padding-top:24px}#settings-audio label{display:flex;justify-content:space-between;font-size:16px;color:#f5dfbb;margin:20px 0 12px}#settings-audio input{width:100%;height:36px;accent-color:#ddb873}#settings-audio output{color:#ffdda0}#settings-section-back{margin:20px 0 0}#settings-sections button{padding:18px;font-size:18px}

#dragon-stamina{display:block;height:6px;margin-top:5px;accent-color:#e6c74e;background:#443d22;border:0;border-radius:0}#dragon-stamina::-webkit-progress-bar{background:#443d22}#dragon-stamina::-webkit-progress-value{background:#e6c74e}#dragon-stamina::-moz-progress-bar{background:#e6c74e}

#lair-screen .lair-vitals{grid-column:1/-1;padding:20px;background:#211b24;border:2px solid #79604c}#lair-screen .lair-vitals label{display:flex;justify-content:space-between;font-size:16px;margin:0 0 8px;color:#efdcba}#lair-screen .lair-vitals progress{display:block;width:100%;height:12px;border:0;border-radius:0;background:#403c31;margin:0 0 18px}#lair-screen .lair-vitals progress:last-child{margin-bottom:0}#lair-health{accent-color:#86b978}#lair-stamina{accent-color:#e6c74e}#lair-health::-webkit-progress-value{background:#86b978}#lair-stamina::-webkit-progress-value{background:#e6c74e}#lair-health::-moz-progress-bar{background:#86b978}#lair-stamina::-moz-progress-bar{background:#e6c74e}#lair-screen #upgrade-orcs{background:#798768;border-color:#c1cba0;color:#171e18}
/* Compact desktop lair overview; upgrade details live in their own dialog. */
#map-size-menu .map-size-choices button[aria-pressed="true"]{outline:3px solid #ffe24f;outline-offset:3px;border-color:#fff19b;background:#625032;color:#fff6d0;box-shadow:inset 0 0 0 2px #e6c347,0 4px 0 #110f18}
#map-size-menu .map-size-choices button[aria-pressed="true"] strong::after{content:' ✓';color:#ffe24f}
#map-size-menu .map-size-choices{gap:18px;padding:6px}
#lair-screen{padding:22px 32px}
#lair-screen .lair-screen-heading{min-height:clamp(160px,23vw,270px);max-width:1120px;padding:16px 24px;margin-bottom:18px;background-position:center;display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 4px #100e18}
#lair-screen .lair-screen-heading h1{font-size:28px;margin:6px 0}
#lair-screen .lair-screen-heading p{margin:0;font-size:15px}
#lair-content{max-width:1120px}
#lair-screen #lair-panel{padding:20px;grid-template-columns:1fr 1fr;gap:16px}
.lair-overview-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px}
#lair-screen .lair-overview-heading .lair-heading{font-size:18px}
#lair-screen .lair-overview-heading .lair-heading span{display:inline;margin-left:12px}
#lair-screen .lair-overview-heading #lair-status{font-size:14px;text-align:right}
.lair-card{min-width:0;padding:18px;background:#241e28;border:2px solid #695441}
#lair-screen .lair-card h2{font-size:18px;margin:0 0 14px}
#lair-screen .lair-card .lair-vitals{padding:0;background:none;border:0}
#lair-screen .lair-card .lair-vitals label{font-size:15px}
#lair-screen .lair-card .lair-vitals progress{height:10px;margin-bottom:16px}
#lair-screen .lair-card .lair-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;margin:0;border:0;background:none;font-size:15px}
#lair-screen .lair-card .lair-note{font-size:14px;line-height:1.5;margin:8px 0 0}
#lair-screen .lair-card .hoard-total{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;margin:0 0 8px;border:2px solid #a48653;box-shadow:none}
#lair-screen .lair-card .hoard-total strong{font-size:30px;margin:0}
#lair-screen .lair-card .hoard-total>span{font-size:13px}
.lair-overview-actions{grid-column:1/-1;display:flex;gap:14px}
#lair-screen .lair-overview-actions button{flex:1;width:auto;min-height:48px;padding:12px;margin:0;font-size:16px}
#lair-screen #open-lair-upgrades{background:#dfb66a;color:#261e25;border-color:#ffe0a0;font-weight:bold}
.lair-overview-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px}
#lair-screen .lair-overview-footer .lair-note{font-size:14px}
.lair-trophies{border-top:2px solid #695441;margin-top:16px;padding-top:12px}
#lair-screen .lair-trophies h3{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#efc995;margin:0 0 8px}
#lair-princess-count{min-width:28px;padding:3px 8px;background:#483544;border:1px solid #b18a69;text-align:center;color:#ffe0a0}
.princess-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;max-height:166px;overflow:auto;margin-top:12px}
.princess-gallery:empty{display:none}
.princess-trophy{display:flex;gap:10px;align-items:center;min-width:0;padding:8px;background:#302431;border:1px solid #9b7557;box-shadow:inset 0 0 0 2px #201a24}
.princess-trophy img{flex:0 0 36px;image-rendering:pixelated}
.princess-trophy strong,.princess-trophy span{display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.princess-trophy strong{color:#f1c7d6}.princess-trophy span{color:#d1c2b4;margin-top:3px}
#lair-upgrades{width:min(980px,94vw);max-width:980px;max-height:90dvh;overflow:auto;padding:26px}
#lair-upgrades .save-menu-heading h2{font-size:26px;margin:0}
#lair-upgrades #close-lair-upgrades{width:auto;margin:0;font-size:15px;padding:10px 16px}
.lair-upgrade-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.lair-upgrade-cards section{padding:18px;background:#211b26;border:2px solid #79604c;min-width:0}
.lair-upgrade-cards h3{font-size:18px;margin:0 0 16px}
#lair-upgrades .lair-note{color:#d1c2b4;font-size:15px;line-height:1.6}
#lair-upgrades button{font-size:15px;line-height:1.5;padding:12px;margin:0}
#lair-upgrades button:disabled{background:#3f373c;border-color:#746658;color:#b8aea2;box-shadow:none;opacity:1}
@media(max-width:700px){#lair-screen{padding:18px 14px}#lair-screen #lair-panel{padding:14px;grid-template-columns:1fr}.lair-overview-heading{display:block}#lair-screen .lair-overview-heading #lair-status{text-align:left;margin-top:8px}.lair-overview-actions{flex-wrap:wrap}.lair-overview-actions button{min-width:130px}.lair-upgrade-cards{grid-template-columns:1fr}.lair-overview-footer{flex-wrap:wrap}#lair-upgrades{padding:20px}}

#open-lair-upgrades .upgrade-alert{display:inline-block;font-size:30px;font-weight:900;line-height:1;vertical-align:middle;margin-left:10px;color:#fff3a0;background:#775320;border:2px solid #ffe370;padding:1px 9px;text-shadow:1px 2px #332015}

/* Keep all six dragon choices and the primary action in the same viewport. */
#startdialog{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;overflow:auto}
#startdialog .overline{font-size:12px;letter-spacing:1px}
#startdialog h2{font-size:24px;line-height:1.15;margin:8px 0}
#startdialog>p{font-size:14px;line-height:1.35;margin:8px 0 12px}
#dragonchoices{gap:8px}
#dragonchoices .dragon-choice{padding:8px 6px;gap:3px;border-radius:0}
#dragonchoices b{font-size:16px;line-height:1.2}
#dragonchoices small{font-size:12px;line-height:1.25}
#dragonchoices .dragon-portrait,#dragonchoices .dragon-portrait img,#dragonchoices .mystery-dragon{height:64px}
#dragonchoices .mystery-dragon{font-size:42px}
#startdialog #awaken{width:100%;min-height:44px;margin:12px 0 0;padding:10px;font-size:15px;line-height:1.25}
#startdialog #unlock-feedback{margin:8px 0 0;font-size:12px}
@media(max-height:500px) and (min-width:700px){
  #startdialog{width:min(940px,calc(100vw - 24px));max-width:940px;padding:12px}
  #dragonchoices{grid-template-columns:repeat(6,minmax(0,1fr))}
  #dragonchoices .dragon-portrait,#dragonchoices .dragon-portrait img,#dragonchoices .mystery-dragon{height:56px}
}
@media(max-width:400px){#startdialog{padding:12px}#dragonchoices{gap:6px}#dragonchoices b{font-size:14px}#dragonchoices input{top:3px;left:3px}}
.lair-treasures{border-top:2px solid #695441;margin-top:14px;padding-top:12px}
#lair-screen .lair-treasures h3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:16px;margin:0 0 8px}
#lair-treasure-value{font-size:13px;color:#e8ce84}
.treasure-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;max-height:180px;overflow:auto;margin-top:10px}
.treasure-gallery:empty{display:none}
.treasure-item{display:flex;align-items:center;gap:8px;padding:8px;background:#302831;border:1px solid #806848}
.treasure-symbol{width:28px;flex-shrink:0;font-size:26px;text-align:center;color:#e4d6ba}
.treasure-ruby{color:#e77a8b}.treasure-emerald{color:#8ccd9f}
.treasure-item strong,.treasure-item small{display:block;font-size:13px;line-height:1.4}
.treasure-item small{color:#c8b995;font-size:12px}

/* The sanctuary is a compact overview; collections have their own room. */
#lair-screen{padding:16px 20px}
/* Clip the lower half of the former full-height panorama; keep its scale. */
#lair-screen .lair-screen-heading{position:relative;isolation:isolate;overflow:hidden;height:clamp(80px,11.5vw,135px);min-height:0;padding:12px 18px;margin-bottom:12px;max-width:980px;background:none}
#lair-screen .lair-screen-heading::before{content:"";position:absolute;top:0;left:0;right:0;height:calc(clamp(160px,23vw,270px) - 6px);z-index:-1;background:linear-gradient(90deg,#191623f2,#211b28b8 55%,#201a2733),url(lair-dungeon-panorama.png) center/cover;pointer-events:none}
#lair-screen .lair-screen-heading>span,#lair-screen .lair-screen-heading>p{display:none}
#lair-screen .lair-screen-heading h1{font-size:24px;margin:0;line-height:1.3}
#lair-content{max-width:980px}
#lair-screen #lair-panel{padding:14px;gap:12px}
#lair-screen .lair-overview-heading .lair-heading{font-size:16px}
#lair-screen .lair-overview-heading #lair-status{margin:0;font-size:13px}
#lair-screen .lair-card{padding:14px}
#lair-screen .lair-card h2{margin-bottom:12px;font-size:17px}
#lair-screen .lair-card .lair-vitals progress{margin-bottom:12px}
#lair-screen .lair-card .lair-line{padding:6px 0;font-size:14px}
#lair-screen .lair-card .lair-note{font-size:13px;line-height:1.4;margin-top:6px}
#lair-screen .lair-overview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#lair-screen .lair-overview-actions button{grid-column:auto;grid-row:auto;min-width:0;min-height:46px;padding:10px 6px;font-size:15px}
#lair-screen #open-lair-collection{background:#554766;border-color:#b6a0c3;color:#fff0db}
#lair-screen .lair-overview-footer .lair-note{margin:0;font-size:13px}
#lair-collection{box-sizing:border-box;width:min(740px,calc(100vw - 28px));max-width:740px;max-height:calc(100dvh - 28px);padding:22px;overflow:auto}
#lair-collection .save-menu-heading{gap:12px;align-items:center}
#lair-collection .save-menu-heading h2{font-size:22px;line-height:1.3}
#lair-collection #close-lair-collection{width:auto;min-width:120px;margin:0;padding:10px;font-size:14px}
#lair-collection .lair-treasures h3,#lair-collection .lair-trophies h3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:16px;margin:0 0 10px}
#lair-collection .lair-note{font-size:14px;color:#d1c2b4;line-height:1.5;margin:6px 0 12px}
#lair-collection .treasure-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
#lair-collection .princess-gallery{max-height:none}
#lair-collection .treasure-item strong{font-size:14px}
#lair-collection button[data-shortcut]::after{content:attr(data-shortcut);display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid currentColor;font:12px monospace;line-height:1.2;opacity:.85}
@media(max-width:600px){
  #lair-screen{padding:12px}
  #lair-screen #lair-panel{padding:12px;gap:10px}
  #lair-screen .lair-card{padding:12px}
  #lair-screen .lair-overview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  #lair-screen .lair-overview-heading #lair-status{margin-top:4px}
  #lair-collection{padding:16px}
  #lair-collection .save-menu-heading{flex-wrap:wrap}
  #lair-collection .save-menu-heading h2{font-size:20px}
}
@media(pointer:coarse),(hover:none){#lair-collection button[data-shortcut]::after{display:none}}

#remembered-deeds{margin-top:22px;padding-top:16px;border-top:2px solid #79604c}
#remembered-deeds h3{font-size:18px;margin:0 0 12px}
#living-history{max-height:320px;overflow:auto}
.remembered-deed{border-left:2px solid #b89b62;padding:4px 12px;margin:10px 0}
.remembered-deed small{color:#dcc395;font-size:12px}
.remembered-deed p{color:#e6d8c1;font-size:14px;line-height:1.5;margin:5px 0}
#lair-heirlooms{display:grid;gap:8px}
.heirloom{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #ae8a54;background:#342a30}
.heirloom>div{min-width:0}
.heirloom strong,.heirloom small{display:block;font-size:14px;line-height:1.5}
.heirloom strong{color:#ffdfa0}.heirloom small{color:#d2bc92}
.heirloom p{color:#dacdbd;font-size:13px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}

.dragon-hud .dragon-vital-row{display:flex;align-items:center;gap:6px;min-width:0;margin-top:4px}
.vital-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}
.vital-label{display:inline-flex;align-items:center;gap:6px}
.dragon-hud .dragon-vital-row progress{flex:1;min-width:0;width:100%;max-width:none;height:6px;margin:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none}
#dragon-health,#lair-health{accent-color:#df5f69;background:#492d35}
#dragon-health::-webkit-progress-bar,#lair-health::-webkit-progress-bar{background:#492d35}
#dragon-health::-webkit-progress-value,#lair-health::-webkit-progress-value{background:#df5f69}
#dragon-health::-moz-progress-bar,#lair-health::-moz-progress-bar{background:#df5f69}
#inspect progress{accent-color:#df5f69}

/* Lair discoveries retain the carved, warm pixel panels. */
.dragon-hud{min-width:245px;max-width:min(360px,calc(100vw - 100px));gap:0}.dragon-hud>div{width:100%}
.dragon-hud #dragon-hunger{accent-color:#c99053}.dragon-hud #dragon-hunger::-webkit-progress-value{background:#c99053}.dragon-hud #dragon-hunger::-moz-progress-bar{background:#c99053}
#lair-upgrades{width:min(1120px,96vw);max-width:96vw;max-height:94dvh;padding:20px;overflow:auto}
#lair-upgrades .save-menu-heading{position:sticky;top:-20px;z-index:2;background:#2d2533;padding:12px 0;border-bottom:2px solid #796447}
.tech-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;color:#f1d58d;font-size:14px}
.tech-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.tech-branch h3{font-size:16px;color:#e9c681;text-align:center;padding-bottom:12px;border-bottom:2px solid #896e4f;margin:4px 0 18px}
#lair-upgrades .tech-node{display:block;position:relative;width:100%;background:#211d29;border:2px solid #67594e;padding:10px;margin:0 0 20px;box-shadow:3px 3px 0 #17131c;color:#efdfbe;white-space:normal;text-align:center;cursor:pointer}
.tech-node[data-connected]::before{content:"";position:absolute;left:50%;top:-22px;height:20px;border-left:3px solid #8f7758;pointer-events:none}
#lair-upgrades .tech-node.learned{border-color:#88aa76;background:#27322c}#lair-upgrades .tech-node.available{border-color:#dbb66a}#lair-upgrades .tech-node.locked{border-color:#544b54;color:#aba4b1}
.tech-node-heading{display:block;padding:8px;min-height:85px}
#lair-upgrades .tech-node:disabled{opacity:1;cursor:default}
.tech-node-icon{display:block;font-size:24px;color:#ebc97f;margin:0 0 8px}.tech-node strong{display:block;font-size:15px;line-height:1.35}.tech-node small{display:block;font-size:13px;color:#d3b77d;margin-top:8px}.tech-description{display:block;text-align:left;font-family:system-ui,sans-serif;font-size:14px;line-height:1.45;color:#c9c1cb;margin:8px 0 0}.tech-spell-meta{display:block;font-size:12px;line-height:1.5;color:#baa687;margin-top:8px;text-align:left}
.tech-node.learned small{color:#b1cf9e}.tech-node:focus-visible{outline:3px solid #fff0ad!important;outline-offset:3px}
#tech-feedback{min-height:1.3em;color:#e5ca8c;font-size:14px}#tech-recruit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}#tech-recruit-row[hidden]{display:none}
.learned-abilities{position:absolute;z-index:5;left:50%;bottom:100px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;max-width:calc(100% - 24px);padding:6px;background:#172822ef;border:1px solid #817453;border-radius:7px}
.learned-abilities[hidden]{display:none}.learned-abilities button{font-size:14px;white-space:nowrap;padding:10px 12px;background:#47374e;color:#f2e2be;border:1px solid #ad9575;border-radius:4px}.learned-abilities button[aria-pressed="true"]{background:#75633e;border-color:#ffdd85}.learned-abilities button:disabled{opacity:.5}.passive-art{padding:8px;color:#c6a9dc;font-size:13px;white-space:nowrap}
.learned-abilities button[data-shortcut]::after{content:attr(data-shortcut);font:11px monospace;border:1px solid #b4a592;margin-left:6px;padding:1px 4px;border-radius:2px}
body:has(.learned-abilities:not([hidden])) .map-tip{bottom:162px}
@media(max-width:760px){.tech-tree{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#lair-upgrades{padding:14px}#lair-upgrades .save-menu-heading{top:-14px}.learned-abilities{bottom:96px;overflow-x:auto;justify-content:flex-start}.learned-abilities button{font-size:13px;padding:10px 8px}.dragon-hud{min-width:210px}}
@media(max-width:390px){.tech-tree{grid-template-columns:1fr}.dragon-hud{min-width:180px;max-width:calc(100vw - 85px)}}
@media(pointer:coarse),(hover:none){.learned-abilities button[data-shortcut]::after{display:none}}
.dragon-action-dock{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:96%;width:max-content}
.dragon-action-dock .dragon-actions,.dragon-action-dock .learned-abilities{position:static;transform:none;left:auto;bottom:auto;max-width:100%;margin:0;box-sizing:border-box}
.dragon-action-dock .learned-abilities{flex-wrap:wrap;justify-content:center;overflow:visible}.dragon-action-dock .dragon-actions{width:auto}
@media(max-width:760px){.dragon-action-dock{width:96%;bottom:10px}.dragon-action-dock .dragon-actions{width:100%}}
#open-lair-upgrades .upgrade-alert,.tech-afford-alert{color:#99ff8d;background:#254b31;border:2px solid #72dc79;text-shadow:1px 2px #142b1b;font-size:34px;line-height:1;font-weight:900;padding:2px 9px;box-shadow:2px 2px 0 #142b1b}
.tech-afford-alert{position:absolute;right:7px;top:7px}#lair-upgrades .tech-node.affordable{border-color:#7cdd82}.tech-node.affordable .tech-node-icon{padding-right:30px}

#paused-notice{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;padding:18px 24px;max-width:calc(100vw - 40px);background:#26332bf5;color:#f1dfb0;border:2px solid #c3a468;box-shadow:0 4px 0 #121d19,0 0 0 4px #28352f;text-align:center;font-size:18px;pointer-events:none}
#paused-notice[hidden]{display:none}

.princess-trophy small{display:block;font-size:13px;line-height:1.45;color:#c8b9a7;margin-top:6px}.treasure-kings-crown{color:#f4d478}#lair-royal-treasures:empty{display:none}

.growth-stage{padding:10px;margin:-8px 0 16px;border:1px solid #947b52;background:#253830;text-align:center}.growth-stage strong{display:block;color:#f0d590;font-size:16px}.growth-stage small{display:block;margin-top:5px;color:#aacf9a;font-size:13px}.growth-stage p{font-size:13px;line-height:1.5;color:#d8cbb6;margin:8px 0 0}

/* Native, compact mouse cursor; text and disabled-control cursors stay useful. */
@media(any-pointer:fine){
  body,#world{cursor:url('dragon-claw-cursor.svg?v=107') 2 2,default}
  button:not(:disabled),a[href],summary,[role=button],.dragon-choice,.peace-button,label[for],input[type=checkbox],input[type=radio],input[type=range]{cursor:url('dragon-claw-cursor.svg?v=107') 2 2,pointer}
  input:not([type]),input[type=text],input[type=search],input[type=number],textarea,[contenteditable=true]{cursor:text}
}

/* The longer game title and four map choices fit desktop and phone menus. */
#menu-title{max-width:10ch;font-size:clamp(40px,6vw,80px);line-height:1.05;overflow-wrap:normal}
#menu-title>span{display:block;font-size:.58em;letter-spacing:0;margin-bottom:.12em}
#map-size-menu .map-size-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:380px){#map-size-menu .map-size-choices{grid-template-columns:1fr}#menu-title{font-size:40px}}

#peace-notice{position:fixed;left:50%;top:112px;transform:translateX(-50%);z-index:31;max-width:calc(100vw - 32px);padding:7px 12px;border:1px solid #c3a468;border-radius:5px;background:#26332bf5;color:#f1dfb0;font-size:14px;line-height:1.3;text-align:center;pointer-events:none;animation:peace-notice-flash 2s ease-out both}
#peace-notice[hidden]{display:none}
@keyframes peace-notice-flash{0%{opacity:0}10%{opacity:1;background:#635239}28%,80%{opacity:1;background:#26332bf5}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#peace-notice{animation:none}}

.dragon-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.dragon-heading #dragon-name{min-width:0}.dragon-heading #dragon-gold{color:#ecd081;font-size:14px;font-weight:600;white-space:nowrap;line-height:1.3}.dragon-heading #dragon-gold[hidden]{display:none}


#lair-screen #lair-saves,#world-options #game-saves{background:#344c72;color:#f3f1e7;border:2px solid #8eabc9}#lair-screen #lair-saves:hover,#world-options #game-saves:hover{background:#405e89}
#lair-compass{position:fixed;right:18px;bottom:112px;display:flex;align-items:center;gap:3px;padding:3px 7px 3px 2px;border:1px solid #a49468;border-radius:7px;background:#20352dd9;color:#eadcb8;font-size:11px;pointer-events:none;z-index:5}#lair-compass[hidden]{display:none}#lair-compass-needle{transform-origin:16px 16px}
/* Manual comparison: keep the active movement style clear on touch and desktop. */
#settings-dragon-tilt button{font-size:14px;min-height:44px}
#settings-dragon-tilt button[aria-pressed="true"]{outline:2px solid #ffe24f;outline-offset:2px;background:#625032;color:#fff6d0}
#settings-dragon-tilt button[aria-pressed="true"]::after{content:' ✓'}
#settings-dragon-tilt .settings-note{font-size:14px}

#game-exited{width:min(480px,90vw);padding:28px;text-align:center;background:#1b2b25;color:#efdfbd;border:1px solid #bba475;border-radius:10px}#game-exited::backdrop{background:#102019f5}#game-exited p{font-size:16px;line-height:1.6}#game-exited button{width:100%;margin-top:16px;padding:12px}

#lair-encounters .upgrade-alert,#realm-encounters .upgrade-alert{display:inline-block;vertical-align:middle;margin-left:8px;color:#99ff8d;background:#254b31;border:2px solid #72dc79;text-shadow:1px 2px #142b1b;font-size:30px;line-height:1;font-weight:900;padding:2px 9px;box-shadow:2px 2px 0 #142b1b}

/* A tiny chest beside carried coins, independent of the coin balance. */
.dragon-heading #dragon-treasure{display:inline-flex;align-self:center;width:22px;height:20px;flex:0 0 22px}
.dragon-heading #dragon-treasure[hidden]{display:none}
#dragon-treasure svg{width:100%;height:100%}

/* Keep the menu's fire visible and tappable, including portrait screens. */
#start-menu{background-position:right center}
#start-menu #menu-fire{position:absolute;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;touch-action:manipulation;cursor:pointer}
#start-menu #menu-fire:hover,#start-menu #menu-fire:active{background:transparent;filter:none;transform:none;box-shadow:none}
#start-menu #menu-fire:focus:not(:focus-visible){outline:none}
#start-menu #menu-fire:focus-visible{outline:2px solid #ffdfa0;outline-offset:2px;border-radius:50%}
#cheat-unlock-notice{color:#ffdfa0;font-size:15px;margin:18px 0 0}