:root{color:#3a2117;background:#ecd4a7;font-family:"Noto Serif SC",Songti SC,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button{font:inherit}body{overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(255,247,215,.9),transparent 34rem),linear-gradient(135deg,#e7c985,#f6e7bf 42%,#c98c55)}.ambient-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.pointer-aura{position:fixed;left:var(--pointer-x);top:var(--pointer-y);z-index:0;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,235,158,.24),rgba(255,235,158,.1) 36%,transparent 68%);filter:blur(2px);transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear;mix-blend-mode:screen}.pointer-aura i{position:absolute;left:50%;top:50%;width:16px;height:16px;border:2px solid rgba(91,112,70,.72);border-radius:50%;background:radial-gradient(circle at 35% 30%,#edf6d3,#8fa064 54%,#4b5d3e);box-shadow:0 0 18px #ffe89975;transform:translate(-50%,-50%);transition:transform .14s ease,width .14s ease,height .14s ease}.pointer-aura.active i{width:28px;height:28px;transform:translate(-50%,-50%) scale(1.08)}.ambient-particles i{position:absolute;left:var(--x);bottom:-24px;width:var(--size);height:var(--size);border-radius:50%;background:#ffdf859e;box-shadow:0 0 14px #ffd66c8f;animation:particleDrift 7s linear infinite;animation-delay:var(--delay)}.intro{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:#edd6a9}.intro img{width:100%;height:100vh;object-fit:cover}.start-button{position:absolute;left:50%;top:70%;transform:translate(-50%);width:min(360px,62vw);height:82px;border:0;border-radius:6px;color:transparent;background:transparent;cursor:pointer}.start-button:focus-visible{outline:3px solid rgba(143,52,24,.72);outline-offset:4px}.app-shell{min-height:100vh;padding:18px;animation:pageIn .48s ease both}.topbar,.status-strip,.data-header,.insight-row,.story-layout,.quest-grid{position:relative;z-index:1;width:min(1440px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px}.brand,.view-tabs,.status-strip,.relic-panel,.collection-rail,.data-header,.dialog-panel,.insight-row article{border:1px solid rgba(100,54,25,.26);background:#fff6dbd1;box-shadow:0 12px 34px #5c321629;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:10px;border-radius:6px;padding:10px 14px;color:#552718;cursor:pointer}.jade-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#edf6d3,#8fa064 54%,#4b5d3e);box-shadow:inset 0 0 0 3px #ffffff59}.view-tabs,.segmented{display:flex;gap:4px;border-radius:6px;padding:4px}.view-tabs button,.segmented button,.story-actions button{position:relative;overflow:hidden;border:0;border-radius:5px;padding:10px 16px;color:#6a3822;background:transparent;cursor:pointer}.ripple-button{position:relative;overflow:hidden}.ripple-button:after,.view-tabs button:after,.segmented button:after,.story-actions button:after{content:"";position:absolute;inset:50% auto auto 50%;width:10px;height:10px;border-radius:50%;opacity:0;pointer-events:none;background:#fff0b994;transform:translate(-50%,-50%) scale(1)}.ripple-button:active:after,.view-tabs button:active:after,.segmented button:active:after,.story-actions button:active:after{animation:clickRipple .52s ease-out}.inspect-card-button,.modal-collect{border:1px solid rgba(101,55,28,.24);border-radius:6px;padding:11px 12px;color:#66311d;background:#fff1ca;cursor:pointer}.inspect-card-button,.modal-collect{width:100%;margin-top:8px;color:#fff8df;background:#8f3418}.modal-collect:disabled{cursor:default;opacity:.64}.notice-line{min-height:48px;margin:14px 0 0;border-left:3px solid #9f3e1c;padding:8px 0 8px 12px;color:#63331f;background:#fff1ca8a}.clue-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.clue-chips button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(101,55,28,.22);border-radius:999px;padding:6px 11px;color:#63331f;background:#fff6ddb8;cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}.clue-chips button:hover{border-color:#9f3e1c73;background:#fff1ca;transform:translateY(-2px)}.chip-pulse,.chip-spark,.chip-wave{width:9px;height:9px;border-radius:50%;background:#a94824}.chip-pulse{box-shadow:0 0 #a9482461;animation:chipPulse 1.4s ease-in-out infinite}.chip-spark{background:#cfa13c;box-shadow:0 0 12px #cfa13cb3;animation:chipSpark 1s ease-in-out infinite alternate}.chip-wave{background:#74885b;animation:chipWave 1.8s ease-in-out infinite}.view-tabs button.active,.segmented button.active,.story-actions button:last-child{color:#fff8df;background:#8f3418}.status-strip{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;margin-top:14px;border-radius:6px;padding:12px 16px}.status-strip div{display:grid;gap:2px}.status-strip span,.eyebrow,.relic-meta,.collection-rail i{color:#835b3c;font-size:13px}.status-strip strong{color:#461e13;font-size:19px}.progress-track{display:block;height:10px;border-radius:99px;background:#6e3f1c2e;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#68815b,#c55b2b,#dca63b);background-size:180% 100%;transition:width .52s cubic-bezier(.2,.8,.2,1);animation:progressShimmer 2.4s linear infinite}.quest-grid{perspective:1200px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"scene panel" "rail rail";gap:16px;margin-top:16px}.scene-stage{position:relative;grid-area:scene;min-height:520px;overflow:hidden;border:1px solid rgba(84,45,22,.3);border-radius:8px;background:#201610;box-shadow:0 18px 48px #391e0f3d;isolation:isolate;transform:rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .24s ease;touch-action:none}.scene-stage:hover{box-shadow:0 28px 70px #391e0f52}.scene-stage img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;transition:transform .68s ease,filter .68s ease}.scene-stage:hover img{filter:saturate(1.06) brightness(1.02);transform:translate3d(calc((var(--scene-x, 50%) - 50%) * -.08),calc((var(--scene-y, 50%) - 50%) * -.06),28px) scale(1.045)}.scene-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(255,225,132,.22),transparent 16rem),linear-gradient(115deg,transparent 0 42%,rgba(255,244,190,.18) 50%,transparent 58% 100%);mix-blend-mode:screen;animation:lightSweep 4.8s ease-in-out infinite}.scene-lens{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--scene-x, 50%) var(--scene-y, 50%),rgba(255,237,164,.28),transparent 12rem);opacity:0;mix-blend-mode:screen;transition:opacity .18s ease}.scene-stage:hover .scene-lens{opacity:1}.compass-widget{position:absolute;left:18px;bottom:18px;z-index:3;display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,235,174,.72);border-radius:50%;color:#fff7db;background:#461f1294;box-shadow:0 12px 32px #23120847,inset 0 0 0 8px #ffecb214;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateZ(52px)}.compass-widget span{position:absolute;inset:9px;border:1px dashed rgba(255,232,153,.66);border-radius:50%;animation:compassSpin 8s linear infinite}.compass-widget i{position:absolute;top:12px;width:7px;height:28px;border-radius:999px;background:linear-gradient(#ffe58a,#b13e20);transform-origin:50% 31px;animation:compassNeedle 2.8s ease-in-out infinite}.compass-widget strong{font-size:20px}.radar-widget{position:absolute;right:18px;top:18px;z-index:3;width:132px;height:132px;border:1px solid rgba(159,192,134,.72);border-radius:50%;color:#f6ffe4;background:radial-gradient(circle,rgba(159,192,134,.24) 0 2px,transparent 3px),repeating-radial-gradient(circle,transparent 0 24px,rgba(159,192,134,.22) 25px 26px),#1f3a2780;box-shadow:0 12px 32px #23120840;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateZ(52px)}.radar-sweep{position:absolute;inset:50% 50% 0 0;background:linear-gradient(45deg,rgba(196,255,154,.72),transparent 58%);transform-origin:100% 0;animation:radarSweep 2.2s linear infinite}.radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d7ff9c;box-shadow:0 0 12px #d7ff9c;animation:radarBlink 1.3s ease-in-out infinite}.dot-a{left:34px;top:42px}.dot-b{right:32px;top:62px;animation-delay:-.35s}.dot-c{left:62px;bottom:30px;animation-delay:-.7s}.radar-widget strong,.radar-widget small{position:absolute;left:0;right:0;text-align:center}.radar-widget strong{bottom:36px;font-size:15px}.radar-widget small{bottom:18px;color:#dff7be;font-size:12px}.hotspot{position:absolute;z-index:2;border:1px solid rgba(255,238,182,.95);border-radius:6px;padding:11px 16px;color:#fff7df;background:#792d14e0;box-shadow:0 0 0 8px #ffd16329;cursor:pointer;animation:pulse 1.8s ease-in-out infinite;transform:translateZ(46px)}.motion-toggle{position:absolute;left:18px;top:18px;z-index:4;display:none;border:1px solid rgba(255,238,182,.8);border-radius:999px;padding:9px 13px;color:#fff7df;background:#532312b8;box-shadow:0 10px 24px #23120838;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-toggle.active{background:#667e4dd1}.hotspot-a{left:9%;top:22%}@keyframes pulse{50%{box-shadow:0 0 0 14px #ffd1630f}}.relic-panel{position:relative;grid-area:panel;align-self:stretch;border-radius:8px;padding:18px;animation:panelSlide .46s ease both}.progress-ring-widget{position:absolute;right:16px;top:16px;display:grid;width:74px;height:74px;place-items:center;border-radius:50%;background:conic-gradient(#b14a22 var(--progress),rgba(112,67,34,.16) 0);box-shadow:0 10px 26px #5d2a142e;animation:ringPop .52s ease both}.progress-ring-widget:before{content:"";position:absolute;inset:8px;border-radius:inherit;background:#fff1ca}.progress-ring-widget div{position:relative;z-index:1;display:grid;place-items:center;color:#572817;line-height:1.05}.progress-ring-widget strong{font-size:17px}.progress-ring-widget span{color:#835b3c;font-size:12px}.relic-portrait{display:grid;height:210px;place-items:center;overflow:hidden;border-radius:6px;background:#ead5a6}.relic-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}.relic-panel:hover .relic-portrait img{transform:scale(1.08)}.eyebrow{margin:18px 0 6px;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:#4b2114;font-size:30px;line-height:1.18}h2{color:#572817;font-size:22px;line-height:1.25}p{line-height:1.78}.relic-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid rgba(92,50,22,.18);padding-top:14px}.collection-rail{grid-area:rail;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border-radius:8px;padding:10px}.collection-rail button{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 10px;min-height:82px;border:1px solid transparent;border-radius:6px;padding:8px;color:#452014;text-align:left;background:#fffaeb9e;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.collection-rail button.selected{border-color:#9f3e1c;background:#fff0c8;box-shadow:0 8px 22px #7e36162e;transform:translateY(-2px)}.collection-rail button:hover{border-color:#9f3e1c75;transform:translateY(-3px)}.collection-rail button.collected:after,.collection-rail button.sparked:after{content:"";position:absolute;inset:-40%;pointer-events:none;background:conic-gradient(from 0deg,transparent,rgba(255,218,91,.7),transparent 34%);animation:relicSpark .9s ease both}.collection-rail button.sparked img{animation:relicPop .68s ease both}.collection-rail img{grid-row:span 2;width:64px;height:64px;border-radius:5px;object-fit:cover}.collection-rail span,.collection-rail i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-layout,.story-layout{margin-top:16px}.data-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;padding:18px}.data-header .eyebrow{margin-top:0}.chart-band{display:grid;grid-template-columns:repeat(12,minmax(44px,1fr));align-items:end;gap:10px;width:min(1440px,100%);height:430px;margin:16px auto 0;border:1px solid rgba(93,48,22,.24);border-radius:8px;padding:28px 16px 18px;background:linear-gradient(rgba(102,61,31,.12) 1px,transparent 1px) 0 0 / 100% 20%,#fff7deb8;box-shadow:0 18px 48px #391e0f29}.bar-item{display:grid;grid-template-rows:auto 1fr auto;gap:8px;height:100%;min-width:0;border:0;color:#4b2416;background:transparent;cursor:pointer}.bar-item span{min-height:22px;font-size:12px;text-align:center}.bar-item i{align-self:end;width:100%;height:var(--height);min-height:22px;border-radius:5px 5px 2px 2px;background:#8fa184;box-shadow:inset 0 1px #ffffff61;transform-origin:bottom;animation:barRise .68s cubic-bezier(.18,.82,.24,1) both;transition:height .28s ease,transform .18s ease}.bar-item:hover i{transform:translateY(-5px)}.bar-item.selected i{box-shadow:inset 0 1px #ffffff61,0 0 0 4px #ffe17e38,0 0 24px #b1581f57}.bar-item.selected span,.bar-item.selected strong{color:#8f3418;font-weight:700}.bar-item.peak i{background:linear-gradient(180deg,#d16a31,#a94621)}.bar-item strong{font-size:13px;text-align:center}.insight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.insight-row article{border-radius:8px;padding:18px}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.comic-frame{overflow:hidden;border:1px solid rgba(88,48,24,.28);border-radius:8px;background:#e9d2a3;box-shadow:0 18px 48px #391e0f2e}.comic-frame img{display:block;width:100%;min-height:520px;object-fit:cover}.dialog-panel{border-radius:8px;padding:22px}.story-actions{display:flex;gap:10px;margin-top:20px}.story-actions button{flex:1;border:1px solid rgba(101,55,28,.24);background:#fff1ca}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#27140c94;animation:fadeIn .18s ease both}.pattern-modal{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);gap:20px;width:min(820px,100%);border:1px solid rgba(255,236,184,.62);border-radius:8px;padding:18px;background:linear-gradient(135deg,#fff8e0f5,#eacf97f5);box-shadow:0 26px 90px #180c066b;animation:modalIn .28s cubic-bezier(.18,.82,.24,1) both}.modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(96,50,24,.25);border-radius:50%;color:#5a2b1a;background:#fff7ddc7;cursor:pointer}.pattern-image{position:relative;display:grid;place-items:center;min-height:310px;overflow:hidden;border-radius:6px;background:#d9bd82}.pattern-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);animation:artifactFloat 3.2s ease-in-out infinite}.scan-line{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 35%,rgba(255,244,187,.58),transparent 65% 100%);mix-blend-mode:screen;animation:scanPass 1.8s ease-in-out infinite}.pattern-copy{padding:12px 38px 8px 0}.pattern-copy .eyebrow{margin-top:0}.pattern-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px 0;color:#65341e}.pattern-meter i{height:8px;border-radius:99px;background:linear-gradient(90deg,#6e8056,#c55b2b,#dba63a);transform-origin:left;animation:meterFill .7s ease both}.modal-collect{width:100%}.achievement-toast{position:fixed;right:18px;top:86px;z-index:30;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;width:min(340px,calc(100vw - 36px));border:1px solid rgba(255,236,184,.7);border-radius:8px;padding:12px;color:#fff6dc;background:linear-gradient(135deg,#5d2311f0,#913f18eb);box-shadow:0 16px 42px #2a140952;animation:toastIn .26s ease both}.achievement-toast>span{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff1a8 0 22%,transparent 24%),conic-gradient(#ffe18b,#9fb26b,#d26a30,#ffe18b);animation:medalSpin 1.2s ease both}.achievement-toast strong,.achievement-toast p{margin:0}.achievement-toast p{color:#f7dfad;line-height:1.45}.collection-burst{position:fixed;left:50%;top:52%;z-index:29;width:96px;height:96px;pointer-events:none;transform:translate(-50%,-50%)}.collection-burst img{position:absolute;inset:14px;width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #ffe48b47;animation:flyToRail .98s cubic-bezier(.18,.82,.24,1) both}.collection-burst i{position:absolute;left:45px;top:45px;width:7px;height:7px;border-radius:50%;background:#ffd66c;transform:rotate(var(--angle)) translate(0);animation:burstRay .78s ease-out both}.celebration-field{position:fixed;inset:0;z-index:27;pointer-events:none;overflow:hidden}.celebration-field i{position:absolute;left:var(--left);top:-18px;width:9px;height:16px;border-radius:2px;background:linear-gradient(180deg,#fff0a5,#d6812f);box-shadow:0 0 12px #ffd9656b;animation:confettiFall 3.2s ease-in both;animation-delay:var(--delay)}.completion-badge{position:fixed;left:50%;bottom:24px;z-index:28;display:grid;gap:4px;min-width:min(420px,calc(100vw - 36px));border:1px solid rgba(255,235,173,.78);border-radius:8px;padding:14px 18px;color:#fff7df;text-align:center;background:linear-gradient(135deg,#5b2914f0,#805426f0);box-shadow:0 18px 50px #2a140957;transform:translate(-50%);animation:completionRise .42s ease both}.completion-badge strong{font-size:20px}.completion-badge span{color:#f2d9a5}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lightSweep{0%,to{opacity:.48;transform:translate(-10%)}50%{opacity:.9;transform:translate(10%)}}@keyframes artifactFloat{0%,to{transform:scale(1.12) translateY(0)}50%{transform:scale(1.14) translateY(-6px)}}@keyframes relicPop{0%{transform:scale(1)}42%{transform:scale(1.14) rotate(-2deg)}to{transform:scale(1)}}@keyframes relicSpark{0%{opacity:0;transform:rotate(0) scale(.4)}45%{opacity:.9}to{opacity:0;transform:rotate(160deg) scale(1)}}@keyframes barRise{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes meterFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progressShimmer{0%{background-position:0 0}to{background-position:180% 0}}@keyframes particleDrift{0%{opacity:0;transform:translateZ(0) scale(.7)}18%{opacity:.88}to{opacity:0;transform:translate3d(24px,-110vh,0) scale(1.2)}}@keyframes clickRipple{0%{opacity:.75;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(22)}}@keyframes panelSlide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes scanPass{0%{transform:translateY(-80%)}to{transform:translateY(80%)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes medalSpin{0%{transform:rotate(-120deg) scale(.7)}to{transform:rotate(0) scale(1)}}@keyframes flyToRail{0%{opacity:0;transform:translate3d(0,-10px,0) scale(.7)}18%{opacity:1;transform:translateZ(0) scale(1.15)}to{opacity:0;transform:translate3d(0,230px,0) scale(.28)}}@keyframes burstRay{0%{opacity:0;transform:rotate(var(--angle)) translate(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(var(--distance)) scale(1)}}@keyframes completionRise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--spin) * 56px),110vh,0) rotate(calc(var(--spin) * 460deg))}}@keyframes compassSpin{to{transform:rotate(360deg)}}@keyframes compassNeedle{0%,to{transform:rotate(-18deg)}50%{transform:rotate(24deg)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes radarBlink{0%,to{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1.2)}}@keyframes ringPop{0%{opacity:0;transform:scale(.72) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes chipPulse{0%,to{box-shadow:0 0 #a9482461}50%{box-shadow:0 0 0 7px #a9482400}}@keyframes chipSpark{0%{transform:scale(.84);filter:brightness(1)}to{transform:scale(1.12);filter:brightness(1.35)}}@keyframes chipWave{0%,to{border-radius:50%;transform:scaleX(1)}50%{border-radius:35%;transform:scaleX(1.35)}}@media(max-width:900px){.app-shell{padding:12px}.topbar,.data-header{align-items:stretch;flex-direction:column}.view-tabs,.segmented{width:100%}.view-tabs button,.segmented button{flex:1}.status-strip{grid-template-columns:1fr;gap:10px}.quest-grid,.story-layout{grid-template-columns:1fr;grid-template-areas:"scene" "panel" "rail"}.scene-stage,.scene-stage img,.comic-frame img{min-height:clamp(360px,56vw,560px)}.collection-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-band{grid-template-columns:repeat(6,minmax(42px,1fr));height:520px}.insight-row{grid-template-columns:1fr}.pattern-modal{grid-template-columns:1fr;max-height:calc(100vh - 36px);overflow:auto}.pattern-image{min-height:220px}.pattern-copy{padding-right:0}}@media(hover:none),(pointer:coarse){.pointer-aura{display:none}.motion-toggle{display:inline-flex;align-items:center}.scene-stage:hover img{filter:saturate(1.04) brightness(1.02)}.scene-stage:hover .scene-lens{opacity:1}}@media(max-width:560px){.app-shell{padding:10px}.intro img{object-position:center}.start-button{width:min(340px,74vw);height:76px}h1{font-size:24px}.topbar{gap:10px}.brand{justify-content:center}.view-tabs button,.segmented button{padding:9px 10px}.status-strip{padding:10px 12px}.quest-grid{gap:12px}.scene-stage{min-height:min(72vh,420px);border-radius:7px}.scene-stage img{min-height:min(72vh,420px)}.hotspot{left:50%;top:auto;bottom:18px;transform:translate(-50%) translateZ(46px);padding:9px 12px;font-size:14px;white-space:nowrap}.compass-widget{left:12px;bottom:12px;width:58px;height:58px}.compass-widget span{inset:7px}.compass-widget i{top:9px;height:19px;transform-origin:50% 22px}.compass-widget strong{font-size:15px}.radar-widget{right:10px;top:10px;width:92px;height:92px}.radar-widget strong{bottom:27px;font-size:12px}.radar-widget small{bottom:12px;font-size:10px}.motion-toggle{left:10px;top:10px;padding:7px 10px;font-size:13px}.progress-ring-widget{width:60px;height:60px}.progress-ring-widget strong{font-size:14px}.progress-ring-widget span{font-size:11px}.relic-portrait{height:170px}.clue-chips button{flex:1 1 auto;justify-content:center;min-width:calc(50% - 4px);padding-inline:8px}.collection-rail{grid-template-columns:1fr}.collection-rail button{min-height:72px}.chart-band{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:520px;gap:6px;padding-inline:10px}.pattern-modal{gap:12px;padding:12px}.pattern-image{min-height:190px}.achievement-toast{left:12px;right:12px;top:76px;width:auto}}@media(max-height:520px)and (orientation:landscape){.app-shell{padding:8px}.topbar{min-height:44px}.status-strip{grid-template-columns:auto minmax(160px,1fr) auto;margin-top:8px;padding:8px 12px}.quest-grid{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"scene panel" "rail rail";gap:10px;margin-top:10px}.scene-stage,.scene-stage img{min-height:300px}.relic-panel{padding:12px}.relic-portrait{height:112px}.relic-panel h1{font-size:20px;margin-bottom:6px}.relic-panel p{line-height:1.45}.notice-line{min-height:0;margin-top:8px;padding-block:6px}.collection-rail{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px}.collection-rail button{grid-template-columns:44px minmax(0,1fr);min-height:60px}.collection-rail img{width:44px;height:44px}}