@font-face{font-family:Game;src:url('assets/fonts/Jua.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Game,'Malgun Gothic',sans-serif;font-synthesis:none}body{height:100dvh;padding:8px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#233f39,#0e1918 75%);color:#ecedd9}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #6d8877;background:#253e35;border-radius:3px;box-shadow:0 2px #10251b}button:hover:not(:disabled){filter:brightness(1.14)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid #f2d595;outline-offset:2px}b,strong,h1,h2,h3{font-weight:400}.hidden{display:none!important}
.handset{width:min(790px,calc(100vw - 16px),calc(100dvh - 16px));aspect-ratio:1;position:relative;border:2px solid #849b7b;border-radius:9px;box-shadow:0 16px 60px #05110cb3;background:#263d30;overflow:hidden}.screen,.viewport-shell,.viewport{position:absolute;inset:0}.viewport{overflow:hidden;container-type:inline-size}#world,#worldText{position:absolute;inset:0;width:100%;height:100%;display:block}#world{image-rendering:pixelated}#worldText{pointer-events:none}
.hud-top{position:absolute;inset:10px 10px auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;z-index:5;align-items:start}.status{max-width:445px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:9px;align-items:center;min-height:54px;padding:8px 10px;background:#112b25ed;border:1px solid #73917a;border-radius:5px;box-shadow:0 3px 12px #071c1655}.status>#level{font-size:15px;color:#f5dea0;white-space:nowrap}.vitals{min-width:0}.vitals>div{display:grid;grid-template-columns:22px minmax(16px,1fr) 52px;align-items:center;gap:5px;height:17px}.vitals span,.vitals b{font-size:11px;white-space:nowrap}.vitals b{text-align:right}.vitals span{color:#bcd1b5}.bar{height:6px;background:#081e17;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:#dd9476;transition:width .2s}.exp i{background:#b2cd8a}.coins{font-size:14px;color:#f1d28c;white-space:nowrap}.game-controls{display:flex;gap:4px}.game-controls button{height:32px;min-width:32px;font-size:14px;background:#1a352ddd}.map-title{position:absolute;top:74px;left:12px;right:12px;display:flex;align-items:baseline;gap:8px;z-index:4;pointer-events:none}.map-title>span:first-child{font-size:16px;text-shadow:0 2px 3px #071e13;color:#fff1c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-title>span:last-child{font-size:12px;color:#d8e4be;background:#173329bd;padding:3px 6px;border-radius:3px;white-space:nowrap}.minimap{position:absolute;bottom:90px;right:10px;padding:3px;background:#173326cc;border:1px solid #91a787;z-index:4}.minimap canvas{display:block;width:54px;height:54px;image-rendering:pixelated}.activity{position:absolute;bottom:62px;left:12px;right:82px;pointer-events:none;z-index:4}.activity span{display:inline-block;max-width:100%;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#e5e8ce;background:#153127c9;border-radius:3px}.game-bottom{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:6px;z-index:5}.draw{min-height:36px;padding:6px 10px;color:#efdda8;font-size:13px;background:#263c31ee;white-space:nowrap}.draw span{font-size:12px;margin-left:7px}.zoom-controls{display:flex;gap:3px;padding:3px;background:#112b24e8;border:1px solid #607d66;border-radius:4px}.zoom-controls button{min-height:28px;padding:3px 7px;font-size:12px;white-space:nowrap;box-shadow:none}.zoom-controls button.active{background:#e4d39c;color:#243828;border-color:#eedfa8}
#regionTransition{position:absolute;top:33%;left:12%;right:12%;padding:16px;text-align:center;background:#142d26e8;border-block:1px solid #b6b27b;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s;z-index:6}#regionTransition.show{opacity:1;transform:none}#regionTransition small{display:block;font-size:12px;color:#c6d3b6;letter-spacing:3px}#regionTransition strong{display:block;margin-top:6px;font-size:26px;color:#f4e1a2}#toast{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);max-width:82%;padding:8px 12px;background:#1b342bf5;border:1px solid #c3bd88;border-radius:4px;color:#f5e4b3;text-align:center;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;z-index:9}#toast.show{opacity:1}
.card-overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,4cqw,30px);gap:12px;background:#0b211bef;backdrop-filter:blur(3px);overflow:auto}.card-overlay h2{margin:0;text-align:center;font-size:clamp(20px,3.8cqw,30px);color:#efdda5}.card-caption,.card-prompt{font-size:13px;text-align:center;color:#bcd0b4;margin:0;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;height:clamp(230px,43cqw,300px);flex-shrink:0;perspective:800px}.card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 9px;background:#d8dfbf;color:#293c2c;border:2px solid #a3ba89;overflow:auto;box-shadow:0 5px #05170f}.card.rare{background:#e3d5b4;border-color:#d0b776}.card-type{font-size:11px;color:#526642}.card h3{margin:8px 0;font-size:18px;text-align:center}.card-icon{width:32px;height:40px;image-rendering:pixelated;flex-shrink:0}.card p{font-size:13px;line-height:1.55;text-align:left;flex:1;width:100%;margin:9px 0}.card-cost{font-size:11px;line-height:1.4;color:#536340}.cards.dealing .card{animation:deal .45s both;animation-delay:calc(var(--i)*110ms)}.cards.choosing .card:not(.chosen){animation:discard .35s forwards}.cards.choosing .chosen{animation:chosen .35s forwards}@keyframes deal{from{opacity:0;transform:translateY(75px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes discard{to{opacity:0;transform:translateY(45px) scale(.9)}}@keyframes chosen{to{transform:translateY(-8px);filter:brightness(1.1)}}
.shop-panel{position:absolute;inset:110px 6% 20px;max-width:560px;margin:auto;background:#182f28f8;border:2px solid #b4a573;border-radius:8px;z-index:15;box-shadow:0 12px 45px #051b13c9;padding:15px;display:flex;flex-direction:column;gap:10px;min-height:0}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #456152;padding-bottom:12px}.shop-heading>div{min-width:0}.shop-heading small{display:block;font-size:10px;letter-spacing:2px;color:#a6bc9f;margin-bottom:6px}.shop-heading strong{display:block;font-size:19px;color:#f1dfaa;line-height:1.35;overflow-wrap:anywhere}.shop-heading>span{font-size:17px;color:#f0d185;white-space:nowrap}.shop-status{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-status b{font-size:14px;color:#e2e7c7}.shop-status span{font-size:11px;white-space:nowrap;padding:4px 7px;border:1px solid #769579;border-radius:3px;color:#d8e8bb}.catalog-label{display:flex;justify-content:space-between;font-size:11px;color:#92ad95;padding:0 9px}.shop-catalog{flex:1;min-height:80px;overflow-y:auto;border:1px solid #3d5849;border-radius:4px;background:#0f251e;scrollbar-width:thin;scrollbar-color:#81916b #0f251e}.product-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:61px;padding:9px;border-bottom:1px solid #294437;border-left:3px solid transparent}.product-row:last-child{border-bottom:0}.product-icon{font-size:19px;text-align:center;color:#d4bd7e}.product-name{font-size:14px;line-height:1.4;color:#e2e9cf;overflow-wrap:anywhere}.product-info{font-size:11px;line-height:1.5;color:#8eaa91;margin-top:3px}.product-price{text-align:right;white-space:nowrap;font-size:14px;color:#e9cc88}.product-price small{display:block;font-size:10px;line-height:1.5;color:#a3b792;margin-top:4px}.product-row.selected{background:#3a5233;border-left-color:#f3d385;box-shadow:inset 0 0 0 1px #c6b57055}.product-row.purchased{background:#234b38;border-left-color:#91c99b}.product-row.purchased .product-price small{color:#b6e3b6}.product-row.unavailable{opacity:.6}.shop-detail{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;align-items:center;padding:3px 7px;border:1px solid #425e4c;border-radius:4px;background:#213d30}.shop-detail canvas{width:52px;height:65px;image-rendering:pixelated}.shop-detail p{font-size:12px;line-height:1.55;color:#d8e2c1;margin:0;overflow-wrap:anywhere}.shop-progress{height:3px;flex-shrink:0;background:#0c2118;overflow:hidden;border-radius:2px}.shop-progress i{display:block;height:100%;background:#e5c77e}#shopReceipts{font-size:12px;line-height:1.5;color:#bbd6ac;min-height:18px;overflow-wrap:anywhere}#shopReceipts p{margin:0}.shopping .activity,.shopping .minimap,.shopping .game-bottom,.shopping .map-title,.shopping #toast{visibility:hidden}
.boss-hud{position:absolute;top:105px;left:22%;right:22%;z-index:6;padding:7px 10px;background:#302327ed;border:1px solid #bc8974;border-radius:4px;pointer-events:none}.boss-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#ffdbb0}.boss-hud span{font-size:11px;white-space:nowrap}.boss-track{height:6px;background:#26191a;margin-top:6px}.boss-track i{display:block;height:100%;background:#d67461;transition:width .2s}.boss-hud small{display:block;margin-top:5px;font-size:10px;color:#e6bfa1;text-align:center}.danger-banner{position:absolute;top:165px;left:12%;right:12%;z-index:7;font-size:14px;line-height:1.5;text-align:center;color:#ffe4b8;background:#743a32df;border:1px solid #d79a70;padding:7px 10px;pointer-events:none}.wounded::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 40px #b73e3999;pointer-events:none;z-index:3;animation:hurtPulse 1s infinite alternate}@keyframes hurtPulse{to{box-shadow:inset 0 0 65px #b73e39cc}}
dialog{position:fixed;inset:0;margin:auto;background:#203a2c;color:#e2e7c5;border:2px solid #b9c48d;border-radius:6px;width:min(500px,92vw);max-height:85dvh;padding:24px;overflow:auto}dialog::backdrop{background:#081b14bc}dialog h2{font-size:24px;color:#efdfa9;margin-top:5px}dialog p,dialog li{font-size:15px;line-height:1.7}dialog button{padding:7px 12px}#closeModal{position:absolute;right:8px;top:7px;background:none;box-shadow:none;border:0;font-size:24px;padding:0 5px}.primary{width:100%;margin-top:12px;background:#baca8c;color:#253825}.atlas{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atlas-place{padding:10px;border:1px solid #597957;background:#1e3829;opacity:.65}.atlas-place.visited{opacity:1}.atlas-place.current{border-color:#e1c780;background:#3b5136}.atlas-place b,.atlas-place span,.atlas-place small{display:block}.atlas-place b{font-size:15px;color:#e8d9ac}.atlas-place span{font-size:12px;margin:5px 0}.atlas-place small{font-size:12px;line-height:1.5;color:#afc2a5}
@container(max-width:460px){.hud-top{inset:7px 7px auto;gap:5px}.status{padding:7px;gap:5px;grid-template-columns:auto minmax(80px,1fr)}.coins{display:none}.status>#level{font-size:12px}.game-controls{gap:3px}.game-controls button{min-width:27px;height:29px;font-size:12px}.vitals>div{grid-template-columns:20px minmax(14px,1fr) 44px;gap:3px}.vitals b,.vitals span{font-size:10px}.map-title{top:70px}.map-title>span:first-child{font-size:14px}.game-bottom{left:7px;right:7px;bottom:7px}.draw{font-size:12px;padding:5px 7px}.draw span{display:block;margin:2px 0 0;font-size:10px}.zoom-controls button{font-size:10px;padding:3px 5px}.card-overlay{gap:8px;padding:12px}.cards{gap:5px;height:224px}.card{padding:9px 6px}.card h3{font-size:14px;margin:6px 0}.card p{font-size:11px;line-height:1.45}.card-icon{width:24px;height:30px}.card-caption,.card-prompt{font-size:11px}.shop-panel{inset:88px 8px 8px;padding:9px;gap:6px}.shop-heading{padding-bottom:7px}.shop-heading strong{font-size:15px}.shop-heading small{display:none}.shop-heading>span{font-size:14px}.shop-status b{font-size:12px}.shop-status span{font-size:10px}.shop-detail{grid-template-columns:32px minmax(0,1fr) 32px;padding:2px 4px;gap:5px}.shop-detail canvas{width:32px;height:40px}.shop-detail p{font-size:10px}.catalog-label{font-size:10px}.product-row{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;min-height:52px;padding:6px}.product-name,.product-price{font-size:12px}.product-info{font-size:10px}.shop-catalog{min-height:55px}#shopReceipts{font-size:10px}.boss-hud{top:98px;left:15%;right:15%}.danger-banner{top:158px;font-size:12px}}
/* Small building visit windows keep the village and traveler visible. */
.shop-panel{inset:auto 12px 62px auto;width:246px;height:244px;max-width:calc(100% - 24px);max-height:calc(100% - 145px);padding:10px;gap:7px;border:2px solid #d6bc83;border-radius:13px;background:#243e32f5;box-shadow:0 4px 0 #10281ed9,0 8px 18px #10221d55;animation:visitPop .18s ease-out;transform-origin:bottom right}
.shop-panel.dock-left{left:12px;right:auto;transform-origin:bottom left}.shop-panel.resting{height:192px;border-color:#bca6cf;background:#30344bf5}.shop-heading{padding-bottom:5px;gap:6px;align-items:center}.shop-heading strong{font-size:15px;line-height:1.3}.shop-heading small{display:none}.shop-heading>span{font-size:12px;white-space:nowrap}.shop-status{gap:5px;align-items:center}.shop-status b{font-size:12px;line-height:1.4}.shop-status span{font-size:10px;padding:2px 5px;border-radius:7px}.catalog-label,.shop-detail{display:none}.shop-catalog{min-height:42px;border-radius:7px;overscroll-behavior:contain}.product-row{min-height:48px;padding:6px 5px;grid-template-columns:17px minmax(0,1fr) auto;gap:5px}.product-icon{font-size:15px}.product-name{font-size:12px;line-height:1.3}.product-info{font-size:10px;line-height:1.35;margin-top:2px}.product-price{font-size:12px}.product-price small{font-size:9px;max-width:70px;white-space:normal;line-height:1.3;margin-top:2px}.shop-progress{height:3px}#shopReceipts{font-size:11px;line-height:1.35;min-height:15px;max-height:30px;overflow:auto}.shopping .minimap,.shopping .game-bottom,.shopping .map-title,.shopping #toast{visibility:visible}.shopping .activity{visibility:hidden}.shopping .minimap{bottom:auto;top:105px}.shop-panel.resting .product-row{background:#42475c}.shop-panel.resting .shop-catalog{background:#282e43}.shop-panel.resting .shop-progress i{background:#c8b9e1}
@keyframes visitPop{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}
@container(max-width:460px){.shop-panel{width:196px;height:208px;right:8px;bottom:58px;padding:8px;gap:5px;border-radius:11px}.shop-panel.dock-left{left:8px;right:auto}.shop-panel.resting{height:175px}.shop-heading strong{font-size:14px}.shop-heading>span{font-size:11px}.shop-status b{font-size:11px}.shop-status span{font-size:9px;padding:2px 3px}.product-row{grid-template-columns:14px minmax(0,1fr) auto;gap:3px;padding:5px 3px}.product-name{font-size:11px}.product-info{font-size:10px}.product-price{font-size:11px}.product-price small{font-size:9px;max-width:54px}#shopReceipts{font-size:10px;max-height:27px}}
@media(prefers-reduced-motion:reduce){.shop-panel{animation:none}}
.gear-button{min-height:36px;padding:5px 9px;font-size:12px;background:#304d3e;white-space:nowrap}.gear-panel{position:absolute;right:10px;top:104px;width:266px;max-width:75%;max-height:calc(100% - 168px);overflow:auto;padding:11px;background:#203b30f5;border:2px solid #c9b684;border-radius:12px;z-index:24;box-shadow:0 4px 0 #10261e}.gear-panel header{display:flex;justify-content:space-between;align-items:center;color:#f0d8a3;font-size:16px}.gear-panel header button{font-size:20px;border:0;background:transparent;box-shadow:none}.gear-summary{display:flex;align-items:center;gap:10px}.gear-summary canvas{width:48px;height:60px;image-rendering:pixelated}.gear-summary p{font-size:13px;line-height:1.6;white-space:pre-line}.gear-slot{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;gap:7px;padding:7px 0;border-top:1px solid #496048;align-items:center}.gear-slot>span{font-size:11px;color:#a8bd9d}.gear-slot b{font-size:13px;display:block;color:#efdfb2}.gear-slot small{font-size:10px;line-height:1.4;display:block;margin-top:3px;color:#b6c9a9}.gear-slot em{font-size:12px;font-style:normal;color:#edc77a}#knownSkills{font-size:11px;line-height:1.7;padding-top:8px;color:#bcd9c4}.pending-cards{position:absolute;top:104px;left:10px;z-index:26;padding:7px 10px;font-size:12px;border-color:#dac184;border-radius:8px;background:#414a30}.card-overlay{inset:auto 8px 58px;height:auto;max-height:65%;padding:12px 9px 8px;gap:6px;justify-content:flex-start;border:2px solid #b9b47e;border-radius:12px;background:#21392ef5;backdrop-filter:none;overflow:auto}.card-overlay h2{font-size:16px;text-align:left;padding-right:94px}.fold-cards{position:absolute;right:8px;top:8px;padding:3px 6px;font-size:11px;border-radius:5px}.cards{height:180px;gap:6px}.card{padding:7px 5px;border-radius:7px;box-shadow:0 3px #142719}.card h3{font-size:14px;margin:5px 0}.card p{font-size:11px;line-height:1.4;margin:4px 0}.card-icon{width:20px;height:25px}.card-caption,.card-prompt{font-size:10px}.card-type,.card-cost{font-size:10px}@container(max-width:460px){.gear-panel{top:98px;width:230px;padding:9px}.gear-slot{padding:5px 0}.gear-button{padding:4px 6px;font-size:10px}.game-bottom{gap:3px}.zoom-controls button{padding:3px;font-size:9px}.draw{padding:4px;font-size:10px}.draw span{font-size:9px}.cards{height:161px}.card-overlay{padding:10px 6px 6px;gap:4px}.card-overlay h2{font-size:14px}.card h3{font-size:12px}.card p{font-size:10px}.card-icon{display:none}.card-prompt{display:none}}
.map-title>span:last-child[data-period="밤"],.map-title>span:last-child[data-period="영원한 밤"]{color:#d6ddff;background:#202d50dc;border:1px solid #687699}.map-title>span:last-child[data-period="노을"]{color:#ffdaa5;background:#593f31d9}.map-title>span:last-child[data-period="새벽"]{color:#ecd6ec;background:#51405adb}.map-title>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.map-title>span:first-child{min-width:0}
#civicPanel{width:300px;max-width:85%;z-index:25}#civicTown{width:100%;margin-top:9px;padding:6px;border:1px solid #728365;border-radius:5px;background:#193027;color:#e4dab7;font:inherit;font-size:13px}.civic-summary{font-size:12px;line-height:1.7;color:#e6d6a4}.civic-person{padding:8px 0;border-top:1px solid #526346}.civic-person b,.civic-person small,.civic-person span{display:block;line-height:1.5}.civic-person b{font-size:13px;color:#e7dcb9}.civic-person small{font-size:10px;color:#aabf9c}.civic-person span{font-size:11px;color:#d4e2c7}.civic-history{font-size:11px;line-height:1.65;color:#c6d4b3;margin:6px 0}#civicContent h4{font-size:13px;color:#e8d4a1;margin-bottom:5px}
#civicButton{padding-inline:6px;min-width:40px;font-size:12px}@container(max-width:460px){#civicButton{min-width:34px;padding-inline:4px;font-size:11px}}
.rpg-policy{display:flex;gap:5px}.rpg-policy button{flex:1;padding:5px;font-size:11px}.rpg-main{width:100%;padding:8px 4px;margin-top:7px;font-size:12px;border-color:#c7b279}.rpg-note{font-size:10px;line-height:1.6;color:#b8c6a8}.rpg-item{display:block;width:100%;text-align:left;font-size:11px;padding:6px;margin-top:4px}.gear-slot:has(>div:last-child){grid-template-columns:28px minmax(0,1fr)}#gearPanel details{font-size:12px;margin-top:8px}
/* Keep the actual decision visible; only the item list scrolls. */
#gearPanel{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100% - 155px);border-color:#dfc68d;box-shadow:0 4px 0 #10261e,0 8px 25px #06190c80}#gearPanel header,#gearPanel .gear-summary,#gearActions{flex-shrink:0}#gearPanel .gear-summary canvas{height:40px;width:32px}#gearPanel .gear-summary p{font-size:12px;margin:6px 0}#gearSlots{overflow-y:auto;min-height:48px;overscroll-behavior:contain;padding-right:3px;margin-top:9px;scrollbar-width:thin}#gearPanel #knownSkills{max-height:34px;overflow:auto;flex-shrink:0;font-size:10px}.gear-action-prompt{font-size:12px;line-height:1.4;margin:3px 0 6px;color:#ffe7ad;text-align:center}#applyLoadout{display:block;min-height:52px;margin:0;background:#f1cd72;color:#233528;border:2px solid #fff0b6;border-radius:8px;box-shadow:0 3px 0 #9d793c;font-size:14px;font-weight:400;padding:7px 5px;cursor:pointer}#applyLoadout span{display:block;font-size:11px;margin-top:4px;color:#4b542c}#applyLoadout:hover:not(:disabled){background:#ffe193;transform:translateY(-1px)}#applyLoadout:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #9d793c}#leaveReview{min-height:31px;margin-top:8px;background:#304c3e;border-color:#80977c;border-radius:6px;font-size:12px;padding:5px}.gear-protection{display:block;text-align:center;font-size:10px;color:#c8d5b7;margin-top:5px}.gear-button{border-color:#cbb883;box-shadow:0 3px #10251b;background:#375541}.gear-button.needs-review{background:#f1cd72;color:#243629;border-color:#fff0b6;animation:reviewPulse 1.5s ease-in-out infinite}@keyframes reviewPulse{50%{box-shadow:0 0 0 3px #f1cd7244,0 3px #917337}}@media(prefers-reduced-motion:reduce){.gear-button.needs-review{animation:none}}@container(max-width:460px){#gearPanel{max-height:calc(100% - 155px);top:92px;padding:7px;width:246px}#gearPanel .gear-summary{display:none}#gearPanel header{font-size:14px}.gear-action-prompt{font-size:10px;margin:2px 0 5px}#applyLoadout{font-size:12px;min-height:43px;padding:5px}#applyLoadout span{font-size:10px;margin-top:2px}#leaveReview{font-size:10px;min-height:26px;margin-top:6px}#gearSlots{min-height:34px;margin-top:6px}.gear-protection{font-size:9px}#gearPanel #knownSkills{display:none}}
.title-screen{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#365745,#162e25 70%);padding:22px;text-align:center}.start-content{width:min(310px,100%)}.start-eyebrow{display:block;color:#afc4a0;font-size:11px;letter-spacing:3px}.title-screen h1{font-size:clamp(36px,8cqw,60px);line-height:1.2;color:#f6d792;text-shadow:0 4px #142e20;margin:15px 0 25px}.save-summary{min-height:38px;font-size:13px;color:#d2dfbb;line-height:1.6;margin:0 0 18px}.start-buttons{display:flex;flex-direction:column;gap:12px}.start-buttons button{min-height:52px;border:2px solid #cbbd86;border-radius:9px;font-size:18px;background:#345441;box-shadow:0 4px #0c251a;color:#f1e6c8}.start-buttons #newAdventure{background:#ecc779;border-color:#ffdfa2;color:#293c2c}.start-buttons button:disabled{opacity:.4}.start-buttons button:hover:not(:disabled){transform:translateY(-1px)}.start-buttons button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0c251a}#startNotice{font-size:12px;line-height:1.6;min-height:36px;color:#d4dcb9;margin:19px 0 8px}.save-location{font-size:10px;color:#9cb094}@container(max-width:460px){.title-screen{padding:18px}.title-screen h1{margin:12px 0 18px}.start-content{max-width:265px}.start-buttons button{min-height:45px;font-size:16px}.save-summary{margin-bottom:12px;font-size:12px}#startNotice{margin-top:14px;font-size:11px}}
.cards.four-choices{grid-template-columns:repeat(2,minmax(0,1fr));height:280px}.cards.four-choices .card{padding:6px}.cards.four-choices .card-icon{display:none}.cards.four-choices .card h3{font-size:16px;margin:3px 0}.cards.four-choices .card p{font-size:11px;margin:3px 0}.cards.four-choices .card-cost{font-size:10px}@container(max-width:460px){.cards.four-choices{height:200px}.cards.four-choices .card h3{font-size:13px}.cards.four-choices .card p{font-size:10px;line-height:1.3}.cards.four-choices .card-type,.cards.four-choices .card-cost{font-size:9px}}
/* Eight replacement choices stay within the existing in-game tray. */
.cards.four-choices{overflow-y:auto;grid-auto-rows:minmax(96px,auto);align-content:start}.cards.four-choices .card{min-height:96px}.cards.four-choices .card p{overflow-wrap:anywhere}
#gearButton{position:relative;min-width:78px;min-height:45px;font-size:16px;font-weight:bold;padding:8px 12px;flex-shrink:0}.gear-badge{display:inline-block;margin-left:5px;background:#c64132;color:#fff6d6;padding:3px 5px;border-radius:9px;font-size:12px}#gearPanel{width:min(360px,92%);max-height:calc(100% - 125px);top:65px}#gearSlots .equipment-heading{margin:12px 0 5px;font-size:13px;color:#ead397}.equipment-item,.equipped-row{border:1px solid #617767;border-radius:6px;padding:8px;margin:6px 0;background:#263c31}.equipment-item.recommended{border:2px solid #a1e59e;background:#294d37}.equipment-item b,.equipped-row b{display:block;font-size:13px;line-height:1.4}.equipment-item small,.equipped-row small{display:block;font-size:11px;line-height:1.5;color:#d2d9c3}.equipment-item p{font-size:12px;line-height:1.6;margin:5px 0;color:#f2e6c6}.equipment-item footer{display:flex;align-items:center;gap:6px}.equipment-item footer span{font-size:11px;flex:1}.equipment-item button,.gear-tools button,.gear-filter button{padding:6px;border:1px solid #889e80;border-radius:4px;background:#395b44;color:#fff1cb;cursor:pointer}.equipment-item [data-equip]{background:#d9c479;color:#213829;min-width:48px}.positive{color:#9ceeaa}.gear-tools{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px;font-size:11px}.gear-filter{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.gear-filter button{font-size:11px}.gear-filter button.active{background:#b9d69a;color:#243824}#gearPanel #knownSkills{max-height:40px;font-size:10px;line-height:1.4;margin-top:7px}@container(max-width:460px){#gearButton{min-width:68px;min-height:42px;padding:6px;font-size:14px}#gearPanel{width:90%;top:65px;max-height:calc(100% - 125px)}#gearPanel #knownSkills{display:block}.equipment-item p{font-size:11px}.equipment-item b{font-size:12px}}
.skill-belt{position:absolute;left:10px;right:10px;bottom:66px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;z-index:6}.skill-belt button{height:43px;min-width:0;border:1px solid #668174;background:#18372cee;border-radius:5px;color:#d8e5bc;padding:3px;overflow:hidden}.skill-belt small{display:block;font-size:9px;color:#a3b496}.skill-belt span{font-size:10px;display:block;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-belt .occupied{border-color:#d2b970;background:#354535ef}.quest-panel{position:absolute;z-index:22;top:70px;bottom:118px;left:6%;right:6%;padding:12px;background:#172f27f5;border:2px solid #cfbb7e;border-radius:10px;overflow:auto;color:#efe5c3}.quest-panel header{display:flex;justify-content:space-between;align-items:center}.quest-panel header button{background:#465c46;color:#fff;border:0;padding:4px 10px}.quest-panel p{font-size:12px;line-height:1.5}.quest-entry{display:block;width:100%;text-align:left;margin:9px 0;padding:10px;background:#314c3c;color:#f3e4b9;border:1px solid #78956e;border-radius:6px;cursor:pointer}.quest-entry b,.quest-entry small,.quest-entry span{display:block;line-height:1.5}.quest-entry b{font-size:14px}.quest-entry small,.quest-entry span{font-size:11px;margin-top:4px}.quest-entry:disabled{opacity:.5}.active-quest{padding:8px;border:1px solid #e0c274;border-radius:5px}.game-bottom{flex-wrap:wrap}.game-bottom .zoom-controls{margin-left:auto}#questButton{min-height:42px;font-size:14px;padding:6px 9px}@container(max-width:460px){.skill-belt{bottom:99px;left:7px;right:7px}.skill-belt button{height:36px}.skill-belt span{font-size:9px}.game-bottom .zoom-controls{flex-basis:100%;justify-content:flex-end}.quest-panel{bottom:142px}}
#statsButton{position:relative;min-height:42px;padding:6px 9px;font-size:14px}.stat-dot{display:inline-block;background:#c95465;color:#fff8df;padding:2px 5px;border-radius:9px;margin-left:4px;font-size:11px}.stats-panel{position:absolute;z-index:25;top:82px;left:50%;transform:translateX(-50%);width:min(294px,88%);max-height:calc(100% - 205px);overflow:auto;background:#f2e8c9;color:#344638;border:3px solid #62876d;border-radius:14px;box-shadow:0 5px 0 #183d2d,0 10px 25px #142f2960;padding:12px}.stats-panel header{display:flex;justify-content:space-between;align-items:center;font-size:16px}.stats-panel header button{border:0;border-radius:7px;background:#d7cbae;color:#41543e;padding:4px 9px;font-size:16px}.stat-points{display:flex;justify-content:space-between;align-items:center;background:#d9e7bb;border:1px solid #a1b98a;border-radius:10px;padding:9px 12px;margin-top:10px;font-size:13px}.stat-points strong{font-size:26px;color:#386145}.stat-points small{font-size:13px}.stat-guide,.stat-footnote{text-align:center;font-size:11px;line-height:1.5;color:#64715a;margin:8px 0}.stat-row{display:flex;align-items:center;gap:8px;background:#fffae8;border:1px solid #d6d1b6;border-radius:9px;padding:8px;margin:6px 0}.stat-icon{display:grid;place-items:center;width:31px;height:31px;background:var(--stat-color);border-radius:8px;flex-shrink:0;font-size:19px}.stat-row>div{flex:1;min-width:0}.stat-row b{font-size:14px}.stat-row em{font-style:normal;color:#628245;margin-left:6px}.stat-row small{display:block;font-size:10px;line-height:1.5;color:#65735b}.stat-row button{width:30px;height:30px;flex-shrink:0;background:#81ac73;color:#fffce9;border:1px solid #53834f;border-radius:7px;box-shadow:0 2px #4e754a;font-size:20px;cursor:pointer}.stat-row button:disabled{opacity:.4;cursor:default}.stat-row button:active:not(:disabled){transform:translateY(2px);box-shadow:none}@container(max-width:460px){.stats-panel{top:78px;max-height:calc(100% - 220px);padding:9px}.stat-row{padding:6px;gap:6px}.stat-guide{font-size:10px}#statsButton{padding:6px;min-width:48px;font-size:13px}}
#foldCards,#pendingCards{display:none!important}.card-overlay{z-index:45;background:#10291feF}.cards .card-icon,.cards.four-choices .card-icon{display:block;width:26px;height:32px;margin:3px auto;image-rendering:pixelated}.skill-belt button{position:relative;padding:2px;display:flex;justify-content:center;align-items:center}.skill-belt canvas{height:34px;width:27px;image-rendering:pixelated}.skill-belt button small{position:absolute;left:3px;top:2px;font-size:9px;color:#fff4cd}.card-prompt{color:#efd9a0}@container(max-width:460px){.skill-belt canvas{height:29px;width:23px}.cards .card-icon,.cards.four-choices .card-icon{height:26px;width:21px}.cards.four-choices .card p{font-size:10px}}