/* Standard cozy skin; controls and action bindings are shared. */
body.cozy-pixel-ui{
 --cozy-menu-paper:#ebc991;--cozy-menu-edge:#d6af76;--cozy-menu-inset:#e5be86;
 --cozy-ink:#402b1e;--cozy-paper:#edcd8f;--cozy-light:#ffebbc;--cozy-muted:#755337;
 --cozy-panel-art:url('cozy-parchment-frame.png?v=268');--cozy-token-art:url('cozy-wood-token.png?v=268');
 color:var(--cozy-light);font-family:ui-monospace,'Courier New',monospace;
}
/* The generated rim is nine-sliced: corners keep their shape at every panel size. */
body.cozy-pixel-ui :is(.dragon-hud,.map-tip,.inspect,#paused-notice,#action-help-panel,#ability-tooltip){
 border:16px solid transparent;border-image:var(--cozy-panel-art) 25% 12% fill / 16px / 0 stretch;
 border-radius:18px;background:none;box-shadow:none;color:var(--cozy-ink);image-rendering:pixelated;
 font-family:ui-monospace,'Courier New',monospace;
}
body.cozy-pixel-ui .dragon-hud{display:block;box-sizing:border-box;width:270px;padding:4px 5px 8px;min-width:0;max-width:calc(100vw - 100px);overflow:visible}
body.cozy-pixel-ui .dragon-hud>div:first-child{min-width:0;width:100%}
body.cozy-pixel-ui .dragon-heading #dragon-name{color:#422917;font-family:inherit;font-size:15px;font-weight:800;text-shadow:none}
body.cozy-pixel-ui .dragon-heading #dragon-gold{color:#684016;font-family:inherit;font-size:12px}
body.cozy-pixel-ui .dragon-heading{flex-wrap:nowrap;min-width:0;height:24px;align-items:center}
body.cozy-pixel-ui .dragon-heading #dragon-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.cozy-pixel-ui .dragon-heading :is(#dragon-gold,#dragon-treasure){flex-shrink:0}
body.cozy-pixel-ui #dragon-state{color:#765135;font-family:inherit;font-size:12px;line-height:1.35;height:2.7em;min-height:2.7em;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.cozy-pixel-ui .dragon-hud .vital-icon{width:20px;height:20px;flex:0 0 20px}
body.cozy-pixel-ui .dragon-hud .dragon-vital-row{gap:7px;margin-top:7px}
body.cozy-pixel-ui .dragon-hud .dragon-vital-row progress{height:8px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #735334,0 1px 0 1px #fff0b4}
body.cozy-pixel-ui .map-tip{padding:1px 8px 3px;font-size:12px;line-height:1.4;font-weight:600}
body.cozy-pixel-ui .inspect{padding:6px;line-height:1.4}
body.cozy-pixel-ui .inspect :is(h3,p){color:var(--cozy-ink)}
/* Individual worn tokens replace the rigid wheel backing. */
body.cozy-pixel-ui #dragon-action-dock .dragon-actions::before{content:none}
body.cozy-pixel-ui :is(.right-actions button,#dragon-navigation #focus-dragon,#dragon-action-dock button){
 border:0;border-radius:50%;color:var(--cozy-light);background:var(--cozy-token-art) center/100% 100% no-repeat;
 box-shadow:none;image-rendering:pixelated;font-family:ui-monospace,'Courier New',monospace;
}
body.cozy-pixel-ui .right-actions button{padding:11px;font-weight:700}
body.cozy-pixel-ui #dragon-action-dock #act-element{background:var(--cozy-token-art) center/100% 100% no-repeat;border:0;box-shadow:none;color:#ffbf66}
body.cozy-pixel-ui #dragon-action-dock :is(#act-rest,#visit-lair){background:var(--cozy-token-art) center/100% 100% no-repeat;border:0;box-shadow:none}
body.cozy-pixel-ui #dragon-action-dock :is(#act-rest,#visit-lair)::before{content:none}
body.cozy-pixel-ui #dragon-action-dock #action-help-button{background:none;box-shadow:none;border:0}
body.cozy-pixel-ui #action-help-button span{width:32px;height:32px;border:0;border-radius:50%;background:var(--cozy-token-art) center/100% 100% no-repeat;box-shadow:none;color:var(--cozy-light);font-family:inherit}
body.cozy-pixel-ui #action-help-panel{padding:0 8px 8px}
body.cozy-pixel-ui #action-help-panel header{background:var(--cozy-paper);border-color:#9c7441}
body.cozy-pixel-ui #action-help-panel :is(h2,p,summary,header button){color:var(--cozy-ink);font-family:inherit}
body.cozy-pixel-ui #action-help-panel kbd{background:#d6b273;border-color:#b18a50;border-radius:4px;color:#402b1e;font-family:inherit}
body.cozy-pixel-ui #ability-tooltip{padding:4px 7px}
body.cozy-pixel-ui :is(#ability-tip-name,#ability-tip-description,#ability-tip-meta,#ability-tip-status){color:var(--cozy-ink);font-family:inherit}
body.cozy-pixel-ui #ability-tip-key{background:#d6b273;border-color:#b18a50;color:#402b1e}
body.cozy-pixel-ui #learned-abilities{padding:7px;gap:6px;border:2px solid #946333;border-radius:13px;background:#583c27;box-shadow:inset 0 0 0 2px #b58949,0 2px #30251b}
body.cozy-pixel-ui #learned-abilities button{border:1px solid #bf9455;border-radius:7px;background:#4f3425;color:var(--cozy-light);box-shadow:inset 1px 1px #9b7142,inset -1px -1px #302319}
body.cozy-pixel-ui :is(.right-actions button,#dragon-navigation #focus-dragon,#dragon-action-dock button)[aria-pressed="true"]{background:var(--cozy-token-art) center/100% 100% no-repeat;border:0;color:#fff1b5;outline:2px solid #f6d277;outline-offset:-6px;box-shadow:none}
body.cozy-pixel-ui #learned-abilities button[aria-pressed="true"]{background:#976234;border-color:#ffe5a3;box-shadow:inset 0 0 0 1px #ecc07a}
body.cozy-pixel-ui #dragon-action-dock #act-element.passive-active{box-shadow:0 0 5px 1px var(--passive-glow,#c5a5ed)}
body.cozy-pixel-ui #dragon-action-dock .passive-art.passive-active{border-radius:50%}
body.cozy-pixel-ui #dragon-navigation #lair-compass{border:9px solid transparent;border-image:var(--cozy-panel-art) 25% 12% fill / 9px / 0 stretch;background:none;border-radius:12px;box-shadow:none;color:#50341f;padding:0;max-width:100px;image-rendering:pixelated}
body.cozy-pixel-ui #dragon-navigation #dragon-joystick{background:var(--cozy-token-art) center/100% 100% no-repeat;border:0;box-shadow:none;image-rendering:pixelated}
body.cozy-pixel-ui #dragon-joystick::before{border-color:#e3b87055;inset:15%}
body.cozy-pixel-ui #dragon-joystick-thumb{border:0;background:var(--cozy-token-art) center/100% 100% no-repeat;box-shadow:none;color:#ffecba}
/* Soft wooden menu frames continue the same palette without covering room art. */
body.cozy-pixel-ui dialog:not(#start-menu):not(#lair-screen){border:18px solid transparent;border-image:var(--cozy-panel-art) 25% 12% / 18px / 0 stretch;border-radius:24px;background:var(--cozy-menu-paper);background-clip:padding-box;color:var(--cozy-ink);box-shadow:none;image-rendering:pixelated}
body.cozy-pixel-ui dialog::backdrop{background:#17271cc7;backdrop-filter:none}
body.cozy-pixel-ui dialog :is(h1,h2,h3){font-family:ui-monospace,'Courier New',monospace;color:#f5d99b;text-shadow:1px 1px #211c17}
body.cozy-pixel-ui dialog:not(#start-menu) button{background:#65452c;border:2px solid #bb8c4e;border-radius:10px;color:#ffedc2;box-shadow:inset 1px 2px #926b40,inset -1px -2px #432d20,0 2px #221e17;transition:none}
body.cozy-pixel-ui dialog button[aria-pressed="true"],body.cozy-pixel-ui #cozy-pixel-ui-toggle[aria-pressed="true"]{background:#4a5932;border-color:#d0d398;box-shadow:inset 1px 2px #7e8750,inset -1px -2px #303d25,0 2px #221e17}
body.cozy-pixel-ui dialog :is(.settings-note,.lair-note,.tech-description){color:#68492f}
body.cozy-pixel-ui #lair-screen{background:var(--cozy-menu-edge);color:var(--cozy-ink)}
body.cozy-pixel-ui #lair-screen #lair-panel{background:var(--cozy-menu-paper);border-color:#917046;border-radius:16px;box-shadow:inset 0 0 0 2px #51432e}
body.cozy-pixel-ui #lair-screen .lair-card,body.cozy-pixel-ui :is(.treasure-item,.princess-trophy,.save-slot,.heirloom){background:var(--cozy-menu-inset);border-color:#827149;border-radius:9px}
body.cozy-pixel-ui #lair-screen .lair-card .hoard-total{background:#dcb171;border-color:#b79756;border-radius:8px}
body.cozy-pixel-ui #lair-upgrades .save-menu-heading{background:var(--cozy-menu-paper)}
body.cozy-pixel-ui #lair-upgrades .tech-node{background:var(--cozy-menu-inset);border-color:#84714c;border-radius:9px}
body.cozy-pixel-ui #lair-upgrades .tech-node.learned{background:#d4d19c;border-color:#697946}
body.cozy-pixel-ui #lair-upgrades .tech-node.available{border-color:#e1b767}
body.cozy-pixel-ui #lair-upgrades .tech-node.affordable{border-color:#7cdd82}
body.cozy-pixel-ui #dungeon-vitals{font-family:ui-monospace,'Courier New',monospace;color:var(--cozy-ink)}
body.cozy-pixel-ui #dungeon-canvas-wrap{border-color:#a27c4b;border-radius:8px}
body.cozy-pixel-ui #realm-encounters{background:#59452e;border-color:#ba934f;border-radius:12px;box-shadow:inset 0 0 0 2px #7c5c37;color:#fff0c5}
/* Disabled, locked, selected and cooldown feedback keep their existing meaning. */
body.cozy-pixel-ui :is(#learned-abilities,.dungeon-skills) button[data-locked="true"],body.cozy-pixel-ui dialog button:disabled,body.cozy-pixel-ui #lair-upgrades .tech-node.locked{background:#3d3c32;border-color:#78725d;color:#b0aa95;box-shadow:none;opacity:.75}
body.cozy-pixel-ui :is(.right-actions,#dragon-action-dock) button:disabled{filter:grayscale(.85);opacity:.65}
body.cozy-pixel-ui :is(#dragon-action-dock,#learned-abilities) .wheel-cooldown{border-radius:5px;background:#352b21ed;color:#fff1c7;font-family:ui-monospace,'Courier New',monospace}
body.cozy-pixel-ui button:focus-visible{outline:2px solid #fff1b7;outline-offset:3px}
/* Warm parchment menu interiors match the HUD reference; wood buttons retain
   their light lettering. Room artwork and the illustrated title screen stay clear. */
body.cozy-pixel-ui dialog:not(#start-menu) :is(h1,h2,h3){color:var(--cozy-ink);text-shadow:none}
body.cozy-pixel-ui dialog:not(#start-menu) :is(.menu-eyebrow,.save-note,.save-meta,#save-message,.settings-note,.lair-note,.tech-summary,.tech-spell-meta,.treasure-item small,.princess-trophy small,.heirloom small,.heirloom p,.achievement-card p,.achievement-card small,#achievement-count,#tech-feedback,#dungeon-enemy-count,#dungeon-progress,#collection-item-list tfoot){color:#68492f}
body.cozy-pixel-ui dialog:not(#start-menu) :is(.achievement-card,.growth-stage,.dragon-choice){background:var(--cozy-menu-inset);border-color:#b18a54;color:var(--cozy-ink)}
body.cozy-pixel-ui dialog:not(#start-menu) :is(.achievement-card.earned,.dragon-choice:has(input:checked)){background:#ded6a0;border-color:#827846}
body.cozy-pixel-ui #dragonchoices .dragon-choice small{color:#68492f}
body.cozy-pixel-ui dialog:not(#start-menu) :is(.heirloom strong,.achievement-medal){color:#80582e}
body.cozy-pixel-ui dialog:not(#start-menu) .earned .achievement-medal{color:#8a681f}
body.cozy-pixel-ui #settings-audio :is(label,output){color:var(--cozy-ink)}
body.cozy-pixel-ui #world-options :is(.overline,.world-day,.stats,.stats span,.stats strong,.wildlife-total,.wildlife-total b,.toggle){color:#000;text-shadow:none}
body.cozy-pixel-ui #chronicle-window,body.cozy-pixel-ui #chronicle-window :is(h2,h3,p,small,b,strong,time,button){color:#000;text-shadow:none}
body.cozy-pixel-ui #chronicle-window #close-chronicle{background:var(--cozy-menu-inset);border-color:#a17c48;box-shadow:inset 1px 1px #f8dfa9,inset -1px -1px #c29b63}
body.cozy-pixel-ui #lair-screen :is(.lair-heading,.lair-heading span,#lair-status,.lair-line,.lair-line b,.lair-vitals label,.hoard-total,.hoard-total strong,.lair-footer-note){color:var(--cozy-ink);text-shadow:none}
body.cozy-pixel-ui #lair-screen .hoard-total>span{color:#000;text-shadow:none}
body.cozy-pixel-ui #lair-screen .lair-screen-heading h1{color:var(--cozy-light);text-shadow:0 2px 4px #100e18}
body.cozy-pixel-ui #lair-upgrades .tech-node{color:var(--cozy-ink);box-shadow:2px 2px #b79260}
body.cozy-pixel-ui #lair-upgrades .tech-node :is(.tech-node-icon,small){color:#68492f}
body.cozy-pixel-ui #lair-upgrades .tech-node.learned small{color:#3d542a}
body.cozy-pixel-ui #lair-upgrades .tech-node.locked{background:#d7c29f;border-color:#9b8667;color:#604e3c;opacity:1}
body.cozy-pixel-ui #lair-upgrades .tech-node.locked :is(.tech-description,.tech-spell-meta,small){color:#604e3c}
body.cozy-pixel-ui #lair-upgrades .tech-node:hover:not(:disabled){background:#f6dbaa;color:var(--cozy-ink)}
/* The growth branch has its own rail, without narrowing its equal-size cards. */
body.cozy-pixel-ui #tech-tree{column-gap:28px}
body.cozy-pixel-ui #tech-tree .tech-dragon-growth{position:relative;align-self:stretch}
body.cozy-pixel-ui #tech-tree .tech-dragon-growth::after{content:'';position:absolute;top:4px;bottom:0;right:-16px;width:4px;border:1px solid #735334;background:#a88450;box-shadow:inset 1px 0 #f5d79c;pointer-events:none}
@media(max-width:390px){
 body.cozy-pixel-ui #tech-tree .tech-dragon-growth{padding-bottom:18px;margin-bottom:4px}
 body.cozy-pixel-ui #tech-tree .tech-dragon-growth::after{top:auto;bottom:0;left:0;right:0;width:auto;height:4px;box-shadow:inset 0 1px #f5d79c}
}
body.cozy-pixel-ui dialog:not(#start-menu) :is(select,input[type="text"],input[type="number"]){background:#fae4bd;color:var(--cozy-ink);border-color:#a77c4c}
body.cozy-pixel-ui dialog:not(#start-menu) :is(summary,.growth-stage strong,.growth-stage small,.growth-stage p){color:#68492f}
body.cozy-pixel-ui dialog:not(#start-menu) button:focus-visible{outline-color:#75532f}
body.cozy-pixel-ui #world-generation{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;color:#402b1e}
#world-generation h2{font-size:22px;line-height:1.4;margin:0 0 14px}
#world-generation-status{font-size:15px;line-height:1.5;min-height:3em;margin:0 0 16px}
.world-generation-meter{display:flex;align-items:center;gap:12px}
#world-generation-progress{flex:1;min-width:0;height:18px;border:1px solid #735334;border-radius:4px;overflow:hidden;background:#c5a473;accent-color:#576d3e}
#world-generation-progress::-webkit-progress-bar{background:#c5a473}
#world-generation-progress::-webkit-progress-value{background:#576d3e}
#world-generation-progress::-moz-progress-bar{background:#576d3e}
#world-generation-percent{min-width:4ch;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}
#world-generation-back{margin-top:16px;min-height:44px}
@media(hover:hover){
 body.cozy-pixel-ui :is(.right-actions button,#dragon-action-dock button,#learned-abilities button):hover:not(:disabled):not([data-locked="true"]){filter:brightness(1.16)}
 body.cozy-pixel-ui dialog:not(#start-menu) button:hover:not(:disabled):not([data-locked="true"]){background:#816039;filter:none}
}
@media(max-width:700px),(max-height:500px){
 body.cozy-pixel-ui .dragon-hud{display:block;width:224px;padding:1px 2px 4px;min-width:0;border-width:12px;border-image-width:12px;max-width:calc(100vw - 90px)}
 body.cozy-pixel-ui .dragon-heading #dragon-name{font-size:13px}
 body.cozy-pixel-ui #dragon-state{font-size:12px}
 body.cozy-pixel-ui .dragon-hud .vital-icon{width:18px;height:18px;flex-basis:18px}
 body.cozy-pixel-ui .dragon-hud .dragon-vital-row{gap:3px;margin-top:3px}
 body.cozy-pixel-ui .dragon-hud .dragon-vital-row progress{height:6px}
 body.cozy-pixel-ui .map-tip{border-width:12px;border-image-width:12px;padding:2px 4px;font-size:11px}
 body.cozy-pixel-ui dialog:not(#start-menu):not(#lair-screen){border-width:12px;border-image-width:12px}
}

/* Larger action tokens retain the wheel's spacing and real button hit areas. */
body.cozy-pixel-ui #dragon-action-dock{width:252px;height:292px}
body.cozy-pixel-ui #dragon-action-dock .dragon-actions{width:252px;height:252px}
body.cozy-pixel-ui #dragon-action-dock button{width:58px;height:58px}
body.cozy-pixel-ui #dragon-action-dock #act-steal{left:97px;top:33px}
body.cozy-pixel-ui #dragon-action-dock #act-eat{left:161px;top:97px}
body.cozy-pixel-ui #dragon-action-dock #act-siege{left:33px;top:97px}
body.cozy-pixel-ui #dragon-action-dock #act-land{left:97px;top:161px}
body.cozy-pixel-ui #dragon-action-dock #act-element{left:94px;top:94px;width:64px;height:64px}
body.cozy-pixel-ui #dragon-action-dock svg{width:30px;height:30px}
body.cozy-pixel-ui #dragon-action-dock #act-element svg{width:34px;height:34px}
body.cozy-pixel-ui #dragon-action-dock :is(#act-rest,#visit-lair,#action-help-button){width:56px;height:56px}
body.cozy-pixel-ui #dragon-action-dock #act-rest{left:176px;top:176px}
body.cozy-pixel-ui #dragon-action-dock #visit-lair{left:20px;top:176px}
body.cozy-pixel-ui #dragon-action-dock #action-help-button{left:20px;top:20px}
body.cozy-pixel-ui #dragon-action-dock :is(#visit-lair,#act-rest) svg{width:24px;height:24px}
body.cozy-pixel-ui #action-help-button span{width:38px;height:38px;font-size:20px}
body.cozy-pixel-ui #dragon-navigation #focus-dragon{width:58px;height:58px}
body.cozy-pixel-ui #dragon-navigation #focus-dragon>svg{width:40px;height:40px}
body.cozy-pixel-ui #dragon-navigation #lair-compass{width:104px;max-width:104px;min-height:50px;font-size:13px;gap:4px;justify-content:center}
body.cozy-pixel-ui #dragon-navigation #lair-compass>svg{width:32px;height:32px;flex:0 0 32px}
/* Keep the enlarged wheel clear of the learned-ability bar on narrower screens. */
@media(max-width:700px){
 body.cozy-pixel-ui #dragon-action-dock,body.cozy-pixel-ui #dragon-navigation.touch-navigation{bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px))}
}
@media(max-width:440px){body.cozy-pixel-ui #dragon-action-dock{transform:scale(.8);transform-origin:bottom left}}
@media(max-width:360px){body.cozy-pixel-ui #dragon-action-dock{transform:scale(.76)}}

/* The tallest card sets one shared size; descriptions remain fully readable. */
body.cozy-pixel-ui #lair-upgrades .tech-node{display:flex;flex-direction:column;box-sizing:border-box;height:var(--tech-card-height,auto);min-height:260px}
body.cozy-pixel-ui #lair-upgrades .tech-node-heading{flex:none;width:100%;box-sizing:border-box}
body.cozy-pixel-ui #lair-upgrades .tech-description{flex:1;width:100%}
body.cozy-pixel-ui #lair-upgrades .tech-spell-meta{flex:none;width:100%}

/* Death summary uses the same light inset panels as the other parchment menus. */
body.cozy-pixel-ui dialog#death-menu{color:#000;text-shadow:none}
body.cozy-pixel-ui dialog#death-menu :is(h2,p,.menu-eyebrow,.death-stats strong,.death-stats span){color:#000;text-shadow:none}
body.cozy-pixel-ui dialog#death-menu .death-stats>div{background:var(--cozy-menu-inset);border-color:#b18a54;color:#000}
body.cozy-pixel-ui dialog#death-menu :is(#restart-after-death,#death-load-save,#death-restore-autosave){background:var(--cozy-menu-inset);border-color:#b18a54;color:#000;text-shadow:none}
body.cozy-pixel-ui dialog#death-menu button:hover:not(:disabled){background:#f6dbaa;color:#000}