:root{--bg:#0d0b09;--panel:#1a1510;--line:#594126;--gold:#efc384;--muted:#bdb0a0;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f9f2e7}button,select,textarea{font:inherit}a{color:inherit}.nav{max-width:1200px;margin:auto;padding:22px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.logo{font-size:26px;font-weight:900;text-decoration:none;letter-spacing:.3px}.logo span{color:var(--gold)}.logo small{display:block;font-size:9px;letter-spacing:1.4px;color:#d6b887}.pill{font-size:11px;border:1px solid #725637;padding:9px 13px;border-radius:30px;color:var(--gold)}main{max-width:1200px;margin:auto;padding:0 22px 60px}.hero{min-height:330px;background:linear-gradient(90deg,#100d0bed 10%,#100d0b99 75%,#100d0b33),url('ambiente.png') center 45%/cover;border-radius:22px;border:1px solid var(--line);display:flex;align-items:center}.heroInside{padding:38px;max-width:760px}.eyebrow{color:#eabd7e;font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(36px,6vw,66px);line-height:1.09;margin:12px 0}.hero em{color:var(--gold);font-weight:500}.hero p{color:#f1e2ce;max-width:610px;line-height:1.6}.notice{border:1px solid #826542;color:#dcbf95;padding:12px 14px;border-radius:11px;font-size:12px;display:inline-block;margin-top:10px}.panel{border-radius:20px;border:1px solid var(--line);padding:27px;background:linear-gradient(150deg,#231a12,#13110e);margin:24px 0}.panel h2{font-size:29px;margin:12px 0}.muted{color:var(--muted);line-height:1.6}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:23px 0}.fields label{color:#e3ceaf;font-size:13px;font-weight:700}select,textarea{display:block;width:100%;background:#100e0d;color:white;border:1px solid #665036;border-radius:11px;padding:14px;margin-top:8px}select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn{padding:13px 19px;font-weight:800;border-radius:11px;border:1px solid #9c784c;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(95deg,#c99954,#f2d19d);color:#25150b}.btn.outline{background:#1e1710;color:#ead2aa}.btn:hover:not(:disabled){filter:brightness(1.09)}.statebar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 8px}.statebar h2{margin:8px 0 0}.statebar>span{color:var(--gold);font-size:18px}.track{background:#2d261f;height:7px;overflow:hidden;border-radius:10px;margin-bottom:17px}.track i{display:block;background:linear-gradient(90deg,#bd8546,#f8cf90);height:100%;width:0%;transition:width .3s}.content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:18px}.discovery{border:1px solid #674b2d;border-radius:18px;overflow:hidden;background:#1b1510}.photo{height:280px;background:linear-gradient(0deg,#120e0cf7,#120e0c12 75%),url('ambiente.png') center/cover;display:flex;justify-content:space-between;flex-direction:column;align-items:start;padding:22px}.photoTag{background:#24190fe8;color:#eec185;border:1px solid #80603b;border-radius:5px;padding:9px;font-size:10px;letter-spacing:1.3px;font-weight:800}.photo>span:last-child{font-size:clamp(26px,3.5vw,42px);line-height:1.07;font-weight:800;text-shadow:0 2px 14px #000}.words{padding:25px}.words h2{font-size:clamp(27px,4vw,39px);margin:12px 0}.words .lead{font-size:20px;line-height:1.5;color:#efd4ab}.words h3{font-size:13px;color:#efc587;text-transform:uppercase;letter-spacing:1.2px;margin:26px 0 8px}.words p{line-height:1.75;color:#dfd3c4}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar>div{background:#1b1510;border:1px solid #60492f;border-radius:15px;padding:19px}.host{display:flex;align-items:center;gap:15px}.host img{width:78px;height:78px;object-fit:cover;border-radius:13px}.host b{color:var(--gold)}.host p,.promptBox p{color:#b8aa98;font-size:13px;line-height:1.6}.sidebar h3{margin:3px 0 8px}.promptBox textarea{resize:vertical}.promptBox button{margin-top:12px;width:100%}.purchase h3{color:#f3d49d}.purchase p{line-height:1.65}.tiny{font-size:11px!important}.nextbar{display:flex;gap:12px;justify-content:space-between;margin:17px 0}.hidden{display:none!important}footer{border-top:1px solid #342618;padding:22px;text-align:center;font-size:12px;color:#918474}.overlay{position:fixed;inset:0;background:#000e;display:grid;place-items:center;z-index:12;padding:16px}.ageDialog{max-width:440px;background:#201910;border:1px solid #a87b46;border-radius:22px;padding:28px}.ageDialog h2{font-size:28px}.ageDialog p{line-height:1.65;color:#d6c6b0}.ageDialog button{display:block;width:100%;margin:11px 0}.loading{opacity:.66;pointer-events:none}@media(max-width:760px){.nav{padding:17px}.pill{font-size:9px}.logo{font-size:21px}main{padding:0 12px 35px}.hero{min-height:300px}.heroInside{padding:22px}.fields,.content{grid-template-columns:1fr}.panel{padding:19px}.photo{height:235px}.statebar h2{font-size:21px}.nextbar{flex-direction:column}.nextbar button{width:100%}}
/* KATA PLAY PLUS V0.4 — editorial, conversacional y colecciones */
.words .lead{font-size:clamp(19px,2.4vw,25px);line-height:1.48;max-width:70ch}
.words h2{max-width:24ch;line-height:1.13}
.whyPanel{margin:22px 0;padding:19px 22px;border:1px solid #8c6940;border-radius:14px;background:linear-gradient(110deg,#362717,#241b13);color:#f6d8aa;font-size:17px;line-height:1.55}
.conversationText{max-width:66ch;font-size:20px;line-height:1.75;white-space:pre-line;color:#f0e1ce}
.storyIndex{margin:14px 0 2px;color:#e4bb7b;letter-spacing:1.8px;font-size:11px;text-transform:uppercase;font-weight:700}
.nextIdea{margin:22px 0;padding:15px 18px;background:#30251b;border-left:3px solid #e5ba78;border-radius:9px;line-height:1.6}
.followActions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.shoppingItems{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:15px 0}
.shopline{padding:10px 12px;border:1px solid #785a38;border-radius:10px;background:#291f17;color:#f2dec1;font-size:13px;line-height:1.35}
.retailers{border-top:1px solid #6b4c2c;padding-top:12px;margin-top:10px}.retailers p{font-size:13px;color:#d3bda2;line-height:1.5}
.collectionLine{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid #6a5133}.collectionLine span{color:#edc489;font-size:12px}
.nextbar{flex-wrap:wrap;gap:10px}
@media(max-width:750px){.conversationText{font-size:17px}.collectionLine{flex-direction:column}}

/* V0.5: navegación clara y paneles dentro del descubrimiento */
.journey{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.navbtn{background:#1a1510;color:#d6bfa1;border:1px solid #655034;border-radius:11px;padding:13px 19px;font-weight:700;cursor:pointer}.navbtn.active{background:#49321e;border-color:#c59b60;color:#ffe1ad}.navbtn span{display:inline-block;min-width:20px;background:#a07742;color:#130d08;border-radius:12px;padding:1px 6px}.status{min-height:27px;color:#e6bd80;font-size:13px;margin:12px 0;line-height:1.5}.actionZone{border-top:1px solid #6b5235;padding:22px}.actionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.innerPanel{background:#251c14;border:1px solid #9b7445;border-radius:15px;margin:19px 0 4px;padding:21px}.panelhead{display:flex;justify-content:space-between;align-items:start;gap:12px}.panelhead h3{margin:0 0 10px;color:#f6d4a0}.textbtn{background:transparent;border:0;color:#f4c788;cursor:pointer;padding:10px 4px;text-decoration:underline;font-weight:700}.chatBubble{background:#17110d;border:1px solid #5e482c;border-radius:11px;padding:14px;margin:12px 0}.chatBubble strong{color:#eec48a}.chatBubble p{white-space:pre-line;line-height:1.6}.nextControls{text-align:center;margin:20px 0 30px}.nextControls .btn{min-width:min(400px,100%)}.choiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.choice{background:#281e15;border:1px solid #a37d4e;text-align:left;padding:21px;border-radius:14px;color:#f2dcb7;cursor:pointer}.choice strong{display:block;font-size:17px}.choice span{display:block;color:#bfb1a1;margin-top:7px;line-height:1.5}.choice:hover{background:#382718}.collectionEntry{width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#211910;border:1px solid #654a2c;color:#eed6b4;border-radius:12px;padding:17px;margin:10px 0}.collectionEntry small{display:block;color:#bca98f;margin-top:7px}.collectionEntry:hover{border-color:#e8bf85}.editorSection{margin-top:18px}.editorSection h3{font-size:13px;letter-spacing:1px;color:#e9be7e}.profileSummary{margin-top:10px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#discoverView,#collectionView,#profileSummary,#direction{scroll-margin-top:12px}
@media(max-width:760px){.actionGrid,.choiceGrid{grid-template-columns:1fr}.journey .navbtn{flex:1;min-width:105px;padding:12px 6px;font-size:12px}.innerPanel{padding:14px}.panelhead{flex-wrap:wrap}.actionZone{padding:16px}.collectionEntry{align-items:flex-start}}