/* Reference panel: cream paper, sculpted amber rim, orange enamel and teal task badges. */
/* Existing game-ui.css uses !important for all dialogs. Scope the exception here. */
#chapter-panel {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#533126!important;}
#chapter-panel::before,#chapter-panel::after {content:none!important;}
#chapter-panel .chapter-close {background:radial-gradient(circle,#713c23 44%,#9e633a 48%,#fff3d4 51%)!important;border:3px solid #ffebbe!important;border-radius:50%!important;color:#fff0d6!important;}
#chapter-panel .chapter-more {background:linear-gradient(#fff9e8,#fff0d5)!important;border:1px solid #ddbf8d!important;border-radius:16px!important;color:#5a3827!important;}
#chapter-panel .chapter-start {background:linear-gradient(#ff9236 0%,#ff6821 44%,#ee4514 95%)!important;border:3px solid #ffbd62!important;border-radius:23px!important;color:#fffbea!important;}
#chapter-panel p {color:#624734;font-size:inherit;line-height:inherit;}
.chapter-visible #pioneer-mission {visibility:hidden;}
#chapter-panel {position:fixed;inset:100px auto auto 50%;transform:translateX(-50%);margin:0;width:min(900px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 112px);padding:23px 12px 14px;border:0;border-radius:0;background:transparent;color:#533126;box-shadow:none;overflow:auto;overscroll-behavior:contain;font-family:'Trebuchet MS',Arial,sans-serif;scrollbar-width:thin;}
#chapter-panel::backdrop {background:transparent;backdrop-filter:none;}
#chapter-panel:not([open]) {display:none;}
#chapter-panel .chapter-shell {position:relative;isolation:isolate;border:5px solid #ffb54f;border-radius:42px 36px 39px 33px;padding:29px 24px 0;background:radial-gradient(ellipse at 20% 25%,#fff4d9 0%,#ffebc8 39%,#ffd09a 80%,#ffc278);box-shadow:inset 0 0 0 2px #fff2b8,0 4px 0 #b65e29,0 9px 20px #68372145;}
#chapter-panel .chapter-shell::before {content:'';position:absolute;inset:0;border-radius:34px;background:radial-gradient(ellipse at 5% 87%,#f5a66870,transparent 33%),radial-gradient(ellipse at 89% 14%,#ffc88990,transparent 37%);pointer-events:none;z-index:-1;}
#chapter-panel button {font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none;clip-path:none;min-height:0;min-width:0;}
#chapter-panel button:focus-visible,#chapter-reopen:focus-visible {outline:3px solid #177f88;outline-offset:4px;}
#chapter-panel .chapter-badge {position:absolute;top:-23px;left:80px;display:flex;align-items:center;gap:9px;background:linear-gradient(#ff9434,#ed4e18);border:3px solid #ffca70;border-radius:24px;padding:7px 18px;color:#fff7df;font-size:16px;font-weight:900;box-shadow:inset 0 2px 0 #ffe2a575,0 3px 0 #c96c2d,0 5px 7px #95532550;text-shadow:0 2px 1px #a73516;z-index:3;}
#chapter-panel .chapter-close {position:absolute;right:-8px;top:-21px;z-index:4;width:54px;height:54px;padding:0;background:radial-gradient(circle,#713c23 44%,#9e633a 48%,#fff3d4 51%);border:3px solid #ffebbe;border-radius:50%;font-size:34px;line-height:1;color:#fff0d6;box-shadow:0 3px 5px #a75d4150;}
#chapter-panel .chapter-city {position:absolute;right:6px;top:0;width:52%;height:185px;object-fit:fill;border-top-right-radius:28px;z-index:-1;pointer-events:none;}
#chapter-panel .chapter-heading {position:relative;inset:auto;display:block;height:auto;pointer-events:auto;margin:0 18px 10px;}
#chapter-panel h1 {font-family:'Trebuchet MS',Arial,sans-serif;font-size:36px;font-weight:1000;letter-spacing:-1.15px;line-height:1.08;margin:0 0 6px;color:#542d23;text-shadow:0 2px #fff6dd;}
#chapter-panel #chapter-summary {max-width:390px;font-size:15px;line-height:1.27;color:#624734;font-weight:600;}
#chapter-panel #chapter-summary p {margin:0;}
#chapter-panel .chapter-more {display:flex;gap:5px;align-items:center;margin:0 0 0 186px;padding:6px 13px;border:1px solid #ddbf8d;border-radius:16px;background:linear-gradient(#fff9e8,#fff0d5);color:#5a3827;font-weight:700;font-size:12px;box-shadow:0 2px 1px #a6673833;}
#chapter-panel .chapter-story {height:0;overflow:hidden;transition:height .3s ease;}
#chapter-panel .chapter-story > div {margin:0 14px;padding:4px 8px 16px;columns:2;column-gap:27px;font-size:14px;line-height:1.5;}
#chapter-panel .chapter-story p {margin:0 0 10px;break-inside:avoid;}
#chapter-panel .chapter-tasks {position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;}
#chapter-panel .chapter-tasks li {position:relative;display:flex;align-items:center;gap:6px;min-width:0;min-height:101px;padding:7px 9px 7px 36px;background:linear-gradient(130deg,#fff3da,#ffeacc);border:1px solid #fff9e8;border-radius:20px;box-shadow:0 3px 2px #b7764540;color:#543f2c;font-size:14px;line-height:1.25;font-weight:800;}
#chapter-panel .chapter-tasks img {width:91px;height:86px;object-fit:contain;mix-blend-mode:multiply;}
#chapter-panel .chapter-task-number {position:absolute;left:11px;top:10px;border-radius:50%;width:29px;height:30px;display:grid;place-items:center;background:linear-gradient(#54bec7,#16818c);border:1px solid #147a7b;box-shadow:inset 0 2px 1px #d4ffffa0,0 2px 2px #8c956b50;color:white;font-size:19px;font-weight:900;}
#chapter-panel .chapter-tasks .is-complete .chapter-task-number {background:linear-gradient(#80b77b,#427648);}
#chapter-panel .chapter-bottom {position:relative;display:flex;justify-content:center;padding:7px 0 0;margin:0 -23px -1px;min-height:63px;isolation:isolate;}
#chapter-panel .chapter-bottom::before,#chapter-panel .chapter-bottom::after {content:'';position:absolute;bottom:0;width:32%;height:51px;background:url('assets/chapters/rocks-left.webp') bottom/100% 100% no-repeat;z-index:-1;pointer-events:none;}
#chapter-panel .chapter-bottom::before {left:0;border-radius:0 0 0 27px;}
#chapter-panel .chapter-bottom::after {right:0;background-image:url('assets/chapters/rocks-right.webp');border-radius:0 0 27px 0;}
#chapter-panel .chapter-start {display:flex;align-items:center;justify-content:center;gap:12px;min-width:315px;padding:11px 23px;border:3px solid #ffbd62;border-radius:23px;color:#fffbea;font-size:23px;font-weight:900;background:linear-gradient(#ff9236 0%,#ff6821 44%,#ee4514 95%);box-shadow:inset 0 2px 0 #ffe29d,0 3px 0 #b8551f,0 5px 7px #bc6b3755;text-shadow:0 2px #b7431d;transform:translateY(5px);}
#chapter-panel .chapter-start:hover {filter:brightness(1.08);}
#chapter-panel .chapter-start:active {transform:translateY(7px);}
#chapter-panel .chapter-start > span:last-child {font-size:32px;line-height:20px;}
#chapter-reopen {position:fixed;left:24px;top:174px;z-index:12;border:1px solid #ffe5b6;border-radius:16px;padding:7px 13px;background:linear-gradient(#fff0d0,#f7d7a7);box-shadow:0 3px 7px #57332033;color:#593625;font:700 12px 'Trebuchet MS',sans-serif;cursor:pointer;}
.chapter-visible #chapter-reopen {visibility:hidden;}
#chapter-panel[open] .chapter-shell {animation:chapter-enter .32s ease-out both;}
@keyframes chapter-enter {from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px) {#chapter-panel{top:94px;width:calc(100vw - 26px);max-height:calc(100dvh - 104px)}#chapter-panel h1{font-size:29px}#chapter-panel .chapter-heading{margin-left:5px}#chapter-panel .chapter-tasks li{padding-left:30px;font-size:12px}#chapter-panel .chapter-tasks img{width:65px;height:78px}#chapter-panel .chapter-task-number{left:7px;width:24px;height:25px;font-size:16px}#chapter-panel .chapter-shell{padding:26px 16px 0}#chapter-panel .chapter-bottom{margin-left:-15px;margin-right:-15px}#chapter-panel #chapter-summary{font-size:14px;max-width:350px}}
@media(max-width:600px) {#chapter-panel{top:108px;max-height:calc(100dvh - 116px);padding-top:22px}#chapter-panel .chapter-shell{border-radius:28px;padding:26px 12px 0}#chapter-panel .chapter-badge{left:25px;font-size:13px}#chapter-panel .chapter-close{width:45px;height:45px;font-size:29px}#chapter-panel h1{font-size:26px;max-width:270px}#chapter-panel .chapter-city{opacity:.24;width:90%;height:172px}#chapter-panel #chapter-summary{max-width:none;font-size:14px}#chapter-panel .chapter-more{margin:9px 0 0}#chapter-panel .chapter-tasks{grid-template-columns:1fr;gap:7px}#chapter-panel .chapter-tasks li{min-height:63px;padding:4px 12px 4px 43px;font-size:14px;gap:12px}#chapter-panel .chapter-tasks img{width:65px;height:60px}#chapter-panel .chapter-task-number{left:10px;top:12px}#chapter-panel .chapter-start{min-width:0;font-size:19px;padding:10px 17px}#chapter-panel .chapter-story > div{columns:1;margin:0;padding:9px 5px;font-size:14px}#chapter-reopen{top:182px;left:15px}#chapter-panel .chapter-bottom{margin-left:-10px;margin-right:-10px}}
@media(prefers-reduced-motion:reduce) {#chapter-panel[open] .chapter-shell{animation:none}#chapter-panel .chapter-story{transition:none}}