:root{color-scheme:light;--ink:#49354f;--plum:#5f466b;--gold:#dca754;--line:rgba(255,255,255,.72);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:#c8b2d8}button{font:inherit;color:inherit}.game-shell{position:relative;isolation:isolate;width:min(100vw,480px);height:100%;margin:auto;overflow:hidden;background:#d5bbd9;box-shadow:0 0 80px rgba(60,39,80,.22)}.story-background{position:absolute;z-index:-2;inset:0;overflow:hidden}.story-background img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.9) brightness(1.02)}.story-background i{position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,235,249,.18),rgba(242,215,237,.05) 45%,rgba(76,71,112,.28)),linear-gradient(90deg,rgba(255,255,255,.12),transparent 20%,transparent 80%,rgba(255,255,255,.12));backdrop-filter:blur(.3px)}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:70px;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 8px;background:linear-gradient(180deg,rgba(229,207,228,.75),transparent)}.brand{color:#513955;font:400 clamp(24px,7vw,31px)/1 Georgia,serif;letter-spacing:.015em;text-decoration:none;text-shadow:0 1px 12px rgba(255,255,255,.85)}.brand span{color:#c28b3f;font-size:.62em}.case-pill{min-height:36px;padding:0 14px;border:1px solid rgba(102,70,104,.38);border-radius:999px;background:rgba(255,245,246,.38);box-shadow:inset 0 1px rgba(255,255,255,.7);font:12px Georgia,serif;letter-spacing:.06em}.map-scroll{position:absolute;inset:68px 0 calc(66px + env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:none}.map-scroll::-webkit-scrollbar{display:none}.map-intro{position:relative;z-index:4;margin:8px 18px 4px;padding:16px 17px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:rgba(255,245,247,.42);box-shadow:0 12px 30px rgba(78,58,95,.1),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(16px)}.map-intro small{color:#805d80;font-size:8px;font-weight:800;letter-spacing:.16em}.map-intro h1{margin:4px 0 8px;color:#533858;font:400 28px/1 Georgia,serif;letter-spacing:.035em}.map-intro p{margin:0;color:rgba(73,53,79,.82);font:italic 12px/1.45 Georgia,serif}.map-meter{height:4px;margin-top:12px;overflow:hidden;border-radius:9px;background:rgba(87,61,92,.13)}.map-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff1c7,#d793cf,#846cc3);box-shadow:0 0 8px #fff;transition:width .5s ease}.map-intro>b{display:block;margin-top:6px;color:#866a86;font-size:7px;letter-spacing:.12em}.story-path{position:relative;width:390px;max-width:100%;height:1230px;margin:0 auto 26px}.path-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.path-lines path{fill:none;stroke-linecap:round}.path-base{stroke:rgba(80,63,102,.22);stroke-width:2}.path-live{stroke:#fff9dd;stroke-width:3;filter:drop-shadow(0 0 5px rgba(255,235,166,.95));stroke-dasharray:1500;stroke-dashoffset:1500;transition:stroke-dashoffset .7s ease}.story-card{position:absolute;z-index:4;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:9px;width:250px;min-height:82px;padding:8px;border:1px solid rgba(255,255,255,.44);border-radius:18px;background:rgba(104,80,112,.22);box-shadow:0 10px 22px rgba(74,55,92,.1),inset 0 1px rgba(255,255,255,.34);text-align:left;opacity:.48;filter:saturate(.35);backdrop-filter:blur(10px);transition:opacity .3s,filter .3s,transform .3s,box-shadow .3s;cursor:pointer}.story-card:disabled{cursor:not-allowed}.story-card.current{opacity:.88;filter:saturate(.8);animation:currentPulse 2.1s ease-in-out infinite}.story-card.complete{opacity:1;filter:saturate(1.08);border-color:rgba(255,249,209,.9);background:rgba(255,242,237,.48);box-shadow:0 0 0 1px rgba(255,255,255,.38),0 0 24px rgba(255,239,177,.74),0 14px 25px rgba(88,59,99,.13)}.story-card:hover:not(:disabled),.story-card:focus-visible:not(:disabled){transform:translateY(-3px);outline:0}.card-art{position:relative;display:grid;place-items:center;width:58px;height:64px;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:13px;background:linear-gradient(145deg,rgba(255,231,240,.74),rgba(150,126,182,.42));box-shadow:inset 0 0 15px rgba(255,255,255,.34)}.card-art img{width:100%;height:100%;object-fit:cover}.story-art b,.report-art b{color:#fff9d8;font:25px Georgia,serif;text-shadow:0 0 12px #ca86c6}.dial-art{background:linear-gradient(160deg,rgba(255,244,231,.75),rgba(211,158,205,.58),rgba(125,118,178,.44))}.dial-art::after{content:"";position:absolute;width:38px;height:38px;border:1px solid rgba(255,255,255,.66);border-radius:50% 22%;transform:rotate(45deg)}.dial-art b{position:relative;z-index:2;color:#614666;font:14px Georgia,serif}.card-copy{min-width:0}.card-copy small{display:block;color:#826783;font-size:7px;font-weight:800;letter-spacing:.13em}.card-copy strong{display:block;margin:3px 0;color:#4b354f;font:400 14px/1.08 Georgia,serif}.card-copy em{display:-webkit-box;overflow:hidden;color:rgba(73,53,79,.7);font:italic 9px/1.3 Georgia,serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.node-state{align-self:start;min-width:38px;padding:4px 5px;border:1px solid rgba(91,66,98,.2);border-radius:99px;color:#795f7d;background:rgba(255,255,255,.24);font-size:6px;font-weight:900;letter-spacing:.06em;text-align:center}.complete .node-state{color:#6d5425;border-color:rgba(212,168,72,.5);background:rgba(255,241,191,.72)}.case-root{top:4px;left:70px}.dial-person{top:138px;left:18px}.dial-event{top:283px;right:18px}.dial-clue{top:428px;left:18px}.dial-motive{top:568px;right:18px}.oracle-card{top:690px;left:70px}.branch-label{position:absolute;z-index:5;top:784px;left:24px;right:24px;display:flex;align-items:center;gap:8px;color:#6d5674;font-size:6px;letter-spacing:.11em;text-align:center}.branch-label span{flex:1;height:1px;background:rgba(255,255,255,.72)}.room-card,.guide-card,.detective-card{top:826px;display:block;width:112px;min-height:166px;padding:7px;text-align:center}.room-card{left:8px}.guide-card{left:139px}.detective-card{right:8px}.room-card .card-art,.guide-card .card-art,.detective-card .card-art{width:100%;height:92px}.room-card .card-copy,.guide-card .card-copy,.detective-card .card-copy{padding-top:6px}.room-card .card-copy em,.guide-card .card-copy em,.detective-card .card-copy em{display:none}.room-card .node-state,.guide-card .node-state,.detective-card .node-state{position:absolute;top:8px;right:8px;background:rgba(255,245,231,.78)}.report-card{top:1090px;left:70px}.report-art{background:radial-gradient(circle,#fff8dc,#e8b9d9 44%,#8c79bb)}.bottom-nav{position:absolute;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid rgba(255,255,255,.5);background:rgba(224,205,224,.8);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-content:center;gap:3px;border:0;background:transparent;color:rgba(74,52,80,.6);cursor:pointer}.bottom-nav button.active{color:#503653}.bottom-nav button>span{font:21px Georgia,serif}.bottom-nav small{font:9px Georgia,serif;letter-spacing:.08em}@keyframes currentPulse{50%{box-shadow:0 0 28px rgba(255,245,199,.78),0 12px 23px rgba(80,56,97,.14)}}@media(max-width:380px){.story-path{transform:scale(.94);transform-origin:top center;margin-bottom:-48px}.story-card{width:238px}.case-root,.oracle-card,.report-card{left:76px}.room-card,.guide-card,.detective-card{width:106px}.guide-card{left:142px}}
/* Story Map is a transition inside the Case flow, not a duplicate fourth tab. */
.bottom-nav{grid-template-columns:repeat(4,1fr)}
.bottom-nav small{font-size:12px}
.map-intro>b{font-size:11px}