.codex-experience{color:#d2c6aa;background:radial-gradient(circle at 76% 32%,#476a6338,#0000 31%),linear-gradient(145deg,#172426,#071013 72%);min-height:100svh;padding:clamp(30px,5vw,68px) clamp(18px,4vw,60px) 44px;position:relative;overflow:auto}.codex-experience:before{content:"";pointer-events:none;opacity:.34;background:linear-gradient(#060504ab, #060504c2), var(--codex-altar) center / cover no-repeat;mix-blend-mode:screen;position:absolute;inset:0}.codex-title,.codex-actions,.codex-layout,.codex-restart{z-index:1;position:relative}.codex-title{max-width:min(620px,76vw)}.codex-kicker{color:#a98c57;letter-spacing:.52em;font-size:11px}.codex-title h1{color:#e1d2ae;letter-spacing:.12em;white-space:nowrap;margin:16px 0 10px;font-size:clamp(30px,4.5vw,70px);font-weight:400;line-height:1.08}.codex-title-count{color:#a98c57;letter-spacing:.16em;white-space:nowrap;font-size:.32em}.codex-title p{color:#817660;margin:0;font:13px/1.8 system-ui,sans-serif}.codex-actions{align-items:center;gap:14px;display:flex;position:absolute;top:clamp(30px,5vw,68px);right:clamp(18px,4vw,60px)}.codex-actions p{color:#bda374;letter-spacing:.18em;white-space:nowrap;margin:0;font-size:12px}.codex-actions button,.codex-viewer-tools button{color:#a9956e;cursor:pointer;letter-spacing:.12em;background:#07060485;border:1px solid #c09d5d40;padding:9px 11px;font:11px/1 inherit}.codex-actions .codex-reset-button{color:#c4a56d;letter-spacing:0;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;min-height:34px;padding:0;font:19px/1 system-ui,sans-serif;display:grid}.codex-actions button:hover,.codex-viewer-tools button:hover,.codex-actions button:focus-visible,.codex-viewer-tools button:focus-visible{color:#e0bd7b;border-color:#e9bc679e}.codex-demo-select,.codex-story-select{color:#bda374;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:7px;font:10px/1 system-ui,sans-serif;display:inline-flex}.codex-demo-select select,.codex-story-select select{color:#d2bf96;font:inherit;letter-spacing:.06em;background:#070604a6;border:1px solid #c09d5d4d;padding:8px 9px}.codex-nav-link{color:#a9956e;letter-spacing:.12em;white-space:nowrap;border-bottom:1px solid #c09d5d40;padding-bottom:3px;font:10px/1 system-ui,sans-serif;text-decoration:none}.codex-nav-link:hover,.codex-nav-link:focus-visible{color:#e0bd7b;border-color:#e9bc679e;outline:none}.codex-demo-hint{z-index:1;color:#b79a64;text-align:center;letter-spacing:.12em;margin:18px auto -10px;font:11px/1.6 system-ui,sans-serif;position:relative}.codex-layout{margin-top:clamp(34px,6vh,64px);display:block}.codex-wall{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(150px,1fr));gap:clamp(12px,1.4vw,22px);width:min(1360px,100%);min-width:0;margin:0 auto;padding:0;list-style:none;display:grid}.codex-slot{aspect-ratio:.67;perspective:1000px;min-width:0}.codex-card{width:100%;height:100%;min-height:140px;color:inherit;perspective:1200px;text-align:left;background:0 0;border:0;padding:0;transition:transform .25s,filter .25s;position:relative}.codex-slot-collected .codex-card{cursor:pointer}.codex-slot-collected .codex-card:hover,.codex-slot-collected .codex-card:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-5px)rotateX(2deg)}.codex-card.is-selected{filter:brightness(1.1);outline:none;transform:translateY(-3px)}.codex-card-inner{transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.72,.2,1);position:absolute;inset:0}.codex-card.is-selected .codex-card-inner{transform:rotateY(180deg)}.codex-card-face{backface-visibility:hidden;border-radius:4px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.codex-card-front{background:radial-gradient(circle at 50% 34%,#496f692b,#0000 42%),linear-gradient(145deg,#161f22fa,#080d10fc 72%);border:1px solid #d6af5947;box-shadow:inset 0 0 0 1px #f0d79b06,inset 0 -28px 48px #0000006b,0 14px 30px #0000004d}.codex-card-back{background:radial-gradient(circle at 50% 48%,#71431a3d,#0000 40%),repeating-linear-gradient(102deg,#dec27e05 0 1px,#0000 1px 8px),linear-gradient(152deg,#19252a,#091115 72%);border:1px solid #d6af5961;transform:rotateY(180deg);box-shadow:inset 0 0 42px #b57b2814,0 16px 34px #00000075}.codex-slot-newly-collected .codex-card{animation:1.4s cubic-bezier(.2,.7,.2,1) both codex-light-up}.codex-slot-newly-collected .codex-card-front:after{content:"";z-index:8;pointer-events:none;background:radial-gradient(circle,#ffe094d1,#0000 56%);animation:1.4s ease-out both codex-glow-out;position:absolute;inset:-20%}.codex-card:focus-visible{outline-offset:4px;outline:1px solid #d9ad57}.codex-card-frame-art,.codex-card-back-art{z-index:5;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.codex-card-frame-art{background-image:url(/dream-assets/ui/codex/card-front-frame-v2.svg)}.codex-card-back-art{background-image:url(/dream-assets/ui/codex/card-back-seal-v2.svg)}.codex-card-mask{z-index:1;object-fit:contain;filter:drop-shadow(0 0 7px #d7ad5145);padding:15% 12% 27%;transition:transform .35s,filter .35s;transform:scale(.96)}.codex-card-mask-sao-di-he-shang{transform:scale(.72)}.codex-slot-collected .codex-card:hover .codex-card-mask-sao-di-he-shang,.codex-card:focus-visible .codex-card-mask-sao-di-he-shang{transform:scale(.76)}.codex-card-veil{z-index:2;pointer-events:none;background:linear-gradient(#050a0c0a 38%,#05090b2e 59%,#04080ae6 100%);position:absolute;inset:0}.codex-slot-collected .codex-card:hover .codex-card-mask,.codex-card:focus-visible .codex-card-mask{filter:drop-shadow(0 0 12px #e6bd5d6b);transform:scale(1.02)}.codex-slot-locked-ui .codex-card-front{filter:brightness(.47)saturate(.46)}.codex-slot-locked-ui .codex-card-frame-art{opacity:.62}.codex-card-lock-art{z-index:1;aspect-ratio:1;opacity:.5;place-items:center;width:58%;display:grid;position:relative}.codex-card-lock-art:before,.codex-card-lock-art:after{content:"";border:1px solid #be9a536e;position:absolute;inset:0;transform:rotate(45deg)}.codex-card-lock-art:after{border-color:#89a99b47;inset:12%;transform:rotate(0)}.codex-card-lock-art i{border:1px solid #9b8157;border-radius:2px;width:19%;height:18%;position:absolute;top:56%}.codex-card-lock-art i:before{content:"";border:1px solid #9b8157;border-bottom:0;border-radius:100% 100% 0 0;width:72%;height:78%;position:absolute;bottom:96%;left:50%;transform:translate(-50%)}.codex-card-glyph{color:var(--card-a,#a67f3b);opacity:.65;font:42px/1 serif}.codex-slot-reserved .codex-card-glyph:before{content:"◇"}.codex-card-index{z-index:6;color:#c9ab69;letter-spacing:.28em;text-align:center;font:8px/1 system-ui,sans-serif;position:absolute;top:6.4%;left:0;right:0}.codex-card-meta{z-index:6;color:#86785e;text-align:center;gap:5px;display:grid;position:absolute;inset:auto 11% 5.4%}.codex-card-meta strong{color:#d2b979;letter-spacing:.17em;text-overflow:ellipsis;white-space:nowrap;font:400 15px/1.18 STSong,Songti SC,serif;overflow:hidden}.codex-card-meta span{letter-spacing:.32em;font:7px/1 system-ui,sans-serif}.codex-card-state{z-index:6;color:var(--card-a,#a9956e);font:11px/1 serif;position:absolute;top:5.2%;right:7.4%}.codex-slot-locked-ui .codex-card-state{color:#766b5d}.codex-card-back-title{z-index:6;color:#d7b868;letter-spacing:.24em;text-align:center;text-shadow:0 0 13px #d1a94c33;writing-mode:vertical-rl;gap:10px;font:400 26px/1.2 STSong,Songti SC,serif;display:grid;position:relative}.codex-card-back-title small{color:#98753b;letter-spacing:.5em;font:7px/1 system-ui,sans-serif}.codex-restart{color:#a9956e;cursor:pointer;letter-spacing:.16em;background:0 0;border:1px solid #c09d5d40;margin:28px 0 0 auto;padding:10px 18px;display:block}.codex-modal{z-index:90;-webkit-backdrop-filter:blur(14px)saturate(.82);backdrop-filter:blur(14px)saturate(.82);background:#03090ac2;place-items:center;padding:clamp(14px,3vw,44px);animation:.28s ease-out both codex-modal-in;display:grid;position:fixed;inset:0}.codex-detail{background:linear-gradient(#070d0e7a, #070d0ec2), var(--codex-detail-bg,none) center / cover no-repeat, radial-gradient(circle at 25% 48%, #557d712b, transparent 30%), linear-gradient(130deg, #141f1ff7, #070e10fb);border:0;grid-template-rows:auto minmax(0,1fr);width:min(1480px,96vw);height:min(880px,92svh);padding:clamp(24px,2.5vw,40px) clamp(28px,3.5vw,56px) clamp(26px,3vw,46px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 120px #00000094}.codex-detail:before{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}.codex-detail>*{z-index:1;position:relative}.codex-close{z-index:8;color:#c7ad78;cursor:pointer;background:#080e0f80;border:1px solid #c6a15838;border-radius:50%;width:42px;height:42px;font:28px/1 system-ui,sans-serif;position:absolute;top:16px;right:20px}.codex-close:focus-visible{outline:1px solid #d9ad57}.codex-empty{text-align:center;grid-column:1/-1;place-content:center;min-height:360px;display:grid}.codex-empty-glyph{color:#a98c57;opacity:.68;font-size:72px}.codex-empty h2{color:#d2bf96;letter-spacing:.12em;margin:20px 0 8px;font-size:clamp(22px,2.2vw,34px);font-weight:400}.codex-empty p{color:#817660;margin:0;font:13px/1.8 system-ui,sans-serif}.codex-detail-head{text-align:center;border-bottom:1px solid #caab6a21;min-width:0;padding:0 68px 18px}.codex-detail-head:before,.codex-detail-head:after{content:"";background:linear-gradient(90deg,#0000,#c7a0558a);width:min(22vw,270px);height:1px;position:absolute;top:50%}.codex-detail-head:before{left:2%}.codex-detail-head:after{right:2%;transform:scaleX(-1)}.codex-detail-head h3{color:#e4cd9b;letter-spacing:.16em;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 7px;font-size:clamp(32px,3.4vw,52px);font-weight:400;line-height:1;overflow:hidden}.codex-detail-num{color:#92754d;letter-spacing:.38em;white-space:nowrap;margin:0;font:9px/1.2 system-ui,sans-serif}.codex-detail-duty,.codex-detail-origin{white-space:nowrap;margin:0;font:10px/1.5 system-ui,sans-serif}.codex-detail-duty{color:#b09360;letter-spacing:.25em}.codex-detail-origin{color:#625d51;letter-spacing:.1em;margin-top:5px}.codex-detail-body{grid-template-columns:minmax(160px,.5fr) minmax(440px,1.6fr) minmax(280px,.78fr);gap:clamp(20px,2.8vw,46px);min-width:0;min-height:0;padding-top:clamp(10px,1.5vh,20px);display:grid}.codex-slip-column{place-items:center;min-width:0;min-height:0;display:grid}.codex-slip-placeholder{place-items:center;width:min(250px,100%);height:min(700px,80vh);display:grid}.codex-slip-paper{aspect-ratio:600/1664;color:#5f4b2e;text-align:center;filter:drop-shadow(0 20px 24px #00000052);place-items:center;width:auto;height:100%;display:grid;position:relative;overflow:hidden;transform:rotate(-2deg)}.codex-slip-art{object-fit:contain}.codex-slip-paper>:not(.codex-slip-art){z-index:1;position:relative}.codex-slip-placeholder-label{color:#4d361db3;letter-spacing:.3em;text-indent:.3em;font:14px/1.2 STFangsong,Songti SC,serif;top:6.5%;left:0;right:0;position:absolute!important}.codex-slip-kicker{color:#725833;letter-spacing:.26em;text-indent:.26em;font:12px/1.2 STFangsong,Songti SC,serif;top:10%;left:0;right:0;position:absolute!important}.codex-slip-qian{color:#47351f;letter-spacing:.12em;text-orientation:upright;white-space:nowrap;writing-mode:vertical-rl;max-height:calc(100% - 118px);font:400 clamp(20px,1.45vw,27px)/1.55 STSong,Songti SC,serif;display:block}.codex-slip-paper small{color:#735a37;letter-spacing:.1em;font:12px/1.6 STFangsong,Songti SC,serif;bottom:8%;left:0;right:0;position:absolute!important}.codex-slip-paper i{color:#963e2f;opacity:.8;border:1px solid #963e2f;place-items:center;width:26px;height:26px;margin-right:-13px;font:13px/1 serif;display:grid;bottom:2.4%;right:50%;position:absolute!important}.codex-viewer-column,.codex-detail-copy{flex-direction:column;min-width:0;min-height:0;display:flex}.codex-viewer-frame{min-height:340px;transform-style:preserve-3d;perspective:1000px;background:radial-gradient(circle,#d6b15e1f,#0000 45%);flex:1;place-items:center;display:grid;position:relative}.codex-mask-viewer{z-index:1;aspect-ratio:1;cursor:grab;touch-action:none;background:radial-gradient(circle,#d3a95114,#0000 63%);border:1px solid #d0ab5c21;width:min(600px,92%);position:relative;box-shadow:inset 0 0 46px #cfa75709,0 28px 44px #00000038}.codex-main-mask-art{z-index:1;perspective:1100px;filter:drop-shadow(0 26px 30px #00000070)drop-shadow(0 0 18px #dca04b29);width:min(620px,94%);height:min(620px,72vh);position:relative}.codex-mask-flip-stage{transform-style:preserve-3d;will-change:transform;transition:transform .72s cubic-bezier(.2,.72,.18,1);position:absolute;inset:0}.codex-main-mask-art.is-original .codex-mask-flip-stage{transform:rotateY(180deg)}.codex-mask-face{backface-visibility:hidden;display:block;position:absolute;inset:0;overflow:hidden}.codex-mask-face-original{transform:rotateY(180deg)}.codex-mask-face img{object-fit:contain;transition:transform .36s,filter .36s}.codex-main-mask-art:hover .codex-mask-face img{filter:brightness(1.08);transform:translateY(-7px)rotateX(2deg)}.codex-mask-flip{z-index:8;color:#dec28b;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c0dd6;border:1px solid #e0bd7580;align-items:center;gap:7px;padding:9px 12px;font:10px/1.2 system-ui,sans-serif;display:inline-flex;position:absolute;bottom:14px;right:14px}.codex-mask-flip span{font-size:16px;transition:transform .3s}.codex-mask-flip:hover span{transform:rotate(180deg)}.codex-mask-flip:focus-visible{outline-offset:3px;outline:1px solid #e0bd7b}.codex-mask-viewer:active{cursor:grabbing}.codex-mask-viewer canvas{outline:none;display:block;width:100%!important;height:100%!important}.codex-mask-viewer canvas:focus-visible{outline-offset:-1px;outline:1px solid #d8b26599}.codex-mask-viewer:before,.codex-mask-viewer:after{content:"";z-index:2;pointer-events:none;border-color:#cfaa5e7a;width:22px;height:22px;position:absolute}.codex-mask-viewer:before{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.codex-mask-viewer:after{border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.codex-mask-fallback{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.codex-mask-fallback img{object-fit:contain;filter:drop-shadow(0 24px 24px #0000006b);width:72%;height:78%}.codex-viewer-tools{color:#716858;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font:10px/1.4 system-ui,sans-serif;display:flex}.codex-model-note,.codex-asset-notice{color:#756348;letter-spacing:.08em;margin:9px 0 0;font:10px/1.6 system-ui,sans-serif}.codex-detail-copy{opacity:0;border-left:1px solid #caab6a24;min-width:0;min-height:0;padding:12px 0 0 clamp(16px,2vw,30px)}.codex-detail[data-presentation=revealed] .codex-detail-copy{opacity:1}.codex-detail-scroll{overscroll-behavior:contain;scrollbar-color:#be994e7a #060d0e47;flex:1;min-height:0;padding:0 14px 0 2px;overflow:auto}.codex-detail-section{border-bottom:1px solid #caab6a17;padding:14px 0}.codex-detail-section>span{color:#a98c57;letter-spacing:.3em;font:10px/1.2 system-ui,sans-serif}.codex-detail-section>span,.codex-detail-duty,.codex-detail-num{white-space:nowrap}.codex-detail-section p{color:#a99f8a;margin:7px 0 0;font:12px/1.78 system-ui,sans-serif}.codex-interpretation{padding-top:8px;padding-bottom:20px}.codex-detail-quote{letter-spacing:.06em;text-wrap:pretty;max-width:26em;color:#e2cc99!important;font:400 clamp(16px,1.15vw,21px)/1.68 STSong,Songti SC,serif!important}.codex-detail-quote+p{color:#b9ab90;text-wrap:pretty;max-width:46em;line-height:1.85}.codex-omen{text-align:center;background:radial-gradient(circle at 50% 38%,#bd94461b,#0000 68%);border:1px solid #c9a35726;place-content:center;min-height:clamp(180px,27vh,250px);padding:clamp(20px,3vh,32px) clamp(18px,3vw,42px);display:grid}.codex-detail-section.codex-omen>span{color:#b89b62}.codex-detail-section .codex-qian{color:#e6cf9d;letter-spacing:.08em;text-wrap:balance;max-width:18ch;margin:15px auto 0;font:400 clamp(24px,2.35vw,36px)/1.48 STSong,Songti SC,serif}.codex-detail-section .codex-jie{color:#c0b39a;letter-spacing:.04em;text-wrap:pretty;max-width:38em;margin:12px auto 0;font-size:13px;line-height:1.85}.codex-detail-facts{gap:0;display:grid}.codex-detail-facts .codex-detail-section{padding:16px 4px}.codex-related-assets{border-top:1px solid #caab6a26;margin-top:18px;padding:15px 0 9px}.codex-related-assets>span{color:#a98c57;letter-spacing:.3em;white-space:nowrap;align-items:center;gap:9px;font:10px/1.2 system-ui,sans-serif;display:flex}.codex-related-assets>span:after{content:"";background:linear-gradient(90deg,#caab6a59,#0000);flex:1;height:1px}.codex-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:11px;display:grid}.codex-related-grid figure{grid-template-rows:auto 1fr;gap:7px;min-width:0;margin:0;display:grid}.codex-related-grid figure>button{aspect-ratio:1.08;cursor:zoom-in;background:radial-gradient(circle at 50% 44%,#c997452b,#0000 63%),linear-gradient(145deg,#121d1dbd,#080e0fb8);border:1px solid #caab6a3d;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.codex-related-grid figure>button:focus-visible{outline-offset:2px;outline:1px solid #e0bd7b}.codex-related-grid img{object-fit:contain;filter:drop-shadow(0 7px 8px #00000061);padding:7px;transition:transform .22s,filter .22s}.codex-related-grid figure:hover img{filter:brightness(1.1)drop-shadow(0 8px 9px #0006);transform:translateY(-3px)scale(1.05)}.codex-related-grid figcaption{color:#c9a768;letter-spacing:.06em;border-top:1px solid #caab6a29;align-content:start;gap:3px;min-height:45px;margin:0;padding-top:7px;font:11px/1.35 STSong,Songti SC,serif;display:grid}.codex-related-grid figcaption small{color:#81745f;letter-spacing:.02em;font:9px/1.42 system-ui,sans-serif;display:block}.codex-related-empty{color:#817660!important}.codex-related-preview{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030809d1;place-content:center;padding:48px;display:grid;position:absolute;inset:0}.codex-related-preview-art{background:radial-gradient(circle at 50% 45%,#c997452e,#0000 66%),#080e0fe6;border:1px solid #d7b36970;width:min(520px,76vw);height:min(590px,70vh);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000094,inset 0 0 28px #d0ab5c14}.codex-related-preview-art img{object-fit:contain;filter:drop-shadow(0 14px 18px #0006);padding:18px}.codex-related-preview-flip{z-index:2;color:#dec28b;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c0dd1;border:1px solid #e0bd7580;align-items:center;gap:7px;padding:9px 12px;font:10px/1.2 system-ui,sans-serif;display:inline-flex;position:absolute;bottom:16px;right:16px}.codex-related-preview-flip span{font-size:16px;transition:transform .3s}.codex-related-preview-flip:hover span{transform:rotate(180deg)}.codex-related-preview-flip:focus-visible{outline-offset:3px;outline:1px solid #e0bd7b}.codex-related-preview>p{color:#dec28b;letter-spacing:.12em;text-align:center;margin:12px 0 0;font:18px/1.3 STSong,Songti SC,serif}.codex-related-preview>p small{color:#8c7b5e;letter-spacing:.08em;margin-top:7px;font:10px/1.4 system-ui,sans-serif;display:block}.codex-related-preview-close{color:#dec28b;cursor:pointer;background:#080e0f8a;border:1px solid #d7b3697a;border-radius:50%;width:38px;height:38px;font:26px/1 system-ui,sans-serif;position:absolute;top:20px;right:22px}.codex-detail-callouts{z-index:3;pointer-events:none;position:absolute;inset:0}.codex-callout{color:#c6a465;letter-spacing:.08em;gap:7px;width:126px;margin:0;font:11px/1.25 system-ui,sans-serif;display:grid;position:absolute}.codex-callout-image{aspect-ratio:1.32;background:linear-gradient(145deg,#caab6a2e,#101819b8);border:1px solid #caab6a4d;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000038,0 0 16px #d3662d14}.codex-callout-image img{object-fit:contain;filter:drop-shadow(0 6px 8px #0000004d)}.codex-callout-image span{color:#d4b474b3;letter-spacing:.14em;font-size:9px}.codex-callout figcaption:before{content:"";background:#caab6a8c;width:12px;height:1px;margin:0 7px 3px 0;display:inline-block}.codex-callout figcaption small{color:#81745f;letter-spacing:.04em;margin:5px 0 0 19px;font:9px/1.3 system-ui,sans-serif;display:block}.codex-callout-1{top:11%;left:3%}.codex-callout-2{bottom:11%;left:3%}.codex-callout-3{bottom:19%;right:3%}.codex-sources{gap:12px;margin-top:11px;display:grid}.codex-sources a{color:#b1a58e;gap:3px;text-decoration:none;display:grid}.codex-sources strong{color:#d1b882;font-size:13px}.codex-sources small,.codex-sources em,.codex-sources i{color:#817660;font:11px/1.6 system-ui,sans-serif}.codex-sources i{color:#9a8666}.codex-asset-notice{padding-bottom:18px}@media (max-width:1100px){.codex-wall{grid-template-columns:repeat(4,minmax(130px,1fr))}.codex-detail{padding:26px 30px 30px}.codex-detail-body{grid-template-columns:minmax(120px,.4fr) minmax(340px,1.3fr) minmax(280px,1fr);gap:22px}.codex-slip-placeholder{padding-inline:14px}.codex-detail-head:before,.codex-detail-head:after{width:17vw}.codex-callout{width:96px;font-size:9px}}@media (max-width:760px){.codex-experience{padding:22px 16px 34px;overflow-x:hidden}.codex-title{max-width:100%;overflow:hidden}.codex-title h1{letter-spacing:.06em;font-size:clamp(28px,9vw,46px)}.codex-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;width:100%;margin-top:17px;display:grid;position:relative;top:auto;right:auto}.codex-actions p{min-width:0}.codex-demo-select,.codex-story-select{grid-column:1/-1;grid-template-columns:64px minmax(0,1fr);gap:10px;line-height:34px;display:grid}.codex-demo-select select,.codex-story-select select{width:100%;min-width:0}.codex-nav-link{grid-column:1/-1;justify-self:start;padding:7px 0}.codex-layout{margin-top:22px}.codex-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.codex-card{min-height:210px}.codex-modal{padding:0}.codex-detail{width:100vw;height:100svh;padding:58px 18px 28px;display:block;overflow:auto}.codex-close{place-items:center;display:grid;top:10px;right:12px}.codex-detail-head{padding:0 28px 16px}.codex-detail-head:before,.codex-detail-head:after{display:none}.codex-detail-head h3{font-size:clamp(30px,10vw,44px)}.codex-detail-origin{text-overflow:ellipsis;overflow:hidden}.codex-detail-body{flex-direction:column;gap:14px;padding-top:8px;display:flex}.codex-viewer-column{order:1}.codex-slip-column{order:2;min-height:330px}.codex-slip-placeholder{width:min(278px,80vw);height:min(650px,180vw)}.codex-detail-copy{opacity:1;border-left:0;order:3;margin-top:0;padding-left:0}.codex-detail-scroll{padding:0;overflow:visible}.codex-detail-facts{grid-template-columns:1fr}.codex-detail-callouts{display:none}.codex-related-preview{padding:58px 18px 28px;position:fixed}.codex-related-preview-art{width:min(520px,92vw);height:min(590px,72vh)}}@media (prefers-reduced-motion:reduce){.codex-card,.codex-detail-copy{transition:none}.codex-mask-glare{display:none}.codex-mask-flip-stage{transition:none}}@keyframes codex-light-up{0%{filter:brightness(.28);transform:scale(.55)}46%{filter:brightness(1.65);transform:scale(1.07)}to{filter:none;transform:scale(1)}}@keyframes codex-glow-out{0%{opacity:0;transform:scale(.3)}42%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes codex-modal-in{0%{opacity:0}}