/* Five Realms — contemporary moving ink, bronze and mineral light. */
#view-wuxing{max-width:none}.realm-culture-intro{padding:35px 20px 25px!important}.realm-culture-intro .hero-eyebrow,.realm-culture-intro h1,.realm-culture-intro .hero-rule,.realm-culture-intro .hero-sub{display:none}.realm-culture-intro .hero-intro{max-width:820px;font-size:13px;line-height:2;margin:0 auto!important}.realm-section{padding-top:10px}.realm-section>.gf-heading{text-align:center;margin-bottom:30px}.realm-section>.gf-heading h2{font-size:43px;margin:12px 0}.realm-section>.gf-heading>span{letter-spacing:7px}.realm-section>.gf-heading p{font-size:13px;line-height:1.9}.realm-stage{position:relative;isolation:isolate;overflow:hidden;height:555px;background:#0b181b;border:1px solid #bda87677;color:#eee9d6;--realm-color:#a2c989;--realm-rgb:162,201,137;outline-offset:5px}.realm-stage:focus-visible{outline:2px solid var(--realm-color)}.realm-stage>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}.realm-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 80%,rgba(var(--realm-rgb),.12),transparent 70%);transition:background 1s}.realm-aurora{position:absolute;inset:0;z-index:1;opacity:.82;pointer-events:none}.realm-aurora canvas{width:100%;height:100%;display:block}.realm-aurora[hidden]{display:none}.realm-grain{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#071114c9,transparent 65%),linear-gradient(0deg,#070f13e6,transparent 30%,transparent 80%,#07111499)}.realm-topline{position:absolute;z-index:3;top:27px;left:32px;right:32px;display:flex;justify-content:space-between;gap:15px;color:var(--realm-color);font-size:11px;letter-spacing:3px;pointer-events:none}.realm-caption{position:absolute;top:34%;left:45px;z-index:3;pointer-events:none;max-width:55%}.realm-kicker{font-size:11px;letter-spacing:5px;opacity:.6}.realm-caption h2{font:49px/1.6 var(--title-font);color:#ece6ce;margin:12px 0 8px;letter-spacing:1px}.realm-caption p{font:15px/2 KaiTi,STKaiti,serif;letter-spacing:4px;color:var(--realm-color)}.realm-seal{font:56px/1 LXGWSeal,serif;position:absolute;right:-270px;top:-40px;color:var(--realm-color);opacity:.22;padding:12px;border:1px solid var(--realm-color)}.realm-bottom{position:absolute;z-index:4;bottom:27px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;align-items:end}.realm-bottom>p{font-size:11px;line-height:1.9;max-width:410px;color:#b5bcae;letter-spacing:1px}.realm-actions{display:flex;gap:12px;flex-shrink:0}.realm-actions button{border:1px solid #eee4bd44;border-radius:0;padding:12px 16px;font:12px STSong,SimSun,serif;background:#101b1caa;color:#d9d5c1;cursor:pointer;transition:background .3s,border-color .3s}.realm-actions button:hover{border-color:var(--realm-color);background:rgba(var(--realm-rgb),.15)}#realmAct{color:var(--realm-color)}#realmFeedback{position:absolute;z-index:3;right:33px;top:70px;color:var(--realm-color);font:18px KaiTi,serif;writing-mode:vertical-rl;letter-spacing:6px;pointer-events:none}.realm-compass{position:absolute;right:37px;bottom:115px;z-index:2;font:10px/2.2 STSong,serif;letter-spacing:2px;text-align:center;color:var(--realm-color);opacity:.45;pointer-events:none}.realm-select-hint{display:flex;justify-content:space-between;font-size:11px;color:#8d8467;letter-spacing:2px;margin:20px 0 10px}.realm-section .gf-screens{height:180px;border:0;padding:0;gap:9px;box-shadow:none;perspective:none}.realm-section .ag-panel__media{opacity:.04}.realm-section .ag-panel__overlay{background:linear-gradient(90deg,#070f1366,transparent)}.realm-mini{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9}.realm-section .gf-panel-name{top:20px;left:18px;font-size:36px;gap:10px}.realm-section .gf-panel-name small{font-size:12px;letter-spacing:3px}.realm-modern{font:10px STSong,SimSun,serif;opacity:.7;align-self:center}.realm-section .ag-panel__label{left:19px;bottom:19px}.realm-section .ag-panel__text{font-size:10px;letter-spacing:1px}.realm-section .ag-panel--active{border-color:var(--screen-color);box-shadow:inset 0 -3px var(--screen-color)}.realm-section .gf-screen-reading{margin-top:16px}.realm-section .gf-water{height:260px}.realm-magnet>span{display:inline-block;will-change:transform}.realm-magnet{overflow:visible}.gem.clickable{position:relative;isolation:isolate;overflow:hidden}.gem.clickable:after{content:'';position:absolute;inset:0;z-index:3;background:radial-gradient(circle 150px at var(--light-x,50%) var(--light-y,50%),#e3d2a533,transparent);opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:soft-light}.gem.clickable:hover:after{opacity:1}.realm-cycle svg path{stroke-dasharray:7 5;animation:realm-flow 12s linear infinite}.realm-cycle svg circle{transition:filter .3s,stroke-width .3s}.realm-cycle svg circle:hover{filter:drop-shadow(0 0 6px #b8a26a)}@keyframes realm-flow{to{stroke-dashoffset:-120}}.nav-links button:after{transition:left .4s,right .4s,background .4s,transform .4s}.shiyu-content button:hover{box-shadow:0 0 30px #c5af6b1a}.realm-section .gf-screen-reading .gf-reading-mark{color:var(--play-accent)!important}
@media(min-width:1100px){#view-wuxing .realm-section{margin-inline:-55px}.realm-stage{height:570px}.realm-caption h2{font-size:53px}}
@media(max-width:768px){.realm-stage{height:510px}.realm-caption{left:28px;top:28%;max-width:75%}.realm-caption h2{font-size:40px}.realm-seal{right:-80px;top:85px;font-size:48px}.realm-topline{left:23px;right:23px}.realm-bottom{left:23px;right:23px;display:block}.realm-bottom>p{max-width:90%;margin-bottom:17px}.realm-actions button{padding:10px 15px}.realm-compass{bottom:155px;right:22px}.realm-section>.gf-heading h2{font-size:34px}.realm-section .gf-panel-name{left:12px}.realm-section .ag-panel__label{left:12px}.realm-section .ag-panel__text{font-size:9px}.realm-select-hint{font-size:10px;letter-spacing:1px}}
@media(max-width:600px){.realm-culture-intro{padding:23px 4px 15px!important}.realm-culture-intro .hero-intro{font-size:11px!important}.realm-section>.gf-heading{margin:6px 0 22px}.realm-section>.gf-heading h2{font-size:29px;letter-spacing:1px}.realm-section>.gf-heading p{font-size:11px;padding-inline:10px}.realm-section>.gf-heading>span{font-size:10px}.realm-stage{height:510px}.realm-topline{font-size:9px;letter-spacing:2px;top:22px;left:20px;right:20px}.realm-caption{left:22px;top:24%;max-width:93%}.realm-caption h2{font-size:35px;margin-top:12px}.realm-caption p{font-size:13px;letter-spacing:2px}.realm-seal{right:10px;top:100px;font-size:46px;opacity:.32}.realm-bottom{left:20px;right:20px;bottom:22px}.realm-bottom>p{max-width:100%;font-size:10px;letter-spacing:.5px}.realm-actions{justify-content:space-between}.realm-actions button{font-size:11px;padding:11px 16px}.realm-compass{bottom:160px;right:24px}.realm-section .gf-screens.accordion-gallery{height:125px!important;flex-direction:row!important;gap:5px;overflow:visible}.realm-section .ag-panel{min-height:0;min-width:0;flex-grow:1!important;transform:none!important}.realm-section .gf-panel-name{left:0;top:18px;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:31px}.realm-section .gf-panel-name small{writing-mode:horizontal-tb;font-size:9px;letter-spacing:1px}.realm-modern{font-size:9px}.realm-section .ag-panel__label{display:none}.realm-section .gf-screen-reading{padding:22px 16px;grid-template-columns:40px 1fr;gap:15px}.realm-section .gf-reading-mark{font-size:29px;padding:8px 5px}.realm-section .gf-screen-reading h3{font-size:21px}.realm-select-hint{font-size:9px;letter-spacing:.5px;margin-top:18px}.realm-section .gf-water{height:230px}.wx-play-dock{bottom:16px}.realm-stage #realmFeedback{top:66px;right:20px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.realm-cycle svg path{animation:none}.realm-magnet>span{transform:none!important}.gem.clickable:after{display:none}}

.realm-tabs{position:absolute;top:67px;left:32px;display:flex;gap:10px;z-index:4}.realm-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;width:64px;padding:8px 5px;border:1px solid #b6bb9c33;background:#101e2380;color:#a9b8ac;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.realm-tabs b{font:23px LXGWSeal,serif;font-weight:400}.realm-tabs span{font:10px STSong,SimSun,serif}.realm-tabs button[aria-pressed=true]{background:rgba(var(--realm-rgb),.14);color:var(--realm-color);border-color:var(--realm-color)}.realm-tabs button:hover{background:rgba(var(--realm-rgb),.2)}
@media(max-width:600px){.realm-tabs{top:62px;left:20px;right:20px;gap:7px}.realm-tabs button{flex:1;width:auto;padding:6px 4px;gap:5px}.realm-tabs b{font-size:21px}.realm-caption{top:29%}.realm-caption h2{font-size:33px}.realm-bottom{bottom:38px}.realm-compass{bottom:173px}.realm-stage{height:535px}}
@media(max-width:600px){.realm-actions{justify-content:flex-end;gap:8px}.realm-actions button{padding-inline:12px}}