/* Preserve old component behavior in one low-priority layer during migration. */
@layer priority,legacy,tokens,base,components,screens,motion;
@import url('/style.css') layer(legacy);

@import url('/adventure.css') layer(legacy);
@import url('/music.css') layer(legacy);
@import url('/nocturne.css') layer(legacy);
@import url('/normal.css') layer(legacy);
@import url('/app-frame.css') layer(legacy);
@import url('/retro.css') layer(legacy);
@import url('/professions.css') layer(screens);
@layer tokens {
 :root{--kozy-forest:#203b32;--kozy-moss:#71915d;--kozy-paper:#f5e7c5;--kozy-wood:#70503a;--kozy-gold:#e5aa4b;--kozy-ink:#182c26;--kozy-cream:#fff3d8;--surface:#f5e7c5;--surface-raised:#fff3d8;--surface-muted:#e6d9b8;--text:#182c26;--text-soft:#4c5d48;--frame:#70503a;--app-bg:#d6dac1;--screen-accent:#b57926;--screen-deep:#6c4925;--tap-base:#6c4925;--r-button:13px;--r-panel:18px;--duration-tap:90ms;--duration-ui:180ms;--ease-pop:cubic-bezier(.2,.8,.25,1.2);--type-grass:#426234;--type-fire:#a23e25;--type-water:#285e82;--type-electric:#856206;--type-normal:#625748;--type-bug:#587019;--type-poison:#7c4379;--type-flying:#4d6580;--type-rock:#765634;--type-ground:#865631;--type-psychic:#ad3868;--type-ghost:#645289;--type-ice:#326c78;--type-dragon:#584da0;--type-fighting:#923e2b;--type-steel:#52696c;--type-fairy:#965579;--rarity-common:#92989d;--rarity-uncommon:#76b57d;--rarity-rare:#75abd8;--rarity-super:#b094d7;--rarity-mythic:#d18fa7;--rarity-legendary:#e5aa4b;--app-width:500px;--hotbar-space:110px;}
 :root[data-theme=dark]{--surface:#203b32;--surface-raised:#2b483c;--surface-muted:#1a302a;--text:#f5e7c5;--text-soft:#c6cfb5;--frame:#bda678;--app-bg:#14271f;--screen-accent:#e5aa4b;--screen-deep:#a97832;--tap-base:#101e18;}
 [data-screen=routes]{--screen-accent:#487447;--screen-deep:#294c30;--trail-ink:#52633a;--screen-wash:#afbd8325}
 [data-screen=sea]{--screen-accent:#367884;--screen-deep:#194950;--trail-ink:#39727a;--screen-wash:#669cae25}
 [data-screen=collection]{--screen-accent:#b17a37;--screen-deep:#795328}
 [data-screen=combat],[data-screen=battle]{--screen-accent:#b66b4b;--screen-deep:#713b32}
 [data-screen=inventory]{--screen-accent:#af813c;--screen-deep:#70552c}
 :root[data-theme=dark] [data-screen=routes]{--screen-accent:#abc780;--screen-deep:#536c35;--trail-ink:#abc780;--screen-wash:#72945615}
 :root[data-theme=dark] [data-screen=sea]{--screen-accent:#95cad1;--screen-deep:#417d89;--trail-ink:#95cad1;--screen-wash:#558f9c22}
}
@layer base {
 
 
 :root{font-family:var(--kz-font);color:var(--text);color-scheme:light} :root[data-theme=dark]{color-scheme:dark}
 body{font-family:var(--kz-font);background:var(--app-bg);color:var(--text);font-size:var(--kz-fs-sm);line-height:1.45;padding:10px 0;letter-spacing:0}
 button,input,select,summary{font:inherit}h1,h2,.wordmark{font-family:var(--kz-font);font-weight:900;letter-spacing:0;line-height:1.15}h1{font-size:var(--kz-fs-xl)}h2{font-size:var(--kz-fs-lg)}h3{font-family:var(--kz-font);font-weight:800}
 .shell{position:relative;isolation:isolate;display:block;width:calc(100% - 20px);max-width:500px;min-height:calc(100dvh - 20px);margin:0 auto;border:2px solid var(--frame);border-radius:var(--kz-r-lg);background:var(--surface);box-shadow:0 7px 0 #172f242b;overflow:clip}
 .main{width:100%;padding:0 16px calc(var(--hotbar-space) + env(safe-area-inset-bottom));background:var(--screen-wash,transparent)}
 #page{padding-bottom:20px;color:var(--text)}.eyebrow{display:none}.muted,.hint,.small.muted{color:var(--text-soft)}
 button{min-height:44px;cursor:pointer}input,select{min-height:44px;font-size:var(--kz-fs-sm)}a{color:var(--screen-accent)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--screen-accent);outline-offset:4px}
 .game-header button:focus-visible{outline-color:var(--text)}.game-header,.game-header *{box-sizing:border-box}.page-heading{margin:20px 0 18px}.page-heading h1{font-size:var(--kz-fs-xl)}.small,.hint{font-size:var(--kz-fs-xs)}
}
@layer components {
 .button,.outline,.soft,.header-button{border:2px solid var(--frame);border-radius:var(--r-button);font-size:var(--kz-fs-sm);font-weight:800;box-shadow:0 4px 0 var(--tap-base);transition:transform var(--duration-tap) var(--ease-pop);min-height:44px;color:var(--text);background:var(--surface-raised)}
 .button{background:var(--screen-accent);color:var(--surface);border-color:var(--screen-deep);box-shadow:0 4px 0 var(--screen-deep)}.button:active,.outline:active,.soft:active,.header-button:active{transform:translateY(3px)}.button:hover,.outline:hover{filter:none}
 .game-header{padding:16px 0 18px;margin:0 0 22px;border-bottom:2px dashed color-mix(in srgb,var(--frame) 40%,transparent);position:relative;z-index:26}.header-tools{display:flex;align-items:center;gap:8px}.header-button{width:44px;min-width:44px;height:44px;padding:9px;display:grid;place-items:center;background:var(--surface-raised)}.header-button .ui-icon{width:21px;height:21px}.game-logo{display:flex;gap:5px;align-items:center;flex:1;min-width:0;text-decoration:none;color:var(--text);white-space:nowrap}.game-logo svg{width:31px;height:31px;flex-shrink:0}.game-logo>span{font-family:var(--kz-font);font-weight:900;font-size:var(--kz-fs-xl);letter-spacing:-.4px}.game-logo>span>span{color:var(--screen-accent)}.trainer-pouch{display:flex;align-items:center;gap:8px;margin-top:16px}.wallet-chip{display:inline-flex;gap:5px;align-items:center;min-height:31px;font-size:var(--kz-fs-xs);color:var(--text);border:1px solid var(--frame);border-radius:var(--kz-r-sm);background:var(--surface-raised);padding:5px 7px;box-shadow:0 2px #70503a15}.wallet-chip .ui-icon{width:17px;height:17px}.wallet-chip strong{font-weight:900}.emeralds{color:var(--text)}.trainer-xp{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--kz-fs-xs);white-space:nowrap;color:var(--text-soft)}.trainer-xp .ui-icon{width:15px;height:15px}.trainer-xp strong{font-weight:900;color:var(--text)}
 .music-dock{flex:none;min-width:44px}.music-player{position:static;display:block;background:none;border:0;border-radius:0;box-shadow:none;color:var(--text)}.music-player.playing{background:none}.music-options{border:0;position:relative}.music-options summary{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--frame);border-radius:var(--kz-r-lg);background:var(--surface-raised);box-shadow:0 4px var(--tap-base);padding:0;cursor:pointer}.music-symbol{width:21px;height:21px;display:block;background:currentColor;mask:url('/assets/ui/volume-2.svg') center/contain no-repeat}.music-player.playing .music-symbol{color:var(--screen-accent)}.music-popover{top:calc(100% + 12px);bottom:auto;right:-50px;background:var(--surface-raised);border:2px solid var(--frame);color:var(--text);width:240px;padding:16px;border-radius:var(--kz-r-lg);box-shadow:0 5px var(--tap-base);gap:10px;font-size:var(--kz-fs-sm)}.music-popover strong{font-size:var(--kz-fs-md)}.music-popover label{font-size:var(--kz-fs-sm)}.music-toggle{display:block;width:100%;min-height:44px;padding:8px;border:1px solid var(--frame);border-radius:var(--kz-r-md);background:var(--surface-muted);font-weight:800}.music-label{display:block;font-size:var(--kz-fs-sm)}.music-popover input{accent-color:var(--screen-accent);min-height:44px}
 .sidebar{position:fixed;top:auto;left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 28px);max-width:480px;height:auto;z-index:20;padding:5px;border:2px solid var(--kozy-wood);border-radius:var(--kz-r-lg);background:var(--kozy-wood);box-shadow:0 5px 0 #182c2680;backdrop-filter:none}.sidebar>.wordmark,.sidebar-footer{display:none}.nav{display:flex;flex-direction:row;gap:3px;width:100%;max-width:none;margin:0;padding:5px 3px 2px;overflow-x:auto;scrollbar-width:none;background:var(--surface-muted);border:0;border-radius:var(--kz-r-md);box-shadow:inset 0 2px #182c2633;backdrop-filter:none}.nav::-webkit-scrollbar{display:none}.nav button{flex:1 0 44px;min-width:44px;height:49px;min-height:49px;padding:7px 0;display:grid;place-items:center;border-radius:var(--kz-r-md);background:transparent;border:0;color:var(--text-soft);position:relative}.nav .ui-icon{width:24px;height:24px}.nav button span:not(.ui-icon){display:none}.nav button.active{color:var(--kozy-ink);background:var(--kozy-gold);box-shadow:0 3px 0 #8a5d23;transform:translateY(-4px)}.nav button.active:after{display:none}.nav button:active{transform:translateY(2px)}.nav button.active:active{transform:translateY(-1px)}
 #toast{background:var(--surface-raised);color:var(--text);border:2px solid var(--frame);border-radius:var(--kz-r-lg);font-size:var(--kz-fs-sm);bottom:calc(95px + env(safe-area-inset-bottom));box-shadow:0 4px var(--tap-base)}
 .type-filter{margin:16px 0 22px}.type-filter select[hidden]{display:none}.type-chips{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 8px;scrollbar-width:none}.type-chip{min-height:44px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--chip-color) 50%,var(--frame));border-radius:var(--kz-r-lg);flex:none;font-size:var(--kz-fs-xs);font-weight:800;background:var(--surface-raised);color:var(--text);box-shadow:0 3px 0 color-mix(in srgb,var(--chip-color) 35%,var(--tap-base))}.type-chip:before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--chip-color)}.type-chip[aria-pressed=true]{background:var(--chip-color);color:#fff3d8;border-color:var(--chip-color)}.type-chip[aria-pressed=true]:before{background:currentColor}.type-chip:active{transform:translateY(2px)}
 @media(max-width:360px){.main{padding-inline:12px}.header-tools{gap:5px}.game-logo svg{display:none}.game-logo>span{font-size:var(--kz-fs-xl)}.trainer-pouch{gap:5px}.wallet-chip{padding:4px 5px}.trainer-xp{gap:3px}.nav{gap:2px}}
}
@layer screens {
 .route-heading{display:flex;gap:12px;align-items:center;margin:4px 0 20px}.journal-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--screen-accent);color:var(--surface);border:2px solid var(--screen-deep);box-shadow:0 3px var(--screen-deep)}.journal-mark .ui-icon{width:26px;height:26px}.route-heading h1{font-size:var(--kz-fs-xl);margin:0 0 5px}.route-heading p{font-size:var(--kz-fs-xs);margin:0;color:var(--text-soft)}.journal-tabs{display:flex;gap:9px;margin-bottom:0;background:var(--surface-muted);border:1px solid var(--frame);border-radius:var(--kz-r-lg);padding:5px}.journal-tabs button{min-height:44px;display:flex;gap:7px;align-items:center;justify-content:center;flex:1;border:0;background:transparent;color:var(--text-soft);font-size:var(--kz-fs-sm);font-weight:900;border-radius:var(--kz-r-md);box-shadow:none}.journal-tabs .ui-icon{width:20px;height:20px}.journal-tabs [aria-selected=true]{background:var(--screen-accent);color:var(--surface);box-shadow:0 3px var(--screen-deep)}
 .route-trail{position:relative;display:grid;grid-template-columns:1fr;gap:26px;grid-template-rows:none;margin:0 0 26px;padding-left:22px}.route-trail:before{content:'';position:absolute;left:6px;top:0;bottom:10px;width:0;border-left:3px dashed color-mix(in srgb,var(--trail-ink) 60%,transparent)}.route-stop{position:relative;min-width:0}.trail-number{position:absolute;z-index:2;left:-32px;top:16px;width:25px;height:25px;background:var(--screen-accent);color:var(--surface);display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;font-weight:900;font-size:var(--kz-fs-xs);box-shadow:0 0 0 2px var(--screen-accent)}
 .diorama-card{display:block;width:100%;padding:0;border:2px solid var(--frame);border-radius:var(--kz-r-lg) var(--kz-r-lg) var(--kz-r-sm) var(--kz-r-sm);box-shadow:0 4px 0 color-mix(in srgb,var(--frame) 65%,transparent);background:var(--surface-raised);color:var(--text);overflow:hidden;min-height:0;text-align:left}.diorama-card:active{transform:translateY(3px)}.route-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px}.route-title{font-family:var(--kz-font);font-weight:900;font-size:var(--kz-fs-lg);line-height:1.1;color:var(--text)}.biome-label{font-size:var(--kz-fs-xs);color:var(--text-soft)}.route-diorama{position:relative;display:block;height:128px;width:100%;overflow:hidden;border-block:1px solid #70503a25}.route-diorama canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.diorama-party{position:absolute;display:flex;align-items:flex-end;justify-content:space-evenly;gap:0;inset:0 12px 11px}.diorama-actor{position:relative;height:100%;flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center}.actor-sprite{display:block;width:var(--sprite-size);height:var(--sprite-size);background-image:var(--sprite-url);background-size:var(--sheet-size) var(--sprite-size);background-repeat:no-repeat;position:relative;z-index:1;flex:none;image-rendering:pixelated;transform:translateY(2px)}.actor-shadow{position:absolute;bottom:10px;left:50%;width:44px;height:10px;background:#34432b50;border-radius:50%;transform:translateX(-50%)}.route-reward{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.xp-seal{display:flex;align-items:center;gap:5px;padding:5px 9px;background:var(--kozy-gold);border:1px solid #81581e;border-radius:var(--kz-r-md);color:#332c19;box-shadow:0 2px #9a702e;font-size:var(--kz-fs-xs)}.xp-seal strong{font-family:var(--kz-font);font-weight:900;font-size:var(--kz-fs-lg);line-height:1}.xp-seal .ui-icon{width:17px;height:17px}.route-findings{display:flex;align-items:center;gap:9px;color:var(--text-soft)}.route-findings .ui-icon{width:21px;height:21px}.route-findings .ui-icon:last-child{margin-left:6px;color:var(--screen-accent)}
 .route-encounters{background:var(--surface-muted);border:1px solid color-mix(in srgb,var(--frame) 65%,transparent);border-top:0;border-radius:0 0 var(--kz-r-md) var(--kz-r-md);margin-top:3px}.route-encounters summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 12px;color:var(--text-soft);font-size:var(--kz-fs-xs);cursor:pointer;list-style:none}.route-encounters summary::-webkit-details-marker{display:none}.route-encounters summary>span{display:flex;align-items:center;gap:6px}.route-encounters summary .ui-icon{width:17px;height:17px}.route-encounters summary>.ui-icon{transform:rotate(180deg)}.route-encounters[open] summary>.ui-icon{transform:none}.route-native-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 12px 14px}.route-native-list>span{display:flex;align-items:center;gap:7px;min-width:0}.route-native-list img{image-rendering:pixelated;flex:none;border-radius:var(--kz-r-sm)}.route-native-list span{font-size:var(--kz-fs-xs);text-transform:capitalize}.route-native-list small{display:block;font-size:var(--kz-fs-xs);color:var(--text-soft)}.route-data-help{font-size:var(--kz-fs-xs);color:var(--text-soft);padding:12px 4px}.route-data-help summary{min-height:44px;cursor:pointer}.route-empty{padding:25px 14px;border:2px dashed var(--frame);border-radius:var(--kz-r-lg);font-size:var(--kz-fs-sm);color:var(--text-soft)}
 [data-screen=sea] .main{background-image:linear-gradient(180deg,#82b5bb10,#21495a22 75%)}[data-screen=sea] .route-journal{position:relative}[data-screen=sea] .route-journal:before{content:'';position:absolute;width:12px;height:12px;border:2px solid #87bbc266;border-radius:50%;right:12px;top:53px;pointer-events:none}
 @media(min-width:430px){.route-diorama{height:145px}.route-card-heading{padding:14px 16px}.route-reward{padding:12px 16px}}
}
@layer motion {
 @keyframes kozy-breathe{0%,100%{transform:translateY(2px)}50%{transform:translateY(0)}}
 .actor-sprite{animation:kozy-breathe 3.2s ease-in-out infinite;animation-delay:calc(var(--actor-order)*-.8s);animation-play-state:paused}.route-stop.is-visible .actor-sprite{animation-play-state:running}.game-paused .actor-sprite{animation-play-state:paused}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:0s;animation-iteration-count:1;transition-duration:0s}.actor-sprite{animation:none}.nav button.active{transform:none}}
}

/* Legacy !important declarations are contained here until their screens migrate. */
@layer priority {
 .shell .nav{background:var(--surface-muted)!important;border:0!important;border-radius:var(--kz-r-md)!important;box-shadow:inset 0 2px #182c2633!important;backdrop-filter:none!important}
 .shell .nav button.active{background:var(--kozy-gold)!important;border-color:transparent!important}
 .shell .journal-tabs button[aria-selected=true]{background:var(--screen-accent)!important;border-color:transparent!important}
 .shell .type-chip[data-type-choice=all][aria-pressed=true]{color:var(--surface)!important}
}
@layer screens {
 .diorama-card:hover:not(:active){transform:none;filter:none}.route-journal .route-data-help a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
}
@layer motion {
 @keyframes kozy-tide{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-8px)}}
 [data-screen=sea] .route-journal:before{animation:kozy-tide 7s ease-in-out infinite}
 .game-paused [data-screen=sea] .route-journal:before{animation-play-state:paused}
 @media(prefers-reduced-motion:reduce){[data-screen=sea] .route-journal:before{animation:none;opacity:.4}}
}

@layer components{.level-move{background:var(--surface-raised);color:var(--text);border-color:var(--frame)}.level-move.selected,.level-move[aria-pressed=true]{background:color-mix(in srgb,var(--surface-raised) 80%,#62954c 20%);border-color:#62954c;outline:2px solid #62954c}.level-move:disabled{opacity:.42}.level-points{display:flex;justify-content:space-between;gap:5px}.level-points button{font-size:var(--kz-fs-xs);min-width:62px;padding:9px 5px}.inspect-stats{grid-template-columns:repeat(4,1fr)}.inspect-moves small{display:block;width:auto}}

@layer components{.attribute-icon{display:inline-flex;vertical-align:middle;width:16px;height:16px;flex-shrink:0;color:var(--attribute-color);filter:drop-shadow(1px 1px 0 #273e30)}.attribute-icon svg{display:block;width:100%;height:100%}.inspect-stats .attribute-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--kz-fs-xs);opacity:1;white-space:nowrap}.level-points button{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:var(--kz-fs-xs);min-width:64px}.level-points .attribute-icon{width:14px;height:14px}}

@layer components { .home-map {margin-inline:-8px;width:calc(100% + 16px)} .home-map #scene {width:100%;height:auto;max-height:none;aspect-ratio:4/3} }

@layer components { .profession-inline-loot {margin-top:16px;padding:12px;border:2px solid var(--game-ink);border-radius:var(--kz-r-md);background:var(--game-paper)} .profession-drop-grid {display:flex;flex-wrap:wrap;gap:10px} .profession-drop-grid .loot-row {display:flex;align-items:center;gap:5px;padding:5px;flex-wrap:wrap} .profession-drop-grid img {width:32px;height:32px;object-fit:contain;image-rendering:pixelated} .profession-drop-grid small {font-size:var(--kz-fs-xs)} .rare-drops:not(:empty) {border-top:1px solid var(--game-ink);margin-top:10px;padding-top:10px} .profession-loot-actions {display:flex;gap:8px;margin-top:12px} [data-prof-all] {width:100%;margin-top:12px} }

@layer components { .rarity-portrait {padding:0;width:var(--portrait-size);height:var(--portrait-size);box-sizing:content-box;border-radius:var(--kz-r-sm);line-height:0} .rarity-portrait>img {display:block;flex:none;max-width:none;border-radius:var(--kz-r-sm)} }

@layer screens {
.inventory-bag{background:#927049;border:4px solid #493b2c;border-radius:var(--kz-r-lg) var(--kz-r-lg) var(--kz-r-lg) var(--kz-r-lg);padding:10px 12px 20px;box-shadow:inset 0 0 0 3px #bf9661,0 5px #493b2c40}
.inventory-bag .inventory-tabs{margin:0 0 12px;gap:6px}.inventory-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-slot{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:8px;background:#ead5ac;border:2px solid #5d472f;border-radius:var(--kz-r-sm);box-shadow:inset 0 2px 0 #b19771;display:grid;place-items:center}.inventory-slot.empty{background:#705638}.inventory-slot img{width:80%;height:80%;max-width:48px;max-height:48px;object-fit:contain;image-rendering:pixelated}.inventory-slot b{position:absolute;bottom:3px;right:4px;font-size:var(--kz-fs-xs);color:#302a22;background:#ead5accc;padding:0 2px}.inventory-panel:empty{display:none}
#profession-room>.page-heading{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;align-items:start}#profession-room>.page-heading h1{font-size:var(--kz-fs-lg);line-height:1.2;margin:0}#profession-room .profession-team{display:flex;flex-direction:column;gap:6px;margin:0}#profession-room .profession-team button{display:flex;align-items:center;gap:7px;padding:2px;border:0;background:transparent;min-height:34px}#profession-room .profession-team button>span:not(.rarity-portrait){flex:1;font-size:var(--kz-fs-xs);min-width:0}#profession-room .profession-team i{display:block;width:100%;height:5px;background:#493b2c;border-radius:var(--kz-r-sm);margin-top:3px;overflow:hidden}#profession-room .profession-team i b{display:block;height:100%;background:#d1b555}
.profession-inline-loot h2{margin:0 0 10px;font-size:var(--kz-fs-lg)}.profession-inline-loot [data-prof-loot]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profession-inline-loot h3{font-size:var(--kz-fs-xs);margin:0 0 8px}.profession-inline-loot .loot-row{display:flex;align-items:center;gap:5px;padding:4px 0;font-size:var(--kz-fs-xs);overflow-wrap:anywhere}.profession-inline-loot .loot-row img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.loot-rare{border-left:1px solid var(--game-ink);padding-left:10px}.loot-total{display:block;font-size:var(--kz-fs-xs);margin:10px 0}.profession-inline-loot button{width:100%;padding:8px 4px;font-size:var(--kz-fs-xs);margin-top:8px}.profession-inline-loot small{display:block;font-size:var(--kz-fs-xs);margin-top:8px}
}

@layer screens {
#profession-room .profession-helpers{display:flex;flex-direction:column;align-items:stretch;gap:8px}#profession-room .profession-swap{align-self:center;display:grid;place-items:center;width:40px;min-width:40px;height:36px;min-height:36px;padding:5px}#profession-room .profession-swap .ui-icon{width:24px;height:24px}
#profession-room .profession-inline-loot{margin:0 0 14px}#profession-room .profession-work-control{display:flex;justify-content:center;margin:0 0 12px}#profession-room [data-prof-all]{position:relative;display:grid;place-items:center;width:54px;height:44px;min-height:44px;margin:0;padding:7px}#profession-room [data-prof-all]>.ui-icon{width:28px;height:28px}#profession-room [data-prof-all]>.work-tool{position:absolute;right:3px;bottom:3px;width:16px;height:16px;background:var(--game-ink);border:2px solid var(--game-accent)}
}

@layer screens {
#profession-room>.page-heading{display:block;margin-bottom:12px}#profession-room .profession-overview{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:start;margin-bottom:14px}#profession-room .profession-overview>.profession-helpers{grid-column:2;grid-row:1;border:2px solid var(--game-ink);border-radius:var(--kz-r-md);padding:7px;background:var(--game-paper)}#profession-room .profession-overview>.profession-inline-loot{grid-column:1;grid-row:1;margin:0;padding:8px;min-width:0}#profession-room .profession-inline-loot [data-prof-loot]{gap:7px}#profession-room .loot-rare{padding-left:7px}#profession-room .profession-inline-loot .loot-row{align-items:flex-start;font-size:var(--kz-fs-xs);gap:3px}#profession-room .profession-inline-loot .loot-row img{width:18px;height:18px}#profession-room .profession-inline-loot h2{font-size:var(--kz-fs-md)}#profession-room .profession-inline-loot button{font-size:var(--kz-fs-xs);min-height:34px}#profession-room .profession-team button>span:not(.rarity-portrait){font-size:var(--kz-fs-xs)}#profession-room .profession-inline-loot .loot-total{font-size:var(--kz-fs-xs)}
}

@layer screens {
#profession-room>.page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}#profession-room>.page-heading h1{min-width:0;font-size:var(--kz-fs-lg)}#profession-room>.page-heading .profession-tabs{display:flex;flex:none;gap:4px;margin:0}#profession-room>.page-heading .profession-tabs button{width:34px;height:34px;min-width:34px;min-height:34px;padding:5px}#profession-room>.page-heading .profession-tabs .ui-icon{width:21px;height:21px}
#profession-room .profession-overview{align-items:stretch}#profession-room .profession-overview>.profession-helpers{justify-content:space-between}#profession-room .profession-helper-actions{display:flex;justify-content:center;align-items:center;gap:5px}#profession-room .profession-helper-actions .profession-work-control{margin:0}#profession-room .profession-helper-actions .profession-swap,#profession-room .profession-helper-actions [data-prof-all]{width:40px;min-width:40px;height:36px;min-height:36px;padding:5px}#profession-room .profession-helper-actions [data-prof-all]>.ui-icon{width:24px;height:24px}#profession-room .profession-helper-actions [data-prof-all]>.work-tool{width:13px;height:13px}
}

@layer screens { .original-egg{display:block;width:72px;height:72px;object-fit:contain;image-rendering:pixelated;background:transparent;border:0;border-radius:0;box-shadow:none;margin:auto} .egg-groups .original-egg{width:48px;height:48px} .egg-opening .original-egg{width:96px;height:96px} }

@layer screens {
.rarity-portrait.rarity-0{--rarity:#92989d}
.rarity-portrait,.rarity-portrait>img,img[src*="/assets/pokemon/"],img[src*="/assets/items/eggs/"],.original-egg,.actor-sprite,.sprite,.scene,canvas{image-rendering:auto!important}
}

@layer screens {
.shell[data-screen="professions"] .profession-map{max-width:245px;margin:0 auto}.profession-map canvas{width:100%;height:auto;display:block}
#profession-room .profession-map{width:min(100%,240px);margin:0 auto}#profession-room .profession-overview{margin-bottom:10px}#profession-room .profession-inline-loot .loot-row{padding:2px 0}#profession-room .profession-inline-loot h2{margin-bottom:5px}#profession-room .profession-inline-loot button{margin-top:5px;padding:5px 3px}#profession-room .profession-inline-loot small{margin-top:4px}#profession-room>.page-heading{margin-bottom:8px}
@media(max-height:740px){#profession-room .profession-map{width:190px}}
}

@layer screens { #profession-room .profession-map{width:min(100%,335px);max-width:335px} @media(max-height:740px){#profession-room .profession-map{width:min(100%,270px)}} }

@layer screens {
#profession-room .profession-overview{grid-template-columns:minmax(0,1fr) 128px;gap:8px}#profession-room .profession-inline-loot button[data-prof-sell],#profession-room .profession-inline-loot button[data-prof-collect]{display:grid;place-items:center;width:36px;min-width:36px;height:34px;min-height:34px;padding:5px;margin:7px auto 0}#profession-room .profession-inline-loot button .ui-icon{width:22px;height:22px}
}

@layer screens { #profession-room .helper-name{display:block;text-transform:capitalize;font-size:var(--kz-fs-xs);line-height:1.2;margin-bottom:3px;overflow-wrap:anywhere;color:var(--game-ink)} }

@layer screens { .inventory-item-actions{display:flex;align-items:end;justify-content:center;gap:10px;flex-wrap:wrap}.inventory-item-actions label{display:grid;gap:5px;font-size:var(--kz-fs-xs)}.inventory-item-actions input{width:90px}.inventory-item-actions .ui-icon{width:24px;height:24px}.inventory-teach-list{display:grid;gap:8px}.inventory-teach-list button{display:flex;align-items:center;gap:12px;text-transform:capitalize} }

@layer screens { .egg-inventory-dialog{width:min(420px,calc(100% - 24px));max-height:88dvh;overflow:auto} .inventory-egg-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.inventory-egg-pool>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;align-items:center;padding:5px}.inventory-egg-pool img{width:32px;height:32px}.inventory-egg-pool span{font-size:var(--kz-fs-xs);overflow-wrap:anywhere}.inventory-egg-pool b{grid-column:2;font-size:var(--kz-fs-xs)}.egg-roll-card{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;width:80px;min-width:80px;padding:8px 0}.egg-roll-card small{font-size:var(--kz-fs-xs);color:var(--game-ink)}.egg-reel{height:108px}.egg-reel>div{align-items:center}.egg-inventory-dialog .egg-odds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px;font-size:var(--kz-fs-xs)} }

/* Temporary adventure maintenance: keep the navigation slot visible. */
.nav button.feature-disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed;pointer-events:none;background:transparent;box-shadow:none;}

#toast[popover]{inset:auto;margin:0;left:50%;pointer-events:none}#toast[popover]::backdrop{background:transparent;pointer-events:none}

@layer screens {
 /* Egg chance panels share the dialog width and remain scrollable on short screens. */
 .egg-inventory-dialog{max-height:88dvh;overflow:auto!important}
 .egg-inventory-dialog .egg-tooltip-tabs{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
 .egg-inventory-dialog .egg-tooltip-tabs .egg-chance-tip{display:block;grid-area:1/1;min-width:0;width:100%;pointer-events:none}
 .egg-inventory-dialog .egg-tooltip-tabs summary{display:block;width:max-content;max-width:calc(50% - 5px);box-sizing:border-box;margin:0 auto 0 0;pointer-events:auto}
 .egg-inventory-dialog .egg-pokemon-tip summary{margin-left:auto;margin-right:0}
 .egg-inventory-dialog .egg-tooltip-tabs .egg-chance-content{position:static;width:100%;max-height:45dvh;box-sizing:border-box;overflow:auto;white-space:normal;margin-top:12px;pointer-events:auto}
 .egg-inventory-dialog .egg-tooltip-tabs .inventory-egg-pool{grid-template-columns:minmax(0,1fr)}
 .egg-inventory-dialog .egg-tooltip-tabs .inventory-egg-pool>div{grid-template-columns:32px minmax(0,1fr) auto}
 .egg-inventory-dialog .egg-tooltip-tabs .inventory-egg-pool b{grid-column:auto}
 .egg-inventory-dialog .egg-rarity-tip .egg-odds{max-height:45dvh}
}

@layer legacy {
 .egg-inventory-dialog[open]{overflow:auto!important}
}