.spirit-shell{--teal:#50f0d0;--gold:#f7c86a;color:#edf9f2;min-height:100svh;font-family:var(--font-sans);background:#020807;position:relative;overflow-x:hidden}.spirit-shell.chapter-2{--teal:#8aa7ff;--gold:#ffd27b}.spirit-shell.chapter-3{--teal:#62d8ff;--gold:#ff8b7a}.spirit-shell.chapter-4{--teal:#ffad68;--gold:#6fffe1}.spirit-shell.chapter-5{--teal:#d29cff;--gold:#ffd966}.spirit-keyart{filter:saturate(.78);z-index:0;background:linear-gradient(90deg,#020807fa 0%,#020807bf 45%,#020807eb 100%),url(/chu-han-realm-pages/_next/static/spirit-maze-sanctuary-v1.png) 50% 35%/cover;position:fixed;inset:0}.spirit-keyart:after{content:"";background:radial-gradient(circle at 50% 45%,#0000 0 25%,#000000b3 78%),repeating-linear-gradient(90deg,#0000 0 99px,#50f0d006 100px);position:absolute;inset:0}.spirit-shell>:not(.spirit-keyart){z-index:1;position:relative}.spirit-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020909e0;border-bottom:1px solid #50f0d033;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(16px,3vw,52px);display:grid}.spirit-home{color:#b8cec9;letter-spacing:.12em;font-weight:700;text-decoration:none}.spirit-brand{align-items:center;gap:14px;display:flex}.spirit-brand>span{border:1px solid var(--gold);width:54px;height:54px;color:var(--gold);font:700 29px var(--font-serif);box-shadow:inset 0 0 22px color-mix(in srgb,var(--gold) 18%,transparent);place-items:center;display:grid;transform:rotate(45deg)}.spirit-brand>span:first-letter{transform:rotate(-45deg)}.spirit-brand div{flex-direction:column;display:flex}.spirit-brand small,.spirit-mission>p,.spirit-intel>p,.spirit-curtain small,.spirit-result>small,.spirit-rules>small{letter-spacing:.3em;color:var(--teal);font-size:10px}.spirit-brand h1{font:700 27px var(--font-serif);letter-spacing:.16em;margin:3px 0 0}.spirit-tools{justify-self:end;gap:8px;display:flex}.spirit-tools button,.spirit-pause{color:#d8e5de;cursor:pointer;background:#071211b8;border:1px solid #f7c86a3d;padding:11px 15px}.spirit-layout{grid-template-columns:minmax(210px,260px) minmax(410px,720px) minmax(210px,260px);align-items:start;gap:20px;max-width:1600px;margin:0 auto;padding:22px clamp(14px,2.5vw,40px) 30px;display:grid}.spirit-mission,.spirit-intel{background:linear-gradient(145deg,#081614f0,#020a0ae8);border:1px solid #50f0d033;padding:24px;box-shadow:0 24px 70px #00000057}.spirit-mission h2,.spirit-intel h2{font:700 30px var(--font-serif);margin:8px 0}.spirit-mission>span{color:#93aaa4;font-size:13px}.spirit-level-tabs{gap:6px;margin-top:24px;display:grid}.spirit-level-tabs button{color:#6e827e;text-align:left;font:700 17px var(--font-serif);cursor:pointer;background:0 0;border:0;border-left:2px solid #50f0d026;align-items:center;gap:10px;padding:8px 10px;display:flex}.spirit-level-tabs button small{font:500 11px var(--font-sans);letter-spacing:.05em}.spirit-level-tabs button.active{color:var(--gold);border-color:var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent)}.spirit-level-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0;display:grid}.spirit-level-grid button{aspect-ratio:1;color:#80928d;cursor:pointer;background:#06110f;border:1px solid #50f0d029;flex-direction:column;justify-content:center;align-items:center;display:flex}.spirit-level-grid button b{font-size:14px}.spirit-level-grid button small{color:#5d706b;font-size:8px}.spirit-level-grid button.active{border-color:var(--gold);color:#fff;background:color-mix(in srgb,var(--gold) 15%,#06110f);box-shadow:0 0 18px color-mix(in srgb,var(--gold) 15%,transparent)}.spirit-level-grid button:disabled{opacity:.3;cursor:not-allowed}.spirit-record{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;padding-top:17px;display:grid}.spirit-record small{color:#718781}.spirit-record b{color:var(--gold);font-size:20px}.spirit-record span{color:#9caeaa;grid-column:1/-1;margin-top:4px;font-size:12px}.spirit-console{min-width:0}.spirit-hud{background:#030c0ced;border:1px solid #50f0d038;grid-template-columns:repeat(4,1fr);display:grid}.spirit-hud span{border-right:1px solid #ffffff12;padding:12px 14px}.spirit-hud span:last-child{border:0}.spirit-hud small{letter-spacing:.18em;color:#67817a;font-size:8px;display:block}.spirit-hud b{color:#efe2bd;margin-top:4px;font-size:15px;display:block}.spirit-canvas-frame{background:#020606;border:1px solid #f7c86a5c;border-top:0;padding:8px;position:relative;box-shadow:0 35px 90px #0009,inset 0 0 40px #50f0d00d}.spirit-canvas-frame canvas{object-fit:contain;image-rendering:auto;width:100%;height:auto;max-height:calc(100svh - 235px);display:block}.spirit-canvas-frame:before{content:"";pointer-events:none;position:absolute;inset:8px;box-shadow:inset 0 0 35px #000000b8}.spirit-curtain{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#0a2522d6,#010808f5 68%);place-content:center;justify-items:center;padding:28px;display:grid;position:absolute;inset:8px}.spirit-curtain h2{font:700 clamp(30px,5vw,54px) var(--font-serif);color:#f3e2b4;margin:12px 0}.spirit-curtain p{color:#a9bcb7;max-width:420px;line-height:1.8}.spirit-curtain button,.spirit-result .primary,.spirit-rules .primary{border:1px solid var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 35%,#10201c),#10201c);color:#fff0c8;letter-spacing:.14em;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 12%,transparent);margin-top:16px;padding:14px 24px;font-weight:800}.spirit-curtain.compact h2{font-size:36px}.spirit-status{background:#030d0cf0;border:1px solid #50f0d033;border-top:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:grid}.spirit-status i{background:var(--teal);width:9px;height:9px;box-shadow:0 0 13px var(--teal);border-radius:50%}.spirit-status i.powered{background:var(--gold);box-shadow:0 0 20px var(--gold);animation:.7s infinite spiritPulse}.spirit-status p{color:#a9bbb6;margin:0;font-size:12px}.spirit-status b{color:var(--gold)}.spirit-intel ol{gap:9px;margin:20px 0;padding:0;list-style:none;display:grid}.spirit-intel li{background:#ffffff06;border:1px solid #ffffff0f;align-items:center;gap:11px;padding:8px;display:flex}.spirit-intel li i{clip-path:polygon(50% 0,62% 25%,88% 12%,75% 38%,100% 50%,75% 62%,88% 88%,62% 75%,50% 100%,38% 75%,12% 88%,25% 62%,0 50%,25% 38%,12% 12%,38% 25%);width:29px;height:29px;box-shadow:inset 0 0 0 3px var(--shadow);background:#071015}.spirit-intel li span{flex-direction:column;display:flex}.spirit-intel li b{font:700 15px var(--font-serif);color:#e7ded0}.spirit-intel li small{color:#728984;font-size:10px}.spirit-power{border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);flex-direction:column;gap:6px;padding:15px;display:flex}.spirit-power b{color:var(--gold)}.spirit-power span{color:#8fa39e;font-size:11px;line-height:1.7}.spirit-pause{justify-content:space-between;width:100%;margin-top:16px;display:flex}.spirit-pause kbd{color:#70827f;font-size:9px}.spirit-mobile-controls{display:none}.spirit-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000606d1;place-items:center;padding:18px;display:grid;inset:0;z-index:20!important;position:fixed!important}.spirit-result,.spirit-rules{text-align:center;background:linear-gradient(145deg,#0c201c,#030b0b);border:1px solid #f7c86a70;width:min(660px,100%);padding:clamp(24px,5vw,52px);position:relative;box-shadow:0 40px 100px #000}.spirit-result>i{border:1px solid var(--gold);width:84px;height:84px;font:700 36px var(--font-serif);color:var(--gold);place-items:center;margin:20px auto;font-style:normal;display:grid;transform:rotate(45deg)}.spirit-result h2,.spirit-rules h2{font:700 40px var(--font-serif);margin:22px 0 8px}.spirit-result>p{color:#95aaa5}.spirit-result>div{border:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);margin:26px 0;display:grid}.spirit-result>div span{border-right:1px solid #ffffff14;flex-direction:column;padding:15px;display:flex}.spirit-result>div span:last-child{border:0}.spirit-result>div b{color:var(--gold);font-size:23px}.spirit-result>div small{color:#70827f}.spirit-result nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.spirit-result nav a,.spirit-result nav button{color:#d8e2dd;cursor:pointer;background:#091512;border:1px solid #ffffff24;padding:13px 17px;text-decoration:none}.spirit-result nav .primary{border-color:var(--gold);margin:0}.spirit-rules{text-align:left}.spirit-rules>.close{color:#fff;background:0 0;border:1px solid #ffffff1a;width:42px;height:42px;font-size:23px;position:absolute;top:14px;right:14px}.spirit-rules ol{grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none;display:grid}.spirit-rules li{background:#ffffff09;grid-template-columns:42px 1fr;gap:12px;padding:15px;display:grid}.spirit-rules li b{font:700 27px var(--font-serif);color:var(--gold)}.spirit-rules li span{color:#9cb0aa;font-size:12px;line-height:1.7}@keyframes spiritPulse{50%{opacity:.65;transform:scale(1.5)}}@media (max-width:1120px){.spirit-layout{grid-template-columns:210px minmax(400px,1fr)}.spirit-intel{display:none}}@media (max-width:760px){.spirit-keyart{background:linear-gradient(#020807db,#020807fa),url(/chu-han-realm-pages/_next/static/spirit-maze-sanctuary-v1.png) 50% 10%/auto 46% no-repeat}.spirit-header{grid-template-columns:auto 1fr auto;height:68px;padding:0 10px}.spirit-brand{justify-self:center}.spirit-brand>span{width:38px;height:38px;font-size:21px}.spirit-brand h1{font-size:19px}.spirit-brand small{display:none}.spirit-home{font-size:12px}.spirit-tools button:first-child{display:none}.spirit-tools button{padding:9px;font-size:11px}.spirit-layout{padding:8px 8px 132px;display:block}.spirit-mission{grid-template-columns:1fr auto;align-items:center;margin-bottom:7px;padding:10px 12px;display:grid}.spirit-mission>p,.spirit-mission>span,.spirit-level-tabs,.spirit-record{display:none}.spirit-mission h2{margin:0;font-size:19px}.spirit-level-grid{scrollbar-width:none;grid-template-columns:repeat(10,29px);max-width:calc(100vw - 145px);margin:0;overflow-x:auto}.spirit-level-grid button{min-width:29px}.spirit-level-grid button small{display:none}.spirit-hud span{padding:8px 6px}.spirit-hud small{font-size:6px}.spirit-hud b{font-size:11px}.spirit-canvas-frame{padding:4px}.spirit-canvas-frame canvas{max-height:calc(100svh - 276px)}.spirit-curtain{padding:18px;inset:4px}.spirit-curtain h2{font-size:27px}.spirit-curtain p{font-size:12px}.spirit-status{min-height:42px;padding:0 9px}.spirit-status p{font-size:10px}.spirit-mobile-controls{bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020b0ae0;border:1px solid #f7c86a47;border-radius:18px;grid-template:44px 44px 44px/58px 58px 58px;gap:3px;padding:7px;display:grid;left:50%;transform:translate(-50%);z-index:8!important;position:fixed!important}.spirit-mobile-controls button{color:#e9dba9;touch-action:none;background:#0b1c19;border:1px solid #50f0d03d;border-radius:9px;font-size:20px}.spirit-mobile-controls button small{font-size:7px;display:block}.spirit-mobile-controls .up{grid-area:1/2}.spirit-mobile-controls .left{grid-area:2/1}.spirit-mobile-controls .right{grid-area:2/3}.spirit-mobile-controls .down{grid-area:3/2}.spirit-result,.spirit-rules{max-height:92svh;padding:25px 18px;overflow:auto}.spirit-result h2,.spirit-rules h2{font-size:29px}.spirit-result>div{margin:18px 0}.spirit-result>div b{font-size:17px}.spirit-result nav{grid-template-columns:1fr 1fr;display:grid}.spirit-rules ol{grid-template-columns:1fr}.spirit-rules .primary{width:100%}}@media (max-height:700px) and (min-width:761px){.spirit-header{height:66px}.spirit-layout{padding-top:10px}.spirit-mission,.spirit-intel{padding:16px}.spirit-canvas-frame canvas{max-height:calc(100svh - 175px)}}@media (prefers-reduced-motion:reduce){.spirit-status i.powered{animation:none}}.spirit-curtain em{color:var(--gold);font-style:normal;font:700 15px var(--font-serif);letter-spacing:.08em}.spirit-mobile-controls .dash{border-color:var(--gold);color:#fff3bd;background:color-mix(in srgb,var(--gold) 14%,#0b1c19)}.spirit-mobile-controls .dash:disabled{opacity:.38;filter:saturate(.3)}@media (max-width:760px){.spirit-mobile-controls{grid-template:44px 44px 44px/52px 52px 52px 64px}.spirit-mobile-controls .dash{border-radius:50%;grid-area:2/4;align-self:center;height:52px}}@media (min-width:761px){.spirit-shell{height:100svh;min-height:0;overflow:hidden}.spirit-header{height:70px;padding-inline:clamp(14px,2vw,32px)}.spirit-brand>span{width:44px;height:44px;font-size:24px}.spirit-brand h1{font-size:23px}.spirit-brand small{font-size:8px}.spirit-tools button{padding:9px 12px}.spirit-layout{grid-template-columns:minmax(182px,228px) minmax(360px,1fr) minmax(182px,228px);align-items:stretch;gap:12px;height:calc(100svh - 70px);padding:10px clamp(10px,1.4vw,22px) 12px}.spirit-mission,.spirit-intel{height:100%;min-height:0;padding:15px;overflow:auto}.spirit-mission h2,.spirit-intel h2{margin:5px 0;font-size:24px}.spirit-level-tabs{gap:3px;margin-top:12px}.spirit-level-tabs button{padding:5px 8px;font-size:14px}.spirit-level-grid{gap:4px;margin:10px 0}.spirit-level-grid button b{font-size:12px}.spirit-record{padding-top:10px}.spirit-console{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.spirit-hud span{padding:8px 10px}.spirit-hud b{font-size:13px}.spirit-canvas-frame{justify-content:center;align-items:center;min-height:0;padding:6px;display:flex}.spirit-canvas-frame canvas{aspect-ratio:21/25;width:auto;max-width:100%;height:100%;max-height:100%}.spirit-canvas-frame:before{inset:6px}.spirit-curtain{padding:18px;inset:6px}.spirit-curtain h2{margin:8px 0;font-size:clamp(28px,4vh,42px)}.spirit-curtain p{margin:8px 0;line-height:1.55}.spirit-curtain button{margin-top:9px;padding:11px 20px}.spirit-status{min-height:40px;padding-inline:11px}.spirit-intel ol{gap:5px;margin:11px 0}.spirit-intel li{padding:6px}.spirit-power{padding:10px}.spirit-pause{margin-top:9px}}@media (min-width:761px) and (max-width:1120px){.spirit-layout{grid-template-columns:minmax(178px,214px) minmax(360px,1fr)}}@media (min-width:761px){.spirit-header{height:64px}.spirit-layout{height:calc(100svh - 64px)}.spirit-brand small{display:none}.spirit-hud small{font-size:9px}.spirit-hud b{font-size:14px}.spirit-mobile-controls button:disabled{opacity:.35}}.spirit-status b{text-align:right;max-width:230px;font-size:11px;line-height:1.25}.spirit-power br{content:"";margin-top:3px;display:block}@media (max-width:760px){.spirit-status{gap:7px}.spirit-status b{white-space:normal;max-width:104px;font-size:8px}.spirit-status p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.spirit-curtain{z-index:3;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#010a0afa 0%,#020e0ded 38%,#020d0c75 60%,#02080814 100%),linear-gradient(#0000 44%,#010808e0);place-content:end start;justify-items:start;padding:clamp(24px,4vw,52px)}.spirit-curtain>*{max-width:430px}.spirit-curtain h2{text-shadow:0 4px 28px #000;margin:8px 0 5px}.spirit-curtain em{border-left:2px solid var(--gold);background:#020d0c9e;padding:4px 8px}.spirit-curtain p{color:#c0d1cc;text-shadow:0 2px 10px #000;margin:9px 0;line-height:1.58}.spirit-curtain.compact{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010909e0;place-content:center;justify-items:center}.spirit-curtain.spirit-ready{pointer-events:none;background:radial-gradient(circle at 50% 55%,#082823b8,#010909e6 72%)}.spirit-curtain.spirit-ready p{text-align:center;color:#c6dbd4;max-width:360px}.spirit-level-grid button.landmark{border-color:color-mix(in srgb,var(--gold) 58%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 13%,#06110f),#06110f)}.spirit-level-grid button.landmark small{color:var(--gold)}.spirit-intel li.boss{border-color:color-mix(in srgb,var(--gold) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent)}.spirit-map-actions{align-items:center;gap:10px;width:min(430px,100%);margin:2px 0 5px;display:flex}.spirit-curtain .spirit-map-actions button{box-shadow:none;color:#bcfff1;letter-spacing:.08em;background:#031412db;border:1px solid #50f0d06b;margin:0;padding:7px 11px;font-size:10px}.spirit-map-actions span{color:#7f9992;font-size:9px}.spirit-curtain>small{overflow-wrap:anywhere}.spirit-briefing-controls{flex-wrap:wrap;gap:6px;margin:4px 0 2px;display:flex}.spirit-briefing-controls span{color:#8fa9a2;background:#03110fbf;border:1px solid #50f0d036;padding:5px 8px;font-size:9px}.spirit-briefing-controls kbd{color:#f7d987;font:700 8px var(--font-sans);margin-right:4px}.spirit-event-card{z-index:5;border:1px solid #f7c86a7a;border-left:3px solid var(--gold);pointer-events:none;background:linear-gradient(120deg,#031210f7,#061916e8);grid-template-columns:48px 1fr;align-items:center;gap:12px;width:min(354px,100% - 36px);min-height:76px;padding:12px;animation:3.2s both spiritEvent;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 18px 50px #00000094,inset 0 1px #ffffff0a}.spirit-event-card>i{width:46px;height:46px;color:var(--gold);font:700 22px var(--font-serif);border:1px solid;border-radius:50%;place-items:center;font-style:normal;display:grid;box-shadow:inset 0 0 18px #f7c86a1a,0 0 20px #f7c86a1f}.spirit-event-card>span{flex-direction:column;gap:2px;min-width:0;display:flex}.spirit-event-card small{color:#6fa899;letter-spacing:.28em;font-size:6px}.spirit-event-card b{color:#f3e5bd;font:700 18px var(--font-serif);letter-spacing:.08em}.spirit-event-card em{color:#a8bbb5;font:normal 10px/1.45 var(--font-sans)}.spirit-event-card.danger{border-color:#cf6656}.spirit-event-card.danger>i{color:#ff8975}.spirit-event-card.ward>i,.spirit-event-card.slow>i,.spirit-event-card.magnet>i{color:#71e5cf}.spirit-event-card.win{border-color:#f7d477}.spirit-event-card.lose{filter:saturate(.7);border-color:#a14545}.spirit-effect-rack{z-index:4;pointer-events:none;gap:5px;display:flex;position:absolute;bottom:13px;right:13px}.spirit-effect-rack span{color:#62746f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a09cc;border:1px solid #74918833;align-items:center;gap:5px;min-width:54px;padding:5px 7px;font-size:8px;display:flex}.spirit-effect-rack b{width:18px;height:18px;font:700 9px var(--font-serif);border:1px solid;border-radius:50%;place-items:center;display:grid}.spirit-effect-rack span.active{color:#bfeadf;background:#083027db;border-color:#50f0d080;box-shadow:0 0 18px #50f0d01a}.spirit-effect-rack span.active.power{color:#ffe69c;background:#44310ce0;border-color:#f7c86ab3;box-shadow:0 0 22px #f7c86a2e}@keyframes spiritEvent{0%{opacity:0;transform:translate(-24px)scale(.97)}8%,80%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.99)}}@media (max-width:760px){.spirit-curtain{place-content:end start;padding:16px}.spirit-curtain p{max-width:90%;font-size:10px}.spirit-briefing-controls span{padding:4px 5px;font-size:7px}.spirit-event-card{grid-template-columns:38px 1fr;width:min(300px,100% - 16px);min-height:58px;padding:8px;top:8px;left:8px}.spirit-event-card>i{width:36px;height:36px;font-size:17px}.spirit-event-card b{font-size:14px}.spirit-event-card em{font-size:8px}.spirit-effect-rack{gap:3px;bottom:7px;right:7px}.spirit-effect-rack span{min-width:0;padding:4px;font-size:0}.spirit-effect-rack b{width:17px;height:17px;font-size:8px}.spirit-tools{gap:3px}.spirit-tools button{padding:8px 6px}.spirit-map-actions span{display:none}.spirit-curtain>small{letter-spacing:.12em;font-size:7px}.spirit-result nav{grid-template-columns:repeat(2,1fr)}}