/* 珠乡有礼 V11 · 白金流光沉浸式交互 */
:root{--zx11-gold:#d0a464;--zx11-deep:#123f3b;--zx11-ivory:#faf6ea}
#page-civic,#page-sources{--glass-border:rgba(218,185,120,.53)}
.zx11-intro .section-overline,.zx11-pair-heading .section-overline{letter-spacing:2.6px}
.zx11-pair-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:42px 0 20px}
.zx11-pair-heading h2{font:500 clamp(22px,2.5vw,31px)/1.4 'Noto Serif CJK SC','Songti SC',serif;color:#173e3b;margin:8px 0 0}
.zx11-pair-heading .zx11-muted{font-size:12px;color:#80918b;margin:7px 0 0}
.zx11-aux-caption{color:#b28b59;font-size:11px;white-space:nowrap;letter-spacing:.7px}
.zx11-eyebrow{display:block;color:#efd8a5;font-size:11px;letter-spacing:3px;font-weight:650}
.zx11-civic-hero,.zx11-archive-hero{--px:0px;--py:0px;--mx:50%;--my:50%;overflow:hidden;position:relative;isolation:isolate;color:#fff;background:#163e38;border-radius:28px;box-shadow:0 28px 55px rgba(25,55,49,.17),inset 0 0 0 1px rgba(245,215,158,.6)}
.zx11-civic-hero{min-height:355px;display:flex;align-items:center;padding:38px clamp(25px,6vw,74px)}
.zx11-civic-herolayer,.zx11-archive-hero>img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;z-index:-3;transform:scale(1.07) translate(var(--px),var(--py));transition:transform 1s cubic-bezier(.19,.7,.3,1)}
.zx11-civic-herolayer{background:url('assets/rites/stages/rite-09-02.webp') center 48% /cover no-repeat;animation:zx11-breath 18s ease-in-out infinite alternate}
.zx11-civic-hero:before,.zx11-archive-scrim{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(8,34,36,.92),rgba(10,47,43,.81) 44%,rgba(10,45,40,.16) 95%)}
.zx11-civic-hero:after,.zx11-archive-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(251,212,136,.24),transparent 60%),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.014) 13px 14px);mix-blend-mode:screen}
.zx11-civic-hero-content{position:relative;z-index:1;max-width:630px}
.zx11-civic-hero h2,.zx11-archive-content h2{font:500 clamp(32px,4vw,57px)/1.32 'Noto Serif CJK SC','Songti SC',serif;letter-spacing:2px;margin:13px 0 19px;color:#fffdf5;text-shadow:0 4px 19px rgba(8,32,26,.35)}
.zx11-civic-hero h2 em,.zx11-archive-content h2 em{font-style:normal;color:#ffdf9f}
.zx11-civic-hero p,.zx11-archive-content p{font-size:13px;line-height:2;color:#e7e6da;letter-spacing:.5px;margin:0 0 25px}
.zx11-hero-button{border:1px solid rgba(255,249,216,.7);padding:11px 20px;color:#27453b;background:linear-gradient(120deg,#fff9e9,#e7c78e);border-radius:100px;box-shadow:0 8px 25px rgba(202,157,89,.35);font-size:12px;font-weight:700;display:inline-flex;gap:40px;align-items:center;transition:transform .3s,box-shadow .3s}
.zx11-hero-button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(202,157,89,.48)}
.zx11-hero-stamp{position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(8deg);border:1px solid rgba(253,225,161,.5);outline:1px solid rgba(253,225,161,.22);outline-offset:9px;border-radius:50%;display:grid;align-content:center;justify-items:center;width:114px;height:146px;font:21px/1.45 serif;color:#f4d7a0;backdrop-filter:blur(9px);background:rgba(21,60,54,.22);animation:zx11-seal 8s ease-in-out infinite}
@keyframes zx11-seal{50%{transform:translateY(calc(-50% - 7px)) rotate(5deg)}}
.zx11-compare{border:1px solid rgba(217,189,137,.40);padding:18px;border-radius:23px;background:linear-gradient(145deg,rgba(255,252,245,.86),rgba(238,246,238,.66));box-shadow:0 17px 37px rgba(10,48,41,.065)}
.zx11-compare-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.zx11-compare-card{position:relative;overflow:hidden;min-width:0;min-height:235px;border:1px solid rgba(214,198,162,.43);border-radius:16px;background:#24473d;color:#fff;text-align:left;padding:15px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:transform .38s,box-shadow .38s,border-color .38s}
.zx11-compare-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,36,32,.94),rgba(8,35,29,.12) 75%);z-index:-1}
.zx11-compare-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s,filter .4s}
.zx11-compare-card:hover,.zx11-compare-card.is-active{transform:translateY(-5px);box-shadow:0 17px 27px rgba(18,58,43,.18);border-color:#f0c98d}
.zx11-compare-card:hover img,.zx11-compare-card.is-active img{transform:scale(1.09)}
.zx11-compare-card.is-active:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,222,157,.9);border-radius:inherit;pointer-events:none}
.zx11-compare-num{position:absolute;left:14px;top:13px;color:#ffe6af;font-size:10px;letter-spacing:1px}
.zx11-compare-card b{font:600 20px/1.4 'Noto Serif CJK SC','Songti SC',serif}
.zx11-compare-card>span:last-child{font-size:11px;opacity:.85;margin-top:3px}
.zx11-compare-view{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:16px}
.zx11-compare-view>div:not(.zx11-compare-middle){border:1px solid rgba(224,201,164,.42);border-radius:16px;background:rgba(255,255,255,.83);padding:23px}
.zx11-compare-view small{font-weight:800;color:#a98454;letter-spacing:1.5px;font-size:10px}
.zx11-compare-view h3{font:600 21px/1.4 'Noto Serif CJK SC','Songti SC',serif;color:#234c41;margin:7px 0}
.zx11-compare-view p{font-size:12px;color:#647a70;line-height:1.9;margin:0}
.zx11-compare-view button{border:0;border-radius:100px;background:#1a4a44;color:white;padding:8px 14px;font-size:11px;margin-top:14px}
.zx11-compare-middle{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;font:22px/1.3 serif;color:#b99b68}
.zx11-compare-middle i{font-style:normal;font-size:25px;color:#739081;transform:rotate(90deg)}
.zx11-game-layout{display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);border-radius:24px;overflow:hidden;border:1px solid rgba(209,179,121,.49);background:linear-gradient(125deg,rgba(249,248,239,.95),rgba(253,250,244,.92));box-shadow:0 24px 55px rgba(15,46,43,.1);min-height:600px}
.zx11-game-visual{position:relative;min-height:580px;isolation:isolate;background:#153f38;overflow:hidden}
.zx11-game-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,27,25,.2) 0%,rgba(7,29,27,0) 30%,rgba(6,28,27,.9) 100%)}
.zx11-game-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:opacity .45s,transform 10s ease;animation:zx11-picture 18s ease-in-out infinite alternate}
.zx11-game-visual>img.zx11-image-dissolve{opacity:.18;transform:scale(1.1)}
@keyframes zx11-picture{50%{transform:scale(1.085) translateX(-1.4%)}}
.zx11-game-float{position:absolute;top:22px;left:20px;z-index:2;border:1px solid rgba(245,218,162,.5);border-radius:80px;color:#fff3d1;background:rgba(14,47,42,.55);backdrop-filter:blur(9px);padding:6px 13px;font-size:11px;letter-spacing:2px}
.zx11-game-image-caption{position:absolute;z-index:2;bottom:31px;left:30px;right:25px;color:#fff}
.zx11-game-image-caption span{font-size:11px;color:#ecd0a2;letter-spacing:2px}
.zx11-game-image-caption h3{font:500 clamp(25px,2.4vw,37px)/1.4 'Noto Serif CJK SC','Songti SC',serif;margin:9px 0}
.zx11-game-image-caption p{font-size:13px;line-height:1.95;max-width:340px;color:#eee9df;margin:0}
.zx11-game-console{padding:20px 24px;min-width:0;display:flex;flex-direction:column;gap:15px}
.zx11-game-console #quiz-app{flex:1}
.zx11-game-console .quiz-card{height:100%;background:rgba(255,254,249,.82);border:1px solid rgba(222,198,153,.45);border-radius:17px;padding:26px 24px;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.zx11-game-console .quiz-card h3{font-size:clamp(18px,1.5vw,22px);margin-bottom:18px}
.zx11-game-console .quiz-option{min-height:59px;border-radius:13px;transition:background .2s,border-color .25s,transform .2s,box-shadow .2s;background:rgba(255,255,255,.95)}
.zx11-game-console .quiz-option:hover:not(:disabled){transform:translateX(5px);border-color:#cba46e;box-shadow:0 7px 18px rgba(39,69,48,.075)}
.zx11-game-console .quiz-option.good{background:#e7f3e9}.zx11-game-console .quiz-option.bad{background:#f9eee4}
.zx11-game-console .quiz-reason{border-radius:12px;animation:zx11-pop .38s ease}
.zx11-game-console .quiz-next button,.zx11-game-console .result-actions button{border-radius:50px}
.zx11-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.zx11-chapter{padding:6px 0;border:1px solid rgba(194,172,137,.45);color:#9da9a0;background:rgba(255,255,255,.45);border-radius:99px;text-align:center;font-size:10px;transition:background .3s,color .3s}
.zx11-chapter.here{color:#fae7bd;background:#1a4b43;box-shadow:0 5px 14px rgba(19,58,50,.16)}.zx11-chapter.done{color:#285448;background:#ebf0e8}
.zx11-game-lights{position:absolute;z-index:3;right:25px;top:23px;display:flex;gap:8px}
.zx11-game-lights i{width:5px;height:5px;border-radius:50%;background:#ffe4a6;box-shadow:0 0 18px rgba(249,209,141,.9);animation:zx11-flicker 4s infinite alternate}
.zx11-game-lights i:nth-child(2){animation-delay:-2s}.zx11-game-lights i:nth-child(3){animation-delay:-3s}
@keyframes zx11-flicker{50%{opacity:.2;transform:scale(.6)}}
/* archives */
.zx11-archive-hero{min-height:320px;display:flex;align-items:center;padding:38px clamp(25px,6vw,70px)}
.zx11-archive-content{max-width:640px;position:relative;z-index:2}
.zx11-archive-content h2{font-size:clamp(30px,3.7vw,48px)}.zx11-archive-content p{max-width:490px}
.zx11-archive-numbers{display:flex;gap:22px;flex-wrap:wrap}
.zx11-archive-numbers span{font-size:12px;color:#f4ead8;border-right:1px solid rgba(241,215,164,.4);padding-right:23px;white-space:nowrap}
.zx11-archive-numbers span:last-child{border:0}.zx11-archive-numbers b{font:29px Georgia,serif;color:#f6d39a;margin-right:4px}
.zx11-archive-ring{position:absolute;right:8%;top:40%;z-index:1;display:grid;place-items:center;width:132px;height:132px;border:1px solid rgba(240,209,144,.7);border-radius:50%;box-shadow:0 0 0 20px rgba(230,197,145,.09),0 0 0 40px rgba(236,208,155,.05);font:55px serif;color:#ffe0a4;animation:zx11-ring 12s ease-in-out infinite}
@keyframes zx11-ring{50%{box-shadow:0 0 0 36px rgba(230,197,145,.06),0 0 0 60px rgba(236,208,155,.025);transform:rotate(9deg)}}
.zx11-map-shell{border:1px solid rgba(211,183,128,.52);border-radius:25px;padding:20px;background:linear-gradient(138deg,rgba(253,249,239,.96),rgba(231,242,233,.79));box-shadow:0 16px 44px rgba(21,59,49,.08)}
.zx11-map-top{display:flex;justify-content:space-between;align-items:center;gap:10px;letter-spacing:1px;color:#a68052;font-size:11px;padding:2px 9px 10px}
.zx11-map-current{background:#214e43;color:#f9dfaa;border-radius:50px;padding:6px 11px}
.zx11-map-route{height:355px;position:relative;isolation:isolate;border-radius:19px;background:radial-gradient(ellipse at 30% 70%,rgba(225,239,225,.73),transparent 67%),radial-gradient(ellipse at 70% 15%,rgba(243,230,203,.53),transparent 58%),rgba(255,254,248,.63);border:1px solid rgba(207,195,161,.45);overflow:hidden}
.zx11-map-route:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('assets/ornaments/clouds.svg') 47% 55%/75% auto no-repeat;opacity:.13}
.zx11-route-draw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.zx11-route-shadow{fill:none;stroke:rgba(220,190,125,.30);stroke-width:18;stroke-linecap:round}.zx11-route-line{fill:none;stroke:#b68e50;stroke-width:2.4;stroke-dasharray:9 12;animation:zx11-waterflow 30s linear infinite}
@keyframes zx11-waterflow{to{stroke-dashoffset:-400}}
.zx11-map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;color:#4d695c;padding:0;z-index:1;min-width:65px;transition:transform .25s}
.zx11-map-node .zx11-node-dot{font:600 15px Georgia,serif;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(184,153,96,.65);border-radius:50%;background:rgba(255,252,242,.96);box-shadow:0 5px 14px rgba(25,67,55,.10);transition:transform .3s,background .3s,color .3s}
.zx11-map-node small{font-size:11px;white-space:nowrap;background:rgba(249,249,242,.9);padding:1px 5px;border-radius:5px}
.zx11-map-node:hover{transform:translate(-50%,-55%)}.zx11-map-node:hover .zx11-node-dot{transform:scale(1.12)}
.zx11-map-node.is-selected .zx11-node-dot{background:#164a42;color:#ffdfa2;border-color:#e7c68a;box-shadow:0 0 0 7px rgba(211,179,117,.17),0 7px 18px rgba(20,72,59,.19)}
.zx11-evidence-spot{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:288px;overflow:hidden;border-radius:18px;border:1px solid rgba(198,185,160,.5);margin-top:16px;background:rgba(255,255,255,.88)}
.zx11-spot-image{position:relative;min-height:290px;overflow:hidden;background:#173e3c}.zx11-spot-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s}.zx11-evidence-spot:hover img{transform:scale(1.04)}
.zx11-image-index{position:absolute;left:17px;top:16px;background:rgba(8,43,38,.75);backdrop-filter:blur(8px);color:#ffdfab;font-size:11px;letter-spacing:2px;border-radius:30px;padding:7px 13px}
.zx11-spot-details{padding:25px 29px;display:flex;flex-direction:column;align-items:flex-start}
.zx11-spot-details h3{font:600 29px 'Noto Serif CJK SC','Songti SC',serif;color:#19433b;margin:8px 0 6px}
.zx11-spot-summary{font-size:13px;line-height:1.9;color:#63796c;margin:0}
.zx11-spot-rule{background:#f0f5ef;border-left:3px solid #b7a076;border-radius:0 9px 9px 0;padding:10px 15px;margin-top:13px;width:100%}
.zx11-spot-rule span{font-size:10px;letter-spacing:2px;color:#a38256}.zx11-spot-rule p{font-size:12px;color:#627666;line-height:1.85;margin:4px 0 0}
.zx11-spot-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:15px;align-items:center}
.zx11-spot-links button,.zx11-spot-links a{border:1px solid #c6a274;text-decoration:none;border-radius:99px;background:#245249;color:white;font-size:11px;padding:9px 14px}
.zx11-spot-links a{background:transparent;color:#936c43}
.zx11-evidence-tabs button{text-align:left;cursor:pointer;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;border-radius:15px;padding:19px;min-height:148px}
.zx11-evidence-tabs button:hover,.zx11-evidence-tabs button[aria-pressed="true"]{background:linear-gradient(160deg,#fff9ed,#ecf3ea);transform:translateY(-4px);border-color:#d1ab72!important;box-shadow:0 13px 24px rgba(35,67,49,.11)}
.zx11-evidence-explainer{margin-top:12px;border:1px solid #dfd4b9;background:rgba(255,252,243,.94);border-radius:16px;padding:17px 22px;display:flex;gap:19px;align-items:center;animation:zx11-pop .4s ease}
.zx11-evidence-emblem{font:24px Georgia,serif;color:#aa7e49;border:1px solid #d9b98c;border-radius:50%;width:63px;height:63px;flex:0 0 63px;display:grid;place-items:center}
.zx11-evidence-explainer b{font-size:14px;color:#21493e}.zx11-evidence-explainer p{font-size:12px;line-height:1.9;margin:4px 0 0;color:#758277}
.zx11-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.zx11-source-list .source-card{margin:0;padding:23px;align-items:flex-start;justify-content:flex-start;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:220px;position:relative;border-radius:17px!important;transition:transform .4s,box-shadow .4s,background .4s}
.zx11-source-list .source-card:hover{transform:translateY(-5px);box-shadow:0 20px 32px rgba(15,54,41,.11);background:linear-gradient(120deg,#fff,#f6f5e9)}
.zx11-source-sigil{grid-column:1;grid-row:1/3;display:grid;place-items:center;border:1px solid #e0c8a0;background:#f8f0e0;color:#ab824d;border-radius:50%;width:45px;height:45px;font:25px serif}
.zx11-source-list .source-card>div{grid-column:2;grid-row:1;min-width:0}.zx11-source-list .source-card a{grid-column:2;grid-row:2;align-self:end;justify-self:start;margin-top:10px;text-decoration:none;border:1px solid #d8bb8b;border-radius:30px;padding:7px 15px;font-size:11px}
.zx11-source-list .source-card p{line-height:1.7;white-space:normal}
.zx11-changing{animation:zx11-pop .4s cubic-bezier(.2,.7,.2,1)}
@keyframes zx11-pop{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Full-site motion upgrade: gradual depth, scroll reveals, story and modal response */
.hero-shell:before{animation:zx11-hero-pan 19s ease-in-out infinite alternate}
@keyframes zx11-hero-pan{from{transform:scale(1.025) translate(0,0)}to{transform:scale(1.09) translate(-1.2%,.6%)}}
.page.active{animation:zx11-page-in .55s cubic-bezier(.2,.72,.2,1)}
@keyframes zx11-page-in{from{opacity:.1;transform:translateY(17px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.rite-card,.zx-photo-card,.zxv9-link-card,.zxv9-jump-btn,.feature-card{will-change:auto}
.zx-photo-card .zx-photo-thumb{position:relative}.zx-photo-card .zx-photo-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(113deg,transparent 17%,rgba(255,244,214,.22) 45%,transparent 67%);transform:translateX(-140%) skew(-10deg);transition:transform .9s;pointer-events:none}.zx-photo-card:hover .zx-photo-thumb:after{transform:translateX(140%) skew(-10deg)}
.zxv9-link-card,.zxv9-jump-btn{transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s}
.zxv9-link-card:hover,.zxv9-jump-btn:hover{transform:translateY(-6px);box-shadow:0 20px 30px rgba(20,67,49,.12)}
.zx11-watch{opacity:0;transform:translateY(27px) scale(.988)}.zx11-watch.zx11-seen{opacity:1;transform:translateY(0) scale(1);transition:opacity .78s,transform .78s cubic-bezier(.2,.8,.1,1)}
.zx11-watch.zx11-seen.zx11-compare-card:hover{transform:translateY(-5px)}
@media(max-width:1100px){.zx11-game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zx11-game-console{padding:15px}.zx11-game-console .quiz-card{padding:18px}.zx11-spot-details{padding:22px}}
@media(max-width:880px){.zx11-game-layout{grid-template-columns:1fr}.zx11-game-visual{min-height:375px}.zx11-game-console{padding:16px}.zx11-compare-card{min-height:190px;padding:12px}.zx11-compare-card b{font-size:17px}.zx11-archive-ring{right:4%;opacity:.4}.zx11-map-node small{font-size:9px}}
@media(max-width:720px){.zx11-aux-caption{display:none}.zx11-pair-heading{margin:32px 0 16px}.zx11-civic-hero,.zx11-archive-hero{border-radius:20px;padding:32px 23px;min-height:340px}.zx11-civic-hero h2,.zx11-archive-content h2{font-size:32px}.zx11-civic-hero p,.zx11-archive-content p{font-size:12px}.zx11-hero-stamp,.zx11-archive-ring{display:none}.zx11-compare{padding:11px;border-radius:17px}.zx11-compare-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zx11-compare-card{min-height:174px}.zx11-compare-view{grid-template-columns:1fr;gap:6px}.zx11-compare-middle{flex-direction:row;gap:15px}.zx11-compare-middle i{transform:none}.zx11-compare-view>div:not(.zx11-compare-middle){padding:16px}.zx11-game-visual{min-height:310px}.zx11-game-image-caption{bottom:20px;left:19px}.zx11-game-image-caption h3{font-size:24px}.zx11-game-console{padding:12px}.zx11-game-console .quiz-card{padding:17px}.zx11-game-console .quiz-option{min-height:48px}.zx11-archive-numbers{gap:7px}.zx11-archive-numbers span{font-size:9px;padding-right:8px}.zx11-archive-numbers b{font-size:21px}.zx11-map-shell{padding:10px}.zx11-map-top{font-size:9px}.zx11-map-route{height:auto;min-height:360px}.zx11-route-draw{display:none}.zx11-map-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.zx11-map-node{position:relative;left:auto;top:auto;transform:none!important;gap:3px;min-width:0}.zx11-map-node .zx11-node-dot{width:38px;height:38px;font-size:13px}.zx11-map-node small{font-size:10px}.zx11-evidence-spot{grid-template-columns:1fr}.zx11-spot-image{min-height:205px}.zx11-spot-details{padding:17px}.zx11-spot-details h3{font-size:24px}.zx11-evidence-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.zx11-evidence-tabs button{min-height:132px;padding:14px}.zx11-evidence-explainer{padding:13px}.zx11-source-list{grid-template-columns:1fr}.zx11-source-list .source-card{min-height:170px}.zx11-game-lights{top:19px}}
@media(prefers-reduced-motion:reduce){.zx11-civic-herolayer,.hero-shell:before,.zx11-game-visual>img,.zx11-hero-stamp,.zx11-archive-ring,.zx11-route-line,.zx11-game-lights i{animation:none!important}.zx11-watch{opacity:1!important;transform:none!important}.zx11-map-node,.zx11-compare-card,.zx11-compare-card img{transition:none!important}}
@media print{.zx11-map-route{min-height:270px}.zx11-game-console .quiz-card{height:auto}.zx11-game-visual{min-height:300px}.zx11-watch{opacity:1;transform:none}}

#zx11-scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#e5c488,#fff5d5,#b98e4c);transform:scaleX(0);transform-origin:0 50%;z-index:45;pointer-events:none;box-shadow:0 1px 8px rgba(216,173,96,.4)}
.side-nav .nav-btn{position:relative;overflow:hidden;transition:background .35s,color .3s,transform .3s}.side-nav .nav-btn:hover{transform:translateX(4px)}.side-nav .nav-btn:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,218,162,.83),transparent);transform:scaleX(0);transition:transform .4s}.side-nav .nav-btn:hover:after,.side-nav .nav-btn.active:after{transform:scaleX(1)}
.zxv9-story-panel:before{content:"";position:absolute;inset:auto 13% 0 13%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,158,105,.33),transparent)}
#page-museum .museum-stage,#page-stories .zxv9-story-panel{transition:box-shadow .45s,transform .45s}#page-stories .zxv9-story-panel:hover{box-shadow:0 25px 45px rgba(17,55,43,.11);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){#zx11-scroll-progress{transition:none}.side-nav .nav-btn,.side-nav .nav-btn:after{transition:none}}