:root{font-family:'Noto Sans KR',sans-serif;color:#f5e6c6;background:#13221e;font-synthesis:none;--gold:#eec077;--dim:#b9b69f;--green:#8ed6a2;--line:#6c684b;--dark:#182925;--red:#ef947c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 30% 0%,#31493b,transparent 65%),#13221e}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible{outline:3px solid #fbe09b;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}button svg{width:20px;height:20px}a{color:var(--gold)}.app-shell{max-width:1330px;margin:auto;padding:20px 32px 24px}.topbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border:1px solid #998052;border-radius:12px;display:grid;place-items:center;background:#344435;color:#eec077;font-family:serif;font-size:25px}.brand h1{font-family:'Noto Serif KR',serif;font-size:22px;letter-spacing:-.6px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;color:var(--gold);margin-bottom:3px}.top-actions{display:flex;gap:6px}.icon-btn{width:42px;height:42px;background:#21332c;border:1px solid #50604a;border-radius:10px;display:grid;place-items:center;font-size:14px}.icon-btn.active{color:var(--gold);border-color:var(--gold)}.route{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 17px;max-width:580px}.route-step{display:flex;align-items:center;gap:7px;position:relative;flex:1;color:#899587;font-size:12px}.route-step:not(:last-child):after{content:'';height:1px;background:#536147;flex:1;margin:0 9px}.route-dot{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid #687052;background:#1c2c25;font-size:12px}.route-step.current{color:#fae6b9}.current .route-dot{background:#dab571;color:#243222;border-color:#f3d59b;box-shadow:0 0 0 4px #e8bd6f16}.route-step.done .route-dot{color:#a3d5a1;border-color:#7a9f73}.layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:24px;align-items:start}.left-column{display:flex;flex-direction:column;gap:14px}.scene{height:300px;position:relative;overflow:hidden;border:1px solid #687452;border-radius:18px;background:linear-gradient(180deg,#23483f70,#10282115 55%,#10201de6),url('../art/scene.png') center 55%/cover,#243a31;box-shadow:0 15px 45px #0003}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101f1ee8,transparent 35%);pointer-events:none}.scene-top{position:absolute;z-index:2;inset:16px 18px auto;display:flex;justify-content:space-between;gap:12px}.scene-label{padding:7px 10px;border:1px solid #98a67e5c;background:#132922db;border-radius:7px;font-size:12px;letter-spacing:.3px}.scene-weather{font-size:12px;color:#e8d4a2;padding-top:7px}.actors{position:absolute;inset:60px 20px 18px;display:flex;align-items:end;justify-content:space-between}.actor-wrap{width:43%;text-align:center;position:relative;z-index:1}.actor{height:164px;max-width:190px;margin:auto;position:relative;transform-origin:50% 90%;filter:drop-shadow(0 12px 8px #0007);will-change:transform}.sprite{display:block;background-image:url('../art/actors.png');background-size:300% 200%;background-repeat:no-repeat;width:100%;height:100%}.actor-name{font-size:14px;font-weight:700;text-shadow:0 2px 4px #000;position:relative;z-index:3}.health-track{height:7px;border-radius:10px;background:#111e18;border:1px solid #a2aa7760;overflow:hidden;margin:6px 10px 3px}.health-track i{height:100%;display:block;background:linear-gradient(90deg,#589c6b,#b6d487);transition:width .2s}.enemy-wrap .health-track i{background:linear-gradient(90deg,#b15852,#efad82)}.hp-caption{font-size:11px;color:#d9d6bf}.versus{font-family:serif;font-style:italic;font-size:23px;color:#dac793;margin-bottom:80px;opacity:.75;z-index:3}.scene.sword-strike .hero-actor{animation:hero-strike .32s}.scene.enemy-strike .enemy-actor{animation:enemy-strike .32s}.scene.sword-strike .enemy-actor{animation:enemy-hurt .32s}.scene.enemy-strike .hero-actor{animation:hero-hurt .32s}.actor.idle{animation:breathe 3s ease-in-out infinite}.float-number{position:absolute;z-index:6;pointer-events:none;left:50%;top:30%;font-size:27px;font-weight:900;color:#ffdc8d;text-shadow:0 2px 3px #2c1613;animation:float-up 1s forwards}.float-number.heal{color:#a6ffc2}.battle-ribbon{position:absolute;bottom:10px;left:20px;right:20px;text-align:center;z-index:4;font-size:12px;color:#e9d8b7}.panel{background:linear-gradient(145deg,#26392e,#1c2e27);border:1px solid #65704c;border-radius:14px;overflow:hidden}.panel-pad{padding:16px 18px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title{font-family:'Noto Serif KR',serif;font-size:18px;font-weight:700}.small-label{font-size:12px;color:var(--dim)}.threat{display:flex;align-items:center;gap:12px;padding:13px 16px}.threat-symbol{width:38px;height:38px;display:grid;place-items:center;background:#483e2c;border:1px solid #a18a5b;border-radius:10px;color:#f3d190;flex-shrink:0}.threat-title{font-size:14px;font-weight:700;margin-bottom:4px}.threat-copy{font-size:13px;line-height:1.7;color:#d0d0b9}.camp-stats{display:flex;gap:10px}.stat{flex:1;padding:10px 9px;background:#15261e7a;border:1px solid #4c6042;border-radius:9px;text-align:center}.stat strong{font-size:20px;color:#f0d49c;font-weight:800}.stat span{display:block;font-size:11px;color:#b9bea8;margin-top:2px}.links-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.link-line{font-size:12px;display:flex;align-items:center;gap:8px;color:#afc7aa}.link-line.active{color:#c6f1b2}.link-knot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.link-line.active .link-knot{background:currentColor;box-shadow:0 0 8px #a1d47a55}.pack-panel{border-radius:18px;background:linear-gradient(140deg,#705132,#483821 75%);border:1px solid #b68d54;padding:18px;box-shadow:inset 0 0 0 5px #352b2355,0 14px 35px #0003}.pack-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.pack-head h2{font-family:'Noto Serif KR',serif;font-size:21px;letter-spacing:-.8px}.pack-capacity{font-size:12px;color:#dbc49c}.pack-frame{padding:10px;background:#392d20;border:1px solid #ae8654;border-radius:12px;box-shadow:inset 0 2px 8px #0008;position:relative}.grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;position:relative;isolation:isolate}.cell{background:radial-gradient(ellipse,#60492d,#4c3c28);border:1px solid #9171467a;border-radius:7px;min-width:0;padding:0;box-shadow:inset 0 1px 7px #231a1580;z-index:0}.cell.valid{border-color:#afdc92;background:#627046}.cell.invalid{border-color:#d88976;background:#714837}.cell:hover{background:#74613d}.pack-item{position:absolute;padding:3px;border:1px solid #d4b46a8a;border-radius:9px;background:linear-gradient(135deg,#776744e8,#57472fe8);z-index:2;display:flex;align-items:center;justify-content:center;touch-action:none;transition:box-shadow .15s,border-color .15s;overflow:visible}.pack-item.linked{border-color:#c0dc8c;box-shadow:inset 0 0 12px #c3e39520,0 0 7px #96c47140}.pack-item.selected{border:2px solid #ffe1a1;box-shadow:0 0 0 3px #fdd59735;z-index:5}.pack-item.cargo{background:linear-gradient(135deg,#675033,#40321e);border-color:#c3a06b}.pack-item.dragging{opacity:.34}.pack-item .item-art{width:min(84%,78px);height:min(84%,78px)}.pack-item.tall .item-art{width:84%;height:70%}.item-art{display:block;background-image:url('../art/items.png');background-repeat:no-repeat;background-size:400% 300%;filter:drop-shadow(0 3px 3px #0005);pointer-events:none}.item-short{position:absolute;bottom:3px;left:3px;right:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:600;color:#fff2cc;text-shadow:0 1px 2px #000}.item-link{position:absolute;right:4px;top:2px;color:#dbf6aa;font-size:13px;line-height:1}.link-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.link-overlay line{stroke:#c6e59a;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:3 3;filter:drop-shadow(0 0 2px #8fa)}.pack-tip{font-size:12px;color:#e0cba4;line-height:1.65;margin-top:10px;min-height:20px}.pack-tip strong{color:#ffdda0}.item-info{min-height:87px;padding:12px 1px 2px}.info-title{font-size:14px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.info-copy{font-size:12px;color:#ddd2b7;line-height:1.65}.text-button{background:transparent;color:#eccc97;font-size:12px;border-bottom:1px solid #b79c65;padding:3px 1px}.stash{display:flex;gap:7px;min-height:54px;overflow:auto;align-items:center;padding:7px 0 0}.stash-item{min-width:49px;width:49px;height:49px;background:#2c281daa;border:1px dashed #ad915b;border-radius:8px;padding:3px;position:relative;touch-action:none}.stash-item .item-art{width:100%;height:100%}.stash-item.selected{border:2px solid #ffe0a0}.stash-empty{font-size:12px;color:#b9a98a}.cargo-bar{display:flex;gap:10px;align-items:center;padding:11px 0 0;margin-top:8px;border-top:1px solid #ae8d514b}.cargo-bar .item-art{width:38px;height:38px;flex-shrink:0}.cargo-text{flex:1;font-size:12px;line-height:1.6;color:#e2cfad}.cargo-text strong{display:block;color:#f6d9a1}.primary{background:linear-gradient(#f1d398,#c99c54);color:#302918;border:1px solid #f8deaa;border-radius:10px;box-shadow:0 3px 0 #826137,0 5px 16px #0002;padding:13px 22px;font-size:16px;font-weight:800;min-height:48px;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #826137}.battle-button{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:9px}.secondary{background:#293d31;border:1px solid #809166;border-radius:10px;padding:11px 16px;font-size:14px;color:#e7e4c9;min-height:44px}.merchant{padding:15px 16px}.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.offer{position:relative;min-width:0;background:linear-gradient(155deg,#3a4b36,#273b2b);border:1px solid #6b7950;border-radius:10px;padding:9px 6px;text-align:center;min-height:127px}.offer .item-art{width:58px;height:58px;margin:0 auto 3px}.offer-title{font-size:12px;font-weight:600;white-space:nowrap}.offer-price{font-size:13px;font-weight:700;color:#f1cb81;margin-top:4px}.offer:disabled{opacity:1}.offer.sold{display:grid;place-items:center;color:#8f9e82;font-size:12px;background:#1c2f24;min-height:127px}.offer:hover:not(:disabled){border-color:#eccb84;background:#40513a}.coin{color:#ecc36d;font-weight:800}.coin-count{padding:5px 10px;border:1px solid #b59b5d6b;border-radius:20px;background:#443e24;font-size:14px;white-space:nowrap}.merchant-caption{font-size:12px;color:#a8b29a;margin-top:9px;line-height:1.7}.footer{display:flex;justify-content:space-between;margin-top:17px;color:#93a18e;font-size:11px;gap:10px}.footer button{color:#b7baa0;background:none;font-size:11px;padding:4px}.battle-controls{display:flex;gap:8px;margin-top:12px}.battle-controls button{flex:1}.battle-log{padding:12px 16px;min-height:58px;font-size:13px;line-height:1.7;color:#d7e8c1;border-color:#a4be6c80}.battle-log .log-label{font-size:10px;color:#a8b689;letter-spacing:1px;margin-bottom:3px}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#071812c9;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(460px,100%);max-height:90dvh;overflow:auto;border:1px solid #b7995f;border-radius:22px;padding:26px;background:radial-gradient(ellipse at top,#40553b,#1b3026 80%);box-shadow:0 24px 90px #0008;text-align:center}.modal h2{font-family:'Noto Serif KR',serif;font-size:27px;color:#ffe1a3;margin:10px 0}.modal p{font-size:14px;line-height:1.9;color:#d5dec7;margin-bottom:17px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-art{height:118px;width:140px;margin:auto}.result-summary{display:flex;gap:9px;margin:15px 0 20px}.result-summary div{flex:1;border:1px solid #79865a;border-radius:9px;padding:10px 5px;font-size:11px;color:#bcc8aa}.result-summary strong{display:block;font-size:21px;color:#f4d192;margin-bottom:4px}.help-list{text-align:left;display:flex;flex-direction:column;gap:12px;margin:20px 0}.help-step{font-size:14px;line-height:1.7;color:#d9e0c6}.help-step b{color:#f3d9a1}.help-note{font-size:12px!important}.modal-close{float:right;background:none;padding:3px;font-size:20px}.progress-bar{height:4px;background:#101d17;margin-top:10px;border-radius:3px;overflow:hidden}.progress-bar i{height:100%;display:block;background:#b2cc8c}.drag-ghost{position:fixed;width:72px;height:72px;pointer-events:none;z-index:100;background:#746044;border:2px solid #f1d499;border-radius:9px;box-shadow:0 10px 20px #0006;transform:translate(-50%,-50%) rotate(-5deg)}.drag-ghost .item-art{width:100%;height:100%}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);max-width:90vw;z-index:70;color:#26321c;background:#f5daa5;border:1px solid #f8e4bd;border-radius:10px;padding:11px 17px;font-size:13px;box-shadow:0 7px 30px #0004;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.reward-callout{border:1px solid #adbb72;background:#3b5031;padding:12px;border-radius:10px;font-size:13px;color:#dcefc1;margin-top:10px;line-height:1.6}.coach{border:1px solid #d8b56a;background:#493f26;color:#f5d9a1;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.7;display:flex;gap:10px;align-items:center}.coach button{background:none;font-size:20px;color:#d2b77e}.mobile-combat-label{display:none}.empty-art{background-image:none}.selected-caption{color:#ffe3a5}.link-burst{animation:link-burst .55s}.coin-flash{animation:link-burst .5s}.intro-sub{font-size:12px!important;letter-spacing:2px;color:var(--gold)!important}.hero-bubble{position:absolute;left:10%;top:50px;z-index:3;font-size:12px;background:#efe4c5;color:#38462d;padding:8px 12px;border-radius:12px 12px 12px 0;box-shadow:0 4px 12px #0003;max-width:200px}.waiting-art{width:80%;height:80%;margin:auto;display:grid;place-items:center;color:#edcf8f;font-size:20px;font-family:serif}.warning{color:#f5b398}.preview-status{font-size:12px;color:var(--dim)}
@keyframes breathe{50%{transform:translateY(-3px) rotate(.4deg)}}@keyframes hero-strike{40%{transform:translate(22px,-5px) rotate(8deg)}70%{transform:translate(8px,0)}}@keyframes enemy-strike{40%{transform:translate(-20px,-4px) rotate(-8deg)}}@keyframes enemy-hurt{35%{transform:translateX(9px) rotate(5deg);filter:brightness(1.7) drop-shadow(0 12px 8px #0007)}}@keyframes hero-hurt{35%{transform:translateX(-7px);filter:brightness(1.4)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}20%{opacity:1;transform:translate(-50%,-5px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50px)}}@keyframes link-burst{50%{box-shadow:0 0 22px #d4ed94aa;filter:brightness(1.3)}}
@media(min-width:1100px){.pack-frame{max-width:366px;margin:auto}.pack-panel{padding:19px 22px}.scene{height:320px}.actor{height:186px}.app-shell{padding-top:24px}.left-column{gap:15px}.merchant{padding:17px 18px}.shop .offer{min-height:133px}.layout{gap:26px}.pack-tip{margin-top:12px}}
@media(max-width:850px){.app-shell{padding:14px 18px 22px}.layout{gap:16px;grid-template-columns:1fr 1fr}.brand h1{font-size:18px}.scene{height:274px}.actor{height:140px}.scene-top{inset:12px}.scene-weather{display:none}.threat{padding:12px}.threat-copy{font-size:12px}.pack-panel{padding:14px}.pack-frame{padding:8px}.pack-item .item-short{font-size:9px}.panel-pad{padding:13px}.offer-title{font-size:11px}.offer .item-art{width:45px;height:45px}.shop{gap:6px}.offer{min-height:115px}.section-title{font-size:16px}.route{margin-bottom:14px}}
@media(max-width:650px){.app-shell{padding:12px 12px 18px;max-width:460px}.topbar{margin-bottom:13px}.brand-mark{width:33px;height:36px;font-size:20px;border-radius:8px}.brand{gap:8px}.brand h1{font-size:17px}.eyebrow{font-size:9px;letter-spacing:1.6px}.icon-btn{width:34px;height:36px;font-size:12px}.top-actions{gap:4px}.route{margin-bottom:12px}.route-step{font-size:10px;gap:4px}.route-step:not(:last-child):after{margin:0 5px}.route-dot{width:22px;height:22px;flex-basis:22px;font-size:10px}.layout{display:flex;flex-direction:column;gap:12px}.left-column{display:contents}.scene{width:100%;height:210px;order:0;border-radius:13px}.actors{inset:38px 20px 17px}.actor{height:116px;width:130px}.scene-top{inset:10px 12px}.scene-label{font-size:10px;padding:5px 8px}.actor-name{font-size:12px}.health-track{margin:4px 10px 1px;height:6px}.hp-caption{font-size:10px}.versus{margin-bottom:54px;font-size:18px}.battle-ribbon{font-size:10px;bottom:6px}.hero-bubble{top:39px;font-size:10px;padding:6px 8px}.threat{order:1;width:100%;padding:10px 12px;gap:9px}.threat-symbol{width:30px;height:32px}.threat-title{font-size:12px;margin-bottom:2px}.threat-copy{font-size:11px;line-height:1.6}.pack-panel{order:2;width:100%;padding:14px 16px}.pack-frame{max-width:316px;margin:auto;padding:8px}.pack-head{margin-bottom:10px}.pack-head h2{font-size:19px}.pack-item .item-art{width:83%;height:83%}.pack-item .item-short{font-size:10px}.item-info{min-height:76px}.pack-tip{font-size:11px;margin-top:8px}.pack-capacity{font-size:11px}.stats-panel{order:3;width:100%}.merchant{order:4;width:100%}.battle-log{order:1;width:100%;font-size:12px}.coach{order:1;font-size:12px;width:100%}.camp-stats .stat{padding:7px}.stat strong{font-size:18px}.links-list{gap:5px;margin-top:10px}.link-line{font-size:11px}.section-row{margin-bottom:10px}.shop .offer{min-height:120px}.offer .item-art{width:53px;height:53px}.offer-title{font-size:12px}.footer{font-size:10px;flex-wrap:wrap}.footer button{font-size:11px}.modal{padding:22px}.modal h2{font-size:24px}.battle-mode .scene{height:285px}.battle-mode .actor{height:173px;width:173px}.battle-mode .actors{inset:48px 8px 23px}.battle-mode .pack-panel{opacity:.85}.battle-mode .hero-bubble{display:none}.battle-mode .battle-ribbon{bottom:11px}.battle-mode .threat{display:none}.battle-mode .scene{position:sticky;top:6px;z-index:10}.battle-mode .battle-log{position:sticky;top:298px;z-index:9}.battle-mode .versus{margin-bottom:75px}}
.scene-top{align-items:flex-start;bottom:auto}.actor{aspect-ratio:1;width:auto}.pack-item .item-art,.pack-item.tall .item-art{width:84%;height:auto;aspect-ratio:1;max-height:90%;max-width:78px}.modal-art>.item-art{height:100%;width:118px;margin:auto}.offer.selected-offer{border-color:#f0cf8a;box-shadow:inset 0 0 0 1px #f0cf8a}.buy-button{width:100%;margin-top:9px}.shop-detail{padding-top:3px}.mobile-shop-link{background:transparent;border:1px solid #b8a06b80;border-radius:7px;padding:5px 9px;color:#efd097;font-size:12px;margin-left:8px}.stash:has(.stash-empty){min-height:30px}.item-info{min-height:73px}.scene-top{inset:16px 18px auto}.actor{max-width:none}.shop .item-art{aspect-ratio:1}.pack-item.cargo .item-short{font-size:9px}
@media(min-width:851px){.scene{height:270px}.actor{height:161px}.panel-pad{padding-top:13px;padding-bottom:13px}.links-list{margin-top:9px;gap:5px}.camp-stats .stat{padding:7px}.merchant{padding:13px 16px}.offer,.shop .offer{min-height:112px}.offer .item-art{width:49px;height:49px}.coach{font-size:12px;padding:8px 12px}.item-info{min-height:67px}}
@media(max-width:650px){.scene-top{inset:8px 10px auto}.scene{height:144px}.actors{inset:22px 20px 9px}.actor{width:80px;height:80px}.actor-name{font-size:11px}.hero-bubble{display:none}.hp-caption{font-size:9px}.battle-ribbon{display:none}.versus{font-size:17px;margin-bottom:36px}.scene-label{font-size:9px}.coach{display:none}.pack-panel{padding:12px 14px}.pack-frame{max-width:282px;padding:7px}.pack-head{margin-bottom:9px}.pack-tip{min-height:18px}.item-info{min-height:60px;padding-top:9px}.info-copy{font-size:11px}.info-title{font-size:12px}.stash{min-height:42px;padding-top:3px}.stash-item{width:42px;height:42px;min-width:42px}.stash:has(.stash-empty){min-height:20px}.stash-empty{font-size:10px}.cargo-bar{margin-top:7px;padding-top:8px;gap:8px}.cargo-bar .item-art{width:31px;height:31px}.cargo-text{font-size:10px}.text-button{font-size:11px;padding:6px 1px}.battle-button{margin-top:10px;min-height:45px;padding:10px 16px;font-size:14px}.threat{padding:8px 10px}.threat-title{font-size:11px}.threat-copy{font-size:11px}.pack-item .item-short{font-size:9px}.pack-item.cargo .item-short{font-size:8px}.pack-head h2{font-size:18px}.mobile-shop-link{font-size:11px;padding:5px 7px}.battle-mode .scene{height:250px}.battle-mode .actor{width:145px;height:145px}.battle-mode .battle-log{top:263px}.battle-mode .battle-ribbon{display:block}.battle-mode .scene-top{inset:10px 12px auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.float-number{opacity:1;transform:translate(-50%,-15px)}}

@media(min-width:651px){.actor{width:161px;height:161px}.modal-art{width:118px}}

.pack-item.tall .item-art{transform:scale(1.12)}.item-short{font-size:12px}.pack-item.cargo .item-short{font-size:11px}.info-copy,.pack-tip,.cargo-text,.stash-empty{font-size:12px}.scene.sword-strike .enemy-wrap:after{content:"";position:absolute;left:22%;top:30%;width:60%;height:3px;z-index:5;background:#ffe5a1;box-shadow:0 0 12px #ffd780;transform:rotate(-35deg);animation:strike-light .3s both;pointer-events:none}@keyframes strike-light{0%{opacity:0;scale:.1 1}40%{opacity:1;scale:1 1}100%{opacity:0;scale:1.25 1}}
@media(max-width:650px){.pack-item .item-short{font-size:11px}.pack-item.cargo .item-short{font-size:10px}.info-copy,.pack-tip,.cargo-text{font-size:12px}.stash-empty{font-size:11px}.threat-title,.threat-copy{font-size:12px}.info-title{font-size:13px}.item-info{min-height:65px}}
@media(prefers-reduced-motion:reduce){.scene.sword-strike .enemy-wrap:after{display:none}}

.offer-title{white-space:normal;overflow-wrap:anywhere;min-height:2.6em;line-height:1.3}.brand h1{font-kerning:normal}.offer{display:flex;flex-direction:column;align-items:center;justify-content:center}.offer-title{width:100%}

/* Placement is the main decision: keep feedback beside the backpack. */
.pack-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#e5d5b5;margin-bottom:10px}.pack-tools b{color:#ffe4a3}.undo-button{font-size:11px;min-height:36px;padding:6px 10px}.undo-button:disabled{opacity:.4}.cell.valid{background:radial-gradient(ellipse,#605535,#4c412a);border-color:#aaa26d}.cell.preview-cell{background:#608047;border:2px solid #e6ef9d;box-shadow:inset 0 0 16px #cedb8740}.cell.invalid{background:#734133;border:2px solid #edab89}.placement-preview{font-size:12px;color:#f4dfa9;line-height:1.5;min-height:0;margin-top:8px}.placement-preview:empty{display:none}.pack-panel .battle-button{margin-bottom:12px}.pack-tip{line-height:1.5}.item-info{border-top:1px solid #ae8d514b;padding-top:12px}.battle-controls [data-action="speed"]{flex:0 0 auto;min-width:110px}.link-overlay line{stroke-dasharray:none;stroke-width:2;stroke:#d0ee99}.pack-item.linked .item-link{background:#264127;border:1px solid #9cb968;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;top:4px;right:4px}
@media(max-width:650px){.pack-tools{font-size:10px;gap:4px}.undo-button{padding:6px;font-size:10px}.pack-frame{max-width:264px}.pack-tools .secondary{min-height:34px}.pack-tip{font-size:12px}.placement-preview{font-size:11px}.scene{height:128px}.actors{inset:18px 20px 7px}.actor{height:70px;width:70px}.battle-mode .scene{height:250px}.battle-mode .actor{height:145px;width:145px}.battle-mode .actors{inset:48px 8px 23px}}