/* Kraków Pocket · final Storybook RPG theme v7.0
   One visual source of truth above game.css.
   Safari-only geometry remains in compat.css. */
:root{
  --sb-ink:#3b2418;--sb-muted:#745b42;--sb-wood:#5b351f;--sb-wood2:#351f13;
  --sb-wood-hi:#9a6537;--sb-paper:#f2d99d;--sb-paper-hi:#fff3c9;--sb-paper-low:#d9b66d;
  --sb-green:#54782f;--sb-green-hi:#789a4d;--sb-red:#96362e;--sb-gold:#d7aa48;
  --sb-shadow:rgba(49,29,16,.28);--sb-safe-bottom:calc(var(--kp-nav-h,96px) + 22px + env(safe-area-inset-bottom));
}
html.kp-game,html.kp-game body{background:#a8733d!important;color:var(--sb-ink)}
html.kp-game body{background:radial-gradient(circle at 18% 5%,rgba(255,238,184,.26),transparent 25%),linear-gradient(180deg,#c89b59 0,#9d6939 72%,#794b2d 100%)!important}
html.kp-game .app{width:min(100%,500px)!important;min-height:100dvh;border-inline:5px solid #754625;background:linear-gradient(90deg,#be8d4b 0 7px,#efd69a 7px calc(100% - 7px),#be8d4b calc(100% - 7px))!important;box-shadow:0 0 32px rgba(44,24,13,.28)}
html.kp-game .content{padding:9px 9px var(--sb-safe-bottom)!important}
html.kp-game .hero{display:none!important}

/* Shared tactile language */
html.kp-game .card,html.kp-game .smart-card{border:3px solid #7c4c2d!important;border-radius:17px!important;background:radial-gradient(circle at 24% 0,rgba(255,255,255,.42),transparent 30%),linear-gradient(#fff1c4,#e7c77f)!important;box-shadow:inset 0 0 0 1px rgba(255,249,217,.7),0 5px 0 #4c2c1d,0 10px 20px rgba(62,37,20,.12)!important}
html.kp-game .card{margin-bottom:13px!important;padding:13px!important}
html.kp-game .smart-card{padding:14px!important}
html.kp-game h1,html.kp-game h2,html.kp-game h3{font-family:Georgia,"Times New Roman",serif;color:#432719;letter-spacing:-.02em}
html.kp-game h2{font-size:21px;line-height:1.05;margin:3px 0 8px}
html.kp-game h3{font-size:17px;line-height:1.08}
html.kp-game .small{color:var(--sb-muted)!important}
html.kp-game .smart-kicker{color:#9a6d26!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.16em!important;text-transform:uppercase}
html.kp-game .btn,html.kp-game .quick{border:2px solid #68402a!important;border-radius:11px!important;background:linear-gradient(#f8e6ba,#daba78)!important;color:#40281b!important;box-shadow:inset 0 1px rgba(255,255,255,.55),0 4px 0 #45291c!important;font-weight:900!important}
html.kp-game .btn:not(.secondary):not(.ghost){background:linear-gradient(#759c58,#50783c)!important;border-color:#3e5e31!important;color:#fff8d7!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 4px 0 #304923!important}
html.kp-game .btn:active,html.kp-game .quick:active{transform:translateY(2px)!important;box-shadow:0 2px 0 #45291c!important}
html.kp-game input,html.kp-game select,html.kp-game textarea{border:2px solid #a87643!important;border-radius:10px!important;background:#fff8df!important;color:#3a2519!important;box-shadow:inset 0 2px 5px rgba(90,54,28,.06)}
html.kp-game .pill{border:1px solid rgba(87,52,29,.26);font-weight:850}
html.kp-game .pill.green{background:#dce9bd;color:#47612f}.kp-game .pill.gold{background:#f3dda0;color:#76531f}

/* HUD – illustrated game header */
#kpGameHud{margin:0 6px 14px!important;border:5px solid var(--sb-wood)!important;border-radius:26px!important;background:radial-gradient(circle at 48% -22%,rgba(255,255,255,.9),transparent 48%),linear-gradient(#f7e7b7,#e7c77c 76%,#d5aa5e)!important;box-shadow:inset 0 0 0 2px rgba(255,247,207,.72),inset 0 -7px 0 rgba(126,77,34,.12),0 6px 0 var(--sb-wood2),0 13px 26px var(--sb-shadow)!important;overflow:hidden}
#kpGameHud:before{inset:6px!important;border:2px solid rgba(120,73,31,.2)!important;border-radius:17px!important}
#kpGameHud:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 6% 5%,rgba(79,111,48,.2),transparent 10%),radial-gradient(ellipse at 95% 5%,rgba(79,111,48,.18),transparent 10%)}
.kp-game-brand{grid-template-columns:72px minmax(0,1fr) 45px!important;gap:9px!important;padding:11px 11px 7px!important}
.kp-game-portrait{width:70px!important;height:70px!important;border:4px solid #6e4327!important;background:radial-gradient(circle at 48% 28%,#fff4c8,#d5b46d)!important;box-shadow:inset 0 0 0 2px #fff0bd,0 4px 0 #3b2418,0 0 0 2px rgba(255,232,164,.4)!important}
.kp-game-logo{text-align:center;overflow:visible!important}
.kp-game-logo strong{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(29px,9vw,42px)!important;line-height:.92!important;color:#6b261f!important;letter-spacing:-.055em!important;text-shadow:0 2px 0 #f9dfa0,0 3px 0 rgba(70,37,19,.18)!important;overflow:visible!important}
.kp-game-logo span{position:relative;margin-top:7px!important;padding:4px 16px 4px!important;border:2px solid #6d301f!important;border-radius:3px!important;background:linear-gradient(#b84b45,#8e302f)!important;color:#ffe7a1!important;box-shadow:0 3px 0 #4a281b!important;font-size:9px!important;letter-spacing:.19em!important;overflow:visible!important}
.kp-game-logo span:before,.kp-game-logo span:after{content:"";position:absolute;top:4px;width:12px;height:12px;background:#8d302f;border:2px solid #672a1e;z-index:-1}.kp-game-logo span:before{left:-9px;transform:rotate(45deg)}.kp-game-logo span:after{right:-9px;transform:rotate(45deg)}
.kp-game-settings{width:44px!important;height:44px!important;border:3px solid #613920!important;border-radius:9px!important;background:linear-gradient(#aa6c38,#754225)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 0 #3d2518!important}
.kp-game-resources{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:2px 10px 11px!important}
.kp-game-resource{padding:7px 4px!important;border:2px solid #8d6238!important;border-radius:10px!important;background:linear-gradient(#fff5d2,#e8cc8b)!important;box-shadow:inset 0 1px #fff,0 3px 0 rgba(78,45,26,.18)!important}
.kp-game-resource b{font-family:Georgia,serif!important;font-size:15px!important;color:#3e281b!important}.kp-game-resource span{font-size:7.5px!important;color:#715439!important;font-weight:800}

/* Mission / objective parchment */
#kpGameObjective{margin:0 10px 14px!important;padding:12px!important;border:4px solid var(--sb-wood)!important;border-radius:16px!important;background:radial-gradient(circle at 22% 0,rgba(255,255,255,.52),transparent 28%),linear-gradient(105deg,#fff2c5,#e7c678)!important;box-shadow:inset 0 0 0 1px rgba(255,250,217,.75),0 5px 0 #3d2619,0 11px 20px rgba(58,34,18,.13)!important}
.kp-objective-icon{width:50px!important;height:50px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:32px!important}
.kp-objective-copy b{font-family:Georgia,serif!important;font-size:18px!important;line-height:1.08!important}.kp-objective-copy span{font-size:11px!important;color:#70563e!important}
.kp-objective-count{min-width:59px!important;padding:8px 7px!important;border:2px solid #9a7040!important;border-radius:9px!important;background:linear-gradient(#f9e6aa,#dfbd71)!important;box-shadow:0 2px 0 rgba(75,45,24,.2);font-weight:900}

/* Update strip */
html.kp-game .update-banner{margin:0 10px 14px!important;padding:7px 8px 7px 12px!important;border:2px solid #93663a!important;border-radius:10px!important;background:linear-gradient(#f6e1a5,#dfbc6d)!important;box-shadow:inset 0 1px rgba(255,255,255,.45),0 3px 0 #674327!important;color:#654426!important}
html.kp-game .update-banner:before{content:"📣";font-size:19px;margin-right:4px}
html.kp-game .update-banner button{min-height:38px!important;border:2px solid #3f5a30!important;background:linear-gradient(#6d954e,#456b35)!important;color:#fff1c9!important;box-shadow:0 3px 0 #2d4524!important}

/* Home village – illustrated board */
#kpGameHub{margin:3px 0 15px!important}.kp-hub-frame{border:6px solid var(--sb-wood)!important;border-radius:22px!important;background:#4c2d1b!important;box-shadow:inset 0 0 0 2px #9a6938,0 7px 0 #302016,0 14px 25px rgba(50,28,15,.22)!important}
.kp-hub-world{height:430px!important;background:#94bd69 url('./assets/village.svg') center/cover no-repeat!important;box-shadow:inset 0 0 52px rgba(60,39,22,.18)!important}
.kp-hub-world:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,246,195,.12),transparent 28%,rgba(55,77,37,.08))!important;opacity:1!important;pointer-events:none}
.kp-hub-river,.kp-hub-path{opacity:.04!important}
.kp-hub-place{z-index:7!important;filter:drop-shadow(0 3px 1px rgba(55,33,20,.16));transition:transform .15s ease}.kp-hub-place:active{transform:translateY(2px) scale(.97)}
.kp-hub-place .building{width:72px!important;height:68px!important}.kp-hub-place small{min-width:70px;padding:4px 7px!important;border:2px solid #664029!important;border-radius:7px!important;background:linear-gradient(#fff2c5,#e5c681)!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 3px 0 #452b1d!important;font-family:Georgia,serif;font-size:9px!important;line-height:1.04!important;color:#3d291d!important}
.kp-hub-place .alert{width:29px!important;height:29px!important;background:linear-gradient(#c84c43,#9c2f2d)!important;border:3px solid #fff0bd!important;box-shadow:0 2px 0 #62251f!important}
.kp-hub-couple{z-index:12!important;filter:drop-shadow(0 7px 2px rgba(42,30,19,.25))}.kp-couple-art{transform-origin:50% 100%}.kp-couple-art svg{animation:sbBreathe 3.2s ease-in-out infinite}.kp-couple-art:last-child svg{animation-delay:-1.6s}
.kp-hub-dialog{border-top:5px solid var(--sb-wood)!important;background:linear-gradient(#fff0be,#e5c276)!important;box-shadow:inset 0 2px rgba(255,255,255,.42)}.kp-hub-speaker{color:#946225!important;font-weight:1000}.kp-hub-message{font-family:Georgia,serif!important;color:#3b271b!important}
@keyframes sbBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* Quest board – closest to the supplied reference */
#kpQuestWorld{margin:4px 0 16px!important}.kp-world-frame{border:6px solid var(--sb-wood)!important;border-radius:22px!important;background:#412819!important;box-shadow:inset 0 0 0 2px #98683a,0 7px 0 #2c1b12,0 15px 28px rgba(48,27,15,.24)!important}
.kp-world-top{padding:12px 13px!important;border-bottom:5px solid #362116!important;background:linear-gradient(#6f4b2d,#4d301d)!important;text-align:center}
.kp-world-kicker{display:none!important}.kp-world-title{position:relative;display:inline-block;margin:0!important;padding:7px 20px!important;border:2px solid #2f491f;border-radius:5px;background:linear-gradient(#688a3e,#45672d);font-family:Georgia,serif!important;font-size:23px!important;letter-spacing:.01em!important;color:#fff1bd!important;text-shadow:0 2px 0 #2d3e22!important;box-shadow:0 3px 0 #2c1c13!important}
.kp-world-score{border:2px solid rgba(243,220,157,.4)!important;background:rgba(30,19,12,.28)!important;color:#ffe6a4!important}
.kp-world-map{height:820px!important;background:#94bd68 url('./assets/world-map.svg') center/100% 100% no-repeat!important;box-shadow:inset 0 0 55px rgba(47,37,22,.18)!important}.kp-world-art{opacity:.025!important;mix-blend-mode:multiply}.kp-world-map:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 60%,rgba(46,55,31,.15) 100%)}
.kp-world-node{z-index:7!important;width:102px!important}.kp-world-node .kp-landmark-art{width:82px!important;height:82px!important;filter:drop-shadow(0 5px 1px rgba(50,31,18,.24))}.kp-world-node small{width:98px!important;max-width:98px!important;min-height:31px!important;padding:5px 6px!important;border:2px solid #614029!important;border-radius:7px!important;background:linear-gradient(#fff3c8,#e5c681)!important;box-shadow:inset 0 1px rgba(255,255,255,.55),0 3px 0 #43291b!important;font-family:Georgia,serif!important;font-size:9px!important;font-weight:900!important;color:#38251a!important}.kp-node-badge{background:linear-gradient(#c34d43,#982f2c)!important;border:3px solid #fff0bd!important;color:#fff!important;box-shadow:0 2px 0 #62261f!important}.kp-world-node.done .kp-node-badge{background:linear-gradient(#789d55,#4e783c)!important}.kp-world-node.kp-next-mission .kp-node-icon:before{content:"";position:absolute;inset:-8px;border:4px solid #ffe08a;border-radius:50%;box-shadow:0 0 0 3px rgba(85,49,26,.33),0 0 22px rgba(255,222,119,.72);animation:sbQuestPulse 1.8s ease-in-out infinite}@keyframes sbQuestPulse{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}}

/* Generated route / progress cards */
.kp-route-progress,.kp-mini-track{height:8px;background:#d6bd8d;border:1px solid rgba(101,62,32,.18);border-radius:999px;overflow:hidden}.kp-route-progress{margin:10px 0 12px}.kp-route-progress i,.kp-mini-track i{display:block;height:100%;background:linear-gradient(90deg,#6c8f45,#d5a43f);border-radius:inherit}
.kp-route-steps{display:grid;gap:7px}.kp-route-step{width:100%;min-height:58px;padding:8px 10px;display:grid;grid-template-columns:39px 1fr;gap:9px;align-items:center;text-align:left;border:2px solid #9c7041;border-radius:11px;background:linear-gradient(#fff0c5,#e8cf91);color:var(--sb-ink);box-shadow:0 2px 0 #694327}.kp-route-step.done{background:linear-gradient(#e6edc9,#cbd9a9);border-color:#70864e}.kp-step-dot{width:36px;height:36px;border:2px solid #996c3e;border-radius:50%;display:grid;place-items:center;background:#f2d99c;font-size:18px}.kp-route-step b{display:block;font-family:Georgia,serif;font-size:13px}.kp-route-step small{display:block;margin-top:2px;color:#765c43;font-size:10px}.kp-route-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.kp-district-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.kp-district{padding:9px;border:2px solid #9d7143;border-radius:11px;background:linear-gradient(#fff1c6,#e7cb8a)}.kp-percent{font-family:Georgia,serif;font-size:17px;color:#7a3028}.kp-mini-track{margin:7px 0 4px}.kp-district small{font-size:9.5px;color:#725941}.kp-recap-mark{width:45px;height:45px;border:2px solid #9c713d;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f8e4a6,#d8b660);color:#73511f;font-size:21px;box-shadow:0 2px 0 #6d4729}.kp-unit{margin-left:.04em}
.kp-offline{position:fixed;z-index:6000;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%,-150%);opacity:0;pointer-events:none;padding:8px 13px;border:2px solid #cfb784;border-radius:999px;background:#342218;color:#fff4d0;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:.2s ease;font-size:11px}.kp-offline.show{transform:translate(-50%,0);opacity:1}

/* Bottom inventory dock */
html.kp-game .bottom{left:50%!important;right:auto!important;bottom:0!important;width:min(calc(100% - 12px),488px)!important;transform:translateX(-50%)!important;padding:8px 7px max(7px,env(safe-area-inset-bottom))!important;border:4px solid var(--sb-wood)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;background:linear-gradient(#f3d89a,#d4aa61)!important;box-shadow:inset 0 0 0 1px #fff0bd,0 -4px 0 #3a2418,0 -10px 22px rgba(51,28,15,.22)!important}
html.kp-game .tabs{gap:2px!important}.kp-game .tab{min-height:79px!important;padding:6px 2px!important;border:2px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#52351f!important;font-family:Georgia,serif!important;font-size:11px!important;font-weight:900!important}.kp-game .tab b{height:40px!important;margin-bottom:2px!important;display:grid!important;place-items:center!important}.kp-game .tab.active{border-color:#7b4a2a!important;background:linear-gradient(#fff0b9,#e9bf67)!important;color:#8a2e28!important;box-shadow:inset 0 1px #fff4d2,0 4px 0 #4a2c1b!important}.kp-game .tab.active:after{content:"";display:block;width:26px;height:3px;margin:3px auto 0;border-radius:999px;background:#a33132}.kp-nav-art svg{width:38px!important;height:38px!important;filter:drop-shadow(0 3px 1px rgba(61,36,20,.18))}

/* Maps / dialogs / forms */
html.kp-game #map{border:3px solid #70452b!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #f2dfa9,0 3px 0 #4b2e1e!important}.kp-game .chip{border:2px solid #977044!important;background:#f3dda8!important}.kp-game .chip.active{background:#587c3d!important;border-color:#3e5e2f!important;color:#fff5d2!important}
html.kp-game .sheet,html.kp-game .story-dialog .dialog-body{border:4px solid var(--sb-wood)!important;background:linear-gradient(#f9e7b6,#e4c379)!important;box-shadow:0 12px 40px rgba(39,23,14,.36)!important}.kp-game .sheet-head{background:linear-gradient(#6e482b,#4e301f)!important;color:#fff0c8!important}.kp-game .privacy-note{border:2px solid #a67a47!important;background:#f2dfa9!important;color:#60472e!important}

/* Assets and gentle motion */
.kp-asset-svg,.kp-character-asset,.kp-landmark-svg,.kp-npc-asset{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.kp-character-asset{filter:drop-shadow(0 4px 1px rgba(50,31,19,.23))}.kp-landmark-svg{filter:drop-shadow(0 5px 1px rgba(48,30,18,.24))}.kp-npc-asset{width:52px;height:52px;margin:auto}.kp-nav-art .kp-asset-svg{width:38px;height:38px;margin:auto}.kp-hub-place .building .kp-asset-svg{width:70px;height:66px;margin:auto}.kp-vfx-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.kp-vfx-sun{position:absolute;right:8%;top:7%;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b4,#ffd660 45%,#eaa23e 75%);opacity:.28;box-shadow:0 0 25px rgba(255,211,86,.35)}.kp-vfx-cloud{position:absolute;width:72px;height:18px;border-radius:999px;background:rgba(255,250,225,.38)}.kp-vfx-cloud.c1{left:8%;top:11%}.kp-vfx-cloud.c2{right:15%;top:18%;transform:scale(.72)}.kp-pollen,.kp-leaf-fall,.kp-vfx-bird{opacity:.35}

@media(max-width:480px){
  .kp-game-brand{grid-template-columns:64px minmax(0,1fr) 41px!important}.kp-game-portrait{width:62px!important;height:62px!important}.kp-game-logo strong{font-size:clamp(27px,9vw,36px)!important}.kp-game-logo span{font-size:8px!important;padding-inline:12px!important}
  .kp-hub-world{height:390px!important}.kp-world-map{height:760px!important}.kp-world-node{width:96px!important}.kp-world-node .kp-landmark-art{width:75px!important;height:75px!important}.kp-world-node small{width:92px!important;max-width:92px!important;font-size:8.6px!important}
  html.kp-game .bottom{width:calc(100% - 8px)!important}.kp-game .tab{min-height:72px!important;font-size:10px!important}.kp-nav-art svg{width:34px!important;height:34px!important}.kp-district-grid{gap:7px}
}
@media(max-width:380px){.kp-game-brand{grid-template-columns:56px minmax(0,1fr) 38px!important;gap:6px!important}.kp-game-portrait{width:54px!important;height:54px!important}.kp-game-logo strong{font-size:25px!important}.kp-hub-world{height:360px!important}.kp-world-map{height:720px!important}.kp-world-node .kp-landmark-art{width:69px!important;height:69px!important}.kp-world-node small{width:88px!important;max-width:88px!important;font-size:8.2px!important}.kp-game .tab{min-height:68px!important}.kp-route-actions,.kp-district-grid{grid-template-columns:1fr 1fr}}
@media(max-width:340px){.kp-game-resources{gap:4px!important}.kp-game-resource span{font-size:6.8px!important}.kp-world-map{height:690px!important}.kp-game .tab{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){html.kp-game *{animation:none!important;transition:none!important}}