:root{--bg:#14100d;--panel:#1c1713;--text:#f0eadf;--muted:#b9ad9c;--accent:#b99052;--paper:#d8c39e;--ink:#241b14;--line:#6c573d;--safe-top:max(8px,env(safe-area-inset-top));--safe-bottom:max(12px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{background:radial-gradient(circle at top,#ffffff0d,transparent 28%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.screen{display:none}.screen.active{display:block}.app{width:100%;min-height:100vh}.home-card{width:min(94%,760px);margin:6vh auto;background:linear-gradient(180deg,#1d1d22,#252832);border:1px solid #ffffff1f;border-radius:24px;padding:24px;box-shadow:0 20px 50px #0007}.library-title{margin:0 0 8px;font-size:1.75rem;text-transform:uppercase}.subtitle,.small-note{color:#b8bdc9;line-height:1.5}.home-card label{display:block;margin:18px 0 8px;color:#b8bdc9}.home-card select,.modal-card select,.modal-card textarea{width:100%;border:1px solid #ffffff1f;border-radius:14px;background:#0d0f14;color:#fff;padding:14px}.home-card button,.modal-card button{border:0;border-radius:12px;padding:12px;background:#c7a84d;color:#17120d;font-weight:800}.home-card .secondary,.modal-card .secondary{background:#252832;color:#fff;border:1px solid #ffffff1f}.start-btn{width:100%;margin-top:16px}.error{color:#ff7b7b;white-space:pre-wrap;margin-top:12px}#gameScreen{padding:var(--safe-top) 0 var(--safe-bottom)}.dossier-shell{width:100%;margin:0}.artifact{width:100%;background:linear-gradient(135deg,#2a2018,#16100c);padding:4px}.paper{width:100%;min-height:100vh;background:radial-gradient(circle at 20% 0,#ffffff2c,transparent 20rem),repeating-linear-gradient(0deg,transparent 0 31px,#67553812 32px),linear-gradient(110deg,#dfceab,#ccb58b 55%,#dbc7a2);color:var(--ink);border:1px solid #6d5840;box-shadow:inset 0 0 34px #694e2e45}.header{padding:12px 12px 10px;border-bottom:1px solid #725f45}.brandrow{display:flex;justify-content:space-between;gap:10px}.brand{border:3px solid var(--ink);padding:3px 8px;font:bold 1.02rem/1 system-ui;transform:rotate(-2deg)}.kind{font:800 .6rem/1.3 system-ui;text-transform:uppercase;color:#665742;text-align:right}.world-title{margin:10px 0 3px;font-size:clamp(1.45rem,7vw,2.2rem);line-height:1}.location{font:800 .7rem/1.3 system-ui;text-transform:uppercase;color:#5e4f3b}.statebar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.meter{border:1px solid #7d694e;border-radius:8px;background:#f1e5ca80;padding:7px}.metertop{display:flex;justify-content:space-between;font:800 .59rem/1.2 system-ui;text-transform:uppercase}.dots{display:flex;gap:4px;margin-top:5px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid #4f4435;background:#f4ead2}.dot.on{background:#6d3228}.dot.good{background:#476044}.situation-wrap{padding:9px 8px 2px}.situation{margin:0;padding:9px 11px;border:2px solid #30251b;background:#eedeb8;box-shadow:4px 4px 0 #2d211755;font:.86rem/1.42 Georgia,serif}.scene{padding:8px}.photo-wrap{position:relative;border:1px solid #62513c;background:#19130f;padding:5px;box-shadow:0 7px 14px #0008}.photo-wrap img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.photo-wrap.no-image{min-height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#574632,#231b15)}.photo-wrap.no-image img{display:none}.photo-placeholder{display:none;color:#e8d6b6;text-align:center;padding:25px;font:700 .9rem/1.4 Georgia}.photo-wrap.no-image .photo-placeholder{display:block}.focus-hint{position:absolute;left:10px;bottom:10px;background:#20170fdd;color:#f4dfb5;border:1px solid #d4ad65;border-radius:999px;padding:6px 9px;font:800 .62rem/1 system-ui;pointer-events:none}.hotspot{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid #e5c477;background:#251b14dc;color:#fff;font:800 .8rem/1 system-ui}.hotspot:nth-of-type(1){left:11%;bottom:16%}.hotspot:nth-of-type(2){right:13%;bottom:21%}.hotspot:nth-of-type(3){left:47%;top:23%}.hotspot[hidden]{display:none}.characters{display:flex;gap:6px;overflow-x:auto;margin-top:7px;scrollbar-width:none}.characters::-webkit-scrollbar{display:none}.char-card{flex:0 0 min(72%,260px);display:grid;grid-template-columns:42px 1fr;gap:6px;align-items:center;border:1px solid #756044;border-radius:7px;background:#e5d3b0;padding:5px;color:var(--ink);text-align:left}.char-card img,.monogram{width:42px;height:48px;border:1px solid #5d4c39}.char-card img{object-fit:cover}.monogram{display:grid;place-items:center;background:#5e4d39;color:#ead9b9;font-weight:900}.char-card small{display:block;font:800 .5rem/1.15 system-ui;text-transform:uppercase;color:#735c3d}.char-card strong{display:block;margin-top:2px;font-size:.78rem}.content{padding:0 8px 14px}.section-card{width:100%;border:1px solid #725f45;border-radius:9px;background:#eadbbfba;color:var(--ink);box-shadow:inset 0 0 20px #74552c1d;padding:9px}.section-title{display:block;margin-bottom:7px;font:900 .61rem/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;color:#5e4b35}.route-card{margin:0;text-align:left}.route{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;font:800 .63rem/1 system-ui;color:#6c563b}.route::-webkit-scrollbar{display:none}.route span{white-space:nowrap}.route i{width:18px;height:1px;background:#80694b;flex:0 0 auto}.route .current{color:#692d24}.archive{margin-top:9px;scroll-margin-top:8px}.archive-label{margin:0 0 5px 2px;font:900 .6rem/1.2 system-ui;text-transform:uppercase;color:#5e4b35}.archive-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.archive-tabs::-webkit-scrollbar{display:none}.archive-tab{flex:0 0 auto;border:1px solid #6e593f;border-radius:8px 8px 2px 2px;background:#bca173;color:#302419;padding:8px 10px;font:800 .67rem/1 system-ui}.archive-tab[aria-selected=true]{background:#eadabc;color:#5d271f;box-shadow:0 -3px 0 #6d3025 inset}.narrative{margin-top:0;border-radius:0 8px 8px 8px;scroll-margin-top:8px}.narrative .section-title{display:flex;justify-content:space-between;align-items:center}.mode-toggle{border:1px solid #715c41;border-radius:999px;background:#d5bd93;padding:5px 8px;font:800 .58rem/1 system-ui}.story p{margin:0 0 .85rem;font:.94rem/1.55 Georgia,serif}.story p:last-child{margin-bottom:0}.story p:first-child:first-letter{float:left;font-size:2.3rem;line-height:.78;padding:6px 6px 0 0;color:#652d24}.page-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:7px;margin-top:9px}.page-nav button{height:36px;border:1px solid #705b40;border-radius:50%;background:#d1b98e}.page-status{text-align:center;font:800 .63rem/1 system-ui;color:#66533a}.progress{display:flex;justify-content:center;gap:4px;margin-top:5px}.progress i{width:17px;height:3px;background:#9c8767}.progress i.on{background:#612e24}.decision-card{margin-top:9px;scroll-margin-top:8px}.decisions{display:grid;gap:7px}.choice{width:100%;border:1px solid #6c5439;border-radius:9px;background:linear-gradient(#e1cca6,#cdb185);color:#241b13;text-align:left;padding:10px}.choice strong{display:block;font-size:.83rem}.choice small{display:block;margin-top:4px;color:#6d5941;font-size:.62rem}.detail-card{margin-top:7px;padding:9px;border:1px solid #725f45;background:#f0e1c2}.detail-actions{display:flex;gap:7px;margin-top:8px}.detail-actions button,.free-input button{border:0;border-radius:8px;background:#6d392e;color:#fff;padding:9px;font-weight:800}.free-input{display:none;gap:7px;margin-top:8px}.mode-free .free-input{display:flex}.free-input textarea{flex:1;min-height:52px;border:1px solid #755f44;border-radius:8px;background:#f1e5cb;padding:8px}.final-card{display:none;margin-top:9px;border:2px solid #5f2d25;background:radial-gradient(circle at top,#fff3d8,#d2b486);padding:20px 14px;text-align:center;color:#281b14;box-shadow:0 8px 20px #0004}.final-card.active{display:block}.final-card h2{margin:0 0 8px;font:700 1.8rem/1 Georgia,serif}.final-card p{font:1rem/1.5 Georgia,serif}.final-seal{width:74px;height:74px;border:5px double #692d24;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font:900 .75rem/1 system-ui;transform:rotate(-6deg)}.jump-decisions{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:none;border:1px solid #e0bd75;border-radius:999px;background:#261a12e8;color:#f3dfb5;padding:10px 13px;font:800 .7rem/1 system-ui;box-shadow:0 5px 15px #0008}.jump-decisions.show{display:block}.drawer-handle{position:fixed;right:0;top:36%;z-index:42;width:24px;height:58px;border:1px solid #6f573c;border-right:0;border-radius:9px 0 0 9px;background:#b79665;color:#231a12;font-size:1.2rem}.side-drawer{position:fixed;right:0;top:0;bottom:0;z-index:45;width:min(78vw,290px);padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:#211811f5;border-left:1px solid #765d3d;transform:translateX(105%);transition:transform .22s ease;box-shadow:-15px 0 35px #0008;overflow-y:auto}.side-drawer.open{transform:none}.drawer-shade{position:fixed;inset:0;z-index:44;background:#0008;display:none}.drawer-shade.open{display:block}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head button{border:0;background:none;color:#fff;font-size:1.5rem}.side-tabs{display:grid;gap:6px}.side-tabs button,.drawer-system button{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #765d3d;border-radius:8px;background:#b4976b;color:#211912;padding:11px;font-weight:800;text-align:left}.side-tabs span{flex:1}.drawer-system{display:grid;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid #735c40}.drawer-system button{background:#38291f;color:#eadac0}.drawer-system button:last-child{background:#64382f}.sheetback,.modal-backdrop{position:fixed;inset:0;z-index:70;display:none;background:#000b;padding:12px}.sheetback.active,.modal-backdrop.active{display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,680px);max-height:88vh;overflow:auto;background:#decba7;color:#211911;border:1px solid #715a3e;border-radius:16px 16px 8px 8px;padding:14px}.sheethead,.modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.sheethead h2,.modal-title{margin:2px 0 8px}.close{border:0;background:none;font-size:1.6rem}.sheet-list{display:grid;gap:8px}.sheet-item{border:1px solid #725f45;border-radius:9px;background:#f0dfbd;padding:10px}.sheet-image{width:100%;max-height:260px;object-fit:cover;margin-top:8px}.profile{display:grid;grid-template-columns:90px 1fr;gap:10px}.profile img,.profile .monogram{width:90px;height:110px;object-fit:cover}.modal-card{width:min(100%,680px);max-height:88vh;overflow:auto;background:#1d1d22;border:1px solid #ffffff1f;border-radius:18px;padding:16px}.modal-section{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff1f}.modal-section-title{font-weight:900;text-transform:uppercase;font-size:.75rem}.mejora-hint,.mejora-warning{white-space:pre-wrap;color:#ddd;margin-top:7px}.mejora-actions{display:flex;gap:8px;margin-top:12px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,120px);background:#1f1712;color:#f2dfbd;border:1px solid #9a7745;border-radius:999px;padding:10px 14px;transition:.2s}.toast.show{transform:translate(-50%,0)}@media(min-width:700px){.dossier-shell{width:min(100%,760px);padding:0 8px}.artifact{border-radius:18px;padding:7px}.paper{border-radius:12px}.characters{display:grid;grid-template-columns:repeat(3,1fr)}.char-card{min-width:0;flex:auto}}@media(orientation:landscape) and (max-height:600px){.world-title{font-size:1.35rem}.photo-wrap img{aspect-ratio:2.3/1}.characters{display:flex}.char-card{flex-basis:210px}}