/* Independent P3R submenu compositions, measured from the source screenshots.
   Source images are displayed/cropped by CSS; original files stay unmodified. */
body.reading .global-controls{top:8px;right:22px;gap:18px;z-index:22}
body.reading .global-controls button{font-size:9px;background:#071147b8;padding:6px 9px;border:0}
.reader-screen{display:block;padding:0;background:#071474;overflow:hidden}
.reader-screen:before,.reader-strip{display:none}
.reader-heading{position:absolute;top:7px;left:20px;width:auto;height:28px;padding:0;display:flex;align-items:center;gap:20px;z-index:22;border:0;margin:0}
.reader-heading:before{display:none}.reader-heading>button{position:static;margin:0;padding:5px 8px;color:white;font:800 11px var(--display);background:#071147b8}.reader-heading>div{align-self:center;margin:0}.reader-heading h2{font:800 10px var(--display);color:#fff;letter-spacing:0;transform:none}.reader-heading>div>span{display:none}
.reader-content{position:absolute;inset:0;width:100%;height:100%;padding:0;overflow:hidden;scroll-behavior:auto;isolation:isolate}
.reader-content h3,.reader-content h4,.reader-content p{max-width:none}
.reader-nav{position:absolute;left:20px;bottom:64px;top:auto;width:220px;max-height:calc(100% - 110px);padding:12px 20px;background:#03104cf5;border:2px solid #75f7ff;overflow:auto;display:flex;flex-direction:column;gap:2px;z-index:25;box-shadow:8px 8px 0 #0008}
.reader-nav button{font-size:18px;padding:8px!important;line-height:1.3}.reader-nav button.active{transform:none;box-shadow:0 -2px 0 #ff003f}.reader-nav button span{display:inline-block;width:26px;font-size:10px}
.reader-footer{position:absolute;inset:auto 0 0;height:54px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#000938ed;border:0;z-index:20;color:#fff;font-size:10px;letter-spacing:0}
.reader-footer button{font:12px var(--body);padding:10px 0;white-space:nowrap}.reader-footer button span{margin:0 5px;font-size:17px}.reader-footer .reader-guide{margin-left:auto;font-size:13px;font-style:italic}
.screen-stage{position:relative;width:100%;height:calc(100% - 54px);min-height:540px;overflow:hidden;background:#0b35c7;isolation:isolate}
.screen-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#0c4998a8,#000abca6),url('p3r/optimized/bg-list.webp') center/cover;z-index:-2}
.screen-stage .screen-word{position:absolute;z-index:1;margin:0;font:800 italic clamp(80px,12vw,210px)/.86 var(--display);letter-spacing:-.13em;color:#acb3bb;pointer-events:none;white-space:nowrap}
.screen-stage .screen-subtitle{position:absolute;z-index:3;font:10px var(--body);letter-spacing:.06em}
.reader-content .screen-stage h4{margin:0;color:inherit;font:800 23px/1.6 var(--body)}
.screen-stage p{font:14px/1.9 var(--body);margin:14px 0;color:inherit}
.screen-sources{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font:10px/1.8 var(--body);color:#6fe8ff}.screen-sources a{color:inherit;text-underline-offset:4px}
.screen-formula{font:italic 16px/1.8 Georgia,serif;white-space:normal;overflow-wrap:anywhere;padding:16px 0}
.screen-note{font-size:10px!important;line-height:1.8!important;opacity:.8}
.screen-stage details{font:11px/1.8 var(--body);margin-top:16px}.screen-stage summary{cursor:pointer;color:#a6faff}.screen-stage pre{white-space:pre-wrap;font:11px/1.9 monospace}
.screen-action{background:#062988;color:#7ffefe;box-shadow:4px 4px 0 #9ac6f6;display:flex;gap:20px;padding:15px 24px;font:800 italic 22px var(--display)}.screen-action span{font:12px var(--body);align-self:center}
.screen-action:hover{background:#fffbfe;color:#ed0047}
.slot-label{display:inline-block;background:#071549;border-radius:20px;color:#89d9fe;font:italic 12px var(--body);padding:2px 25px;min-width:155px;text-align:center}
.screen-art{position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat}
/* EQUIP: white diagonal plane, black party strips, slotted equipment, reclining art. */
.equip-scene:after{content:'';position:absolute;inset:0;background:white;clip-path:polygon(0 0,75% 0,60% 32%,61% 100%,0 100%);z-index:-1}
.equip-scene .screen-word{left:0;bottom:-.05em;font-size:18vw;color:#b2b2b2;z-index:0;max-width:60%;overflow:hidden}
.equip-scene .screen-subtitle{left:4%;top:9%;color:#011338}
.equip-art{background-image:url('p3r/submenu-scenes/equip-reference.webp');background-size:auto 100%;background-position:right;clip-path:polygon(56% 0,100% 0,100% 100%,53% 100%)}
.equip-art:after{content:'';position:absolute;right:0;bottom:0;width:24%;height:13%;background:#0c36c9;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.party-list{position:absolute;top:16%;left:0;width:32%;display:grid;gap:9px;z-index:3}
.party-list button{position:relative;height:67px;display:flex;align-items:center;gap:16px;background:#000;color:#fff;text-align:left;padding:0 22px 0 12px;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}
.party-list .party-role{font:800 20px var(--display);transform:rotate(-20deg);width:60px}.party-icon{display:grid;place-items:center;width:58px;height:67px;background:#14c8fd;clip-path:polygon(30% 0,100% 0,80% 45%,100% 100%,0 100%,0 20%);font:800 italic 42px var(--display)}
.party-list button:nth-child(2) .party-icon{background:#f46cc8}.party-list button:nth-child(3) .party-icon{background:#a2f4b4}
.party-list b{font:800 17px var(--display);letter-spacing:-.04em}.party-list small{position:absolute;right:20px;bottom:4px;font:8px var(--body);opacity:.7}
.party-list button.active{background:#fff;color:#000;box-shadow:inset 0 3px 0 #ff4d69,inset -5px 0 0 #ff4d69}
.party-list button:hover{color:#11c0ff}.equipment-sheet{position:absolute;left:36%;top:13%;width:31%;max-height:66%;overflow:auto;scrollbar-width:thin;color:#050719;padding-right:22px;z-index:2}
.reader-content .equipment-sheet h4{font-size:24px;margin:8px 0}.reader-content .equipment-sheet p{font-size:12px;max-width:330px}
.equip-slot{margin:14px 0}.equip-slot>span{display:block;width:max-content;min-width:145px;background:#0d2054;color:#b3e2ff;border-radius:20px;text-align:center;padding:2px 18px;font:italic 11px var(--body)}.equip-slot strong{display:block;font:800 14px/1.6 var(--body);margin:5px 0 0 14px}.equip-slot strong:before{content:'◆';color:#175cff;margin-right:12px}
.equipment-sheet .screen-sources{color:#2455a4;font-size:9px}.diagram-open{position:absolute;left:5%;bottom:26%;z-index:3}.reader-content .equip-caption{position:absolute;right:4%;top:12%;text-align:right;color:#07216f;font-size:25px;font-weight:bold}
.diagram-dialog{width:min(620px,92vw);height:88svh;border:1px solid #62ebfb;background:#06209d;color:#fff;padding:28px;overflow:auto}.diagram-dialog::backdrop{background:#010729dd}.diagram-dialog img{max-height:calc(100% - 32px);width:100%;object-fit:contain}.diagram-dialog p{font-size:10px!important;text-align:center}.dialog-close{position:absolute;right:6px;top:4px;font-size:32px}
/* SKILL: graphite left polygon, cyan rows, white right tab header. */
.skill-scene:after{content:'';position:absolute;inset:0;background:#38445f;clip-path:polygon(0 0,56% 0,37% 100%,0 96%);z-index:-1}
.skill-scene .screen-word{top:7%;left:1%;font-size:8.7vw;color:#bec2ce;transform:rotate(-6deg);transform-origin:left bottom;letter-spacing:-.13em}
.skill-scene .screen-subtitle{top:24%;left:5%;color:#b6d6ed}
.skill-cap{position:absolute;left:54%;right:0;top:0;height:18%;min-height:90px;background:#fff;transform:skewY(-2deg);display:flex;justify-content:space-between;align-items:center;padding:10px 5%;color:#000;gap:20px}
.skill-cap b{font-size:13px}.outline-key{font:800 italic 60px var(--display);color:white;-webkit-text-stroke:2px #000;letter-spacing:-.1em}
.skill-list{position:absolute;left:0;top:32%;width:45%;padding-bottom:20px;z-index:2}
.skill-list-label{margin:0 28px 15px 10%;font-size:10px;color:#a3d3ed;display:flex;justify-content:space-between}.skill-list>button{width:100%;display:flex;align-items:center;gap:20px;height:65px;padding:0 30px 0 10%;font-size:22px;color:#75fafd;text-align:left}
.skill-symbol{background:#020d55;display:block;min-width:75px;text-align:center;transform:skewX(-12deg);font:800 italic 23px var(--display);border-radius:5px}.skill-list>button b{font:800 26px var(--body)}.skill-cost{margin-left:auto;font:14px var(--body);white-space:nowrap}
.skill-list>button.active{background:#fff;color:#060824;border-top:4px solid #ff415b;border-radius:0 8px 8px 0}.skill-list>button.active .skill-symbol{background:#07e8f4;color:#061643}
.mask-choice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:30px 8% 0 10%;font:800 12px var(--display);color:#a1f8fe}.mask-choice input{width:18px;height:18px;accent-color:#ff77d4}.mask-choice span{font:10px var(--body)}
.skill-description{margin:26px 13% 0 10%;padding:0 0 0 42px;position:relative;color:#a3efff}.skill-description>span{position:absolute;top:5px;left:0;border:1px solid #76e9ff;border-radius:10px;padding:0 5px;font:9px var(--body)}.reader-content .skill-description p{font-size:12px;margin:8px 0}
.skill-result{position:absolute;left:53%;right:5%;top:25%;bottom:5%;overflow:auto;scrollbar-width:thin;color:#8cfefe;padding-right:12px}.reader-content .skill-result h4{font:800 16px var(--display);color:#fff;margin-bottom:20px}.skill-weight{display:grid;grid-template-columns:92px minmax(0,1fr) 85px;align-items:center;gap:12px;margin:25px 0;font:13px var(--body)}.skill-weight>div{height:16px;background:#030e54;transform:skewY(-3deg);border-bottom:1px solid #93b9e4}.skill-weight i{display:block;height:100%;background:#2ce7f4;box-shadow:2px 0 0 #fa4c88;transition:width .25s}.skill-weight>b{font:800 italic 30px var(--display);letter-spacing:-.07em}.skill-weight small{font-size:13px}.skill-weight.masked{opacity:.4}.skill-output{display:flex;align-items:center;gap:22px;background:#00145c;padding:15px 18px;margin-top:38px;transform:skewY(-1deg)}.skill-output>span{font:800 13px var(--display);color:#859deb}.skill-output output{font:800 23px var(--display);color:#fff;letter-spacing:-.04em}
/* PERSONA: oblique identity ribbon, eight affinity circles, skills and attribute bars. */
.persona-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,transparent 41%,#0222daaa 41%,#0034f180 68%,transparent 68%);z-index:-1}
.persona-ribbon{position:absolute;left:-3%;top:9%;width:106%;height:25%;background:linear-gradient(90deg,#fff 55%,#6dd7fd);color:#050915;transform:rotate(-9deg);transform-origin:36% center;border-top:5px solid #fa143d;border-bottom:25px solid #071ccc;padding:15px 10%;z-index:1}
.persona-owner{position:absolute;top:-38px;left:8%;color:#66fafd;font:italic 13px var(--body)}.persona-arcana{position:absolute;top:10px;left:10%;font:800 italic 47px var(--display);letter-spacing:-.1em;color:#bebebe}
.reader-content .persona-ribbon h3{font:800 28px var(--display);letter-spacing:-.05em;color:#050915;margin:0;position:absolute;left:31%;top:25px}.persona-level,.persona-exp{position:absolute;bottom:11px;left:10%;font:800 italic 20px var(--display);letter-spacing:-.07em}.persona-level b,.persona-exp b{font-size:43px}.persona-exp{left:27%}
.persona-figure{position:absolute;height:86%;right:9%;top:1%;object-fit:contain;z-index:2;filter:drop-shadow(10px 15px 2px #01115877);pointer-events:none}
.head-orbits{position:absolute;left:5%;top:39%;display:flex;gap:13px;transform:rotate(-9deg);z-index:3}.head-orbits button{width:48px;height:48px;border-radius:50%;background:#03032e;color:var(--head-color);font:800 italic 26px var(--display);box-shadow:inset 0 0 0 3px var(--head-color);transform:skewX(-12deg)}.head-orbits button.active{outline:3px solid white;outline-offset:5px;background:var(--head-color);color:#060720}.head-orbits button:hover{transform:skewX(-12deg) scale(1.1)}
.persona-skills{position:absolute;left:3%;bottom:16%;width:46%;background:#020846df;border:4px solid #002764;padding:12px;z-index:3}.persona-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.persona-skill-grid>div{font:italic 12px var(--body);display:flex;align-items:center;gap:9px;padding:3px;background:#404686}.persona-skill-grid i{display:grid;place-items:center;width:41px;height:24px;background:var(--skill-color);color:#00054c;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);font:800 16px var(--display)}
.persona-next{display:flex;gap:14px;align-items:center;color:#173cf9;font:800 italic 23px var(--display);margin-top:15px;letter-spacing:-.09em}.persona-next strong{color:#72f9f7;font-size:37px}.persona-next>span{background:#022ed4;flex:1;font:12px var(--body);letter-spacing:0;padding:10px;color:#a5f4ff}
.persona-attributes{position:absolute;right:4%;bottom:10%;width:41%;z-index:4;transform:rotate(-9deg)}.head-equation{font:italic 14px Georgia,serif;padding:10px 0;color:#fff;text-shadow:0 2px 2px #000}.attribute-row{display:flex;align-items:center;gap:13px;height:36px}.attribute-row>b{font:800 italic 25px var(--display);color:#6dfdff;width:48px;text-shadow:2px 2px 0 #061665}.attribute-row>strong{font:800 italic 23px var(--display);white-space:nowrap;width:125px;letter-spacing:-.06em}.attribute-row>i{display:block;height:16px;background:#021656;flex:1;border:2px solid #005795}.attribute-row i span{height:100%;display:block;background:#36dce9;border-right:3px solid #ff355f}
.reader-content .persona-explainer{position:absolute;left:4%;bottom:4%;font-size:11px;color:#b8eeff;max-width:43%;margin:0}.persona-scene>.screen-sources{position:absolute;right:4%;bottom:3%;margin:0;font-size:9px}
/* POSITION keeps the equipment screen's white slotted plane and dark data field. */
.position-scene:after{content:'';position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,47% 0,33% 100%,0 100%);z-index:-1}.position-scene .screen-word{font-size:11vw;bottom:0;left:0;color:#abb1bd;z-index:0}.position-scene .screen-subtitle{left:4%;top:9%;color:#0b236f}.position-identity{position:absolute;left:5%;top:16%;display:flex;align-items:center;gap:22px;color:#052bab;transform:rotate(-6deg)}.position-number{font:800 italic 80px var(--display);letter-spacing:-.1em}.position-identity>span:last-child{font:800 13px/1.8 var(--display)}.position-controls{position:absolute;left:5%;top:36%;width:27%;color:#071b54;z-index:2}.reader-content .position-controls h4{font-size:20px;margin-top:7px}.reader-content .position-controls p{font-size:13px;margin:4px 0 22px}.position-controls label{display:flex;justify-content:space-between;font-size:12px}.position-controls output{font:800 24px var(--display)}.position-controls input{width:100%;accent-color:#162d9b;margin-top:12px}.position-scale{display:flex;justify-content:space-between;font-size:10px}.position-controls .equip-slot{margin:20px 0}.position-matrix{position:absolute;left:45%;right:4%;top:18%;bottom:5%;overflow:auto;padding-right:10px}.matrix-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#93f9fb}.matrix-caption>span:last-child{display:flex;gap:7px;align-items:center}.matrix-caption i{width:70px;height:7px;background:linear-gradient(90deg,#061bae,#fff,#78fffd)}.position-matrix .pos-grid{gap:5px;margin:24px 0}.position-matrix .pos-cell{height:34px;font-size:9px}.position-equations .screen-formula{font-size:15px;padding:4px 0;color:#95fbff}.reader-content .position-matrix p{font-size:12px;color:#d8f7ff}
/* REQUEST: numbered blue list and offset white mission sheet. */
.training-scene .screen-word{top:7%;left:0;font-size:12vw;color:#7798cc;transform:rotate(-5deg)}.training-scene .screen-subtitle{top:28%;left:5%;color:#adebf9}.training-counter{position:absolute;right:6%;top:12%;transform:rotate(-6deg);font:800 italic 17px var(--display);display:flex;gap:20px;align-items:center;color:#9ff9fc}.training-counter b{font-size:60px;letter-spacing:-.1em}.request-list{position:absolute;left:0;top:36%;width:41%;display:grid;gap:10px;z-index:3}.request-list button{display:flex;align-items:center;gap:22px;padding:13px 24px 13px 12%;color:#73fbfb;background:#06144cbd;text-align:left;transform:skewY(-3deg);height:58px}.request-list button>span{font:italic 13px var(--body);color:#badfff}.request-list b{font:800 20px var(--display);letter-spacing:-.06em}.request-list small{font-size:9px;margin-left:auto;opacity:.65}.request-list button.active{background:#fff;color:#060b31;box-shadow:0 -4px 0 #ff5ba5}.request-list button.active>span{color:#16259b}
.request-detail{position:absolute;left:47%;right:5%;top:29%;bottom:10%;background:#eaf9ff;color:#06134f;padding:30px 34px;overflow:auto;box-shadow:-9px 10px 0 #193485;transform:rotate(-2deg);scrollbar-width:thin}.request-heading{display:flex;align-items:center;gap:16px;border-bottom:3px solid #081b5e;padding-bottom:13px}.request-heading span{font:italic 14px var(--body)}.reader-content .request-heading h4{font:800 28px var(--display);letter-spacing:-.06em}.request-heading>b{margin-left:auto;font:9px var(--body);background:#082774;color:#c4f4ff;padding:4px 7px}.request-detail h5{font:800 22px/1.7 var(--body);margin:25px 0 8px}.reader-content .request-detail p{font-size:13px}.request-detail .screen-sources{color:#193f91}.bio-row{display:grid;grid-template-columns:110px 110px 1fr;gap:10px;align-items:center;border-bottom:1px solid #0d497455;padding:18px 0}.bio-row>b{font:800 12px var(--display)}.bio-row>strong{font:800 italic 29px var(--display);letter-spacing:-.05em}.bio-row>span{font-size:10px;line-height:1.8}.training-total{position:absolute;bottom:5%;left:5%;font:800 italic 47px var(--display);color:#75faff;display:flex;align-items:center;gap:16px}.training-total span{font:9px var(--body);max-width:70px}.training-total b{font-size:30px}
/* STATUS: party selection on the left, portrait filling the right, cyan/yellow bars. */
.stats-scene .screen-word{top:5%;left:3%;font-size:12vw;color:#afb9cb;transform:rotate(-7deg);z-index:0}.stats-scene .screen-subtitle{top:25%;left:5%;color:#c8faff}.stats-art{background-image:url('p3r/submenu-scenes/stats-reference.webp');background-position:right top;background-size:auto 100%;clip-path:polygon(46% 0,100% 0,100% 100%,46% 100%);opacity:1}.stats-art:after{content:'';position:absolute;right:0;bottom:0;width:29%;height:15%;background:#092fe3;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.results-party{position:absolute;top:32%;left:0;width:43%;display:grid;gap:12px;z-index:4}.results-party button{display:flex;align-items:center;gap:20px;position:relative;background:#000;color:#fff;height:65px;padding:0 20px 0 8%;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);text-align:left}.results-party .party-role{font:800 italic 29px var(--display);transform:rotate(-16deg);color:#79efff}.results-party button>b{font:800 21px var(--body)}.results-party small{font:9px var(--body);margin-left:auto}.results-party small strong{font:italic 23px var(--body);color:#f6f667;margin-left:8px}.results-party button.active{background:#fff;color:#020611;box-shadow:inset 0 4px 0 #ff2e66,inset -5px 0 0 #ff2e66}.results-party button.active .party-role{color:#093bc2}.results-party button.active small strong{color:#101537}
.status-sheet{position:absolute;left:5%;top:53%;width:49%;z-index:3;background:#020a46ed;padding:22px 25px;transform:rotate(-3deg);box-shadow:6px 7px 0 #3361d788}.status-name{display:flex;align-items:baseline;gap:15px}.status-name>small{font-size:8px;color:#8ebde1}.reader-content .status-name h4{font:800 italic 29px var(--display);letter-spacing:-.06em;color:#79feff}.status-name>span{margin-left:auto;font-size:10px}.status-name>span>b{font-size:23px;color:#f5f974;margin-left:8px}.bleu-bars>div{display:flex;align-items:center;gap:15px;margin:13px 0}.bleu-bars>div>span{font-size:12px;min-width:69px}.bleu-bars strong{font:800 italic 29px var(--display);width:66px;color:#6bfbff;letter-spacing:-.05em}.bleu-bars i{height:15px;background:#0d1745;flex:1;border-bottom:1px solid #789dfb}.bleu-bars i b{display:block;height:100%;background:#37e8ee;border-right:3px solid #ff6289}.bleu-bars>div:nth-child(2) i b{background:#ecf269}.bleu-bars small{font-size:8px}.status-values{display:flex;justify-content:space-between;border-top:1px solid #5889db;padding-top:15px;margin-top:18px}.status-values>div{display:grid;gap:7px}.status-values span{font-size:9px;color:#86b5ed}.status-values b{font:800 italic 19px var(--display)}
.reader-content .results-version{position:absolute;right:4%;bottom:11%;width:35%;margin:0;background:#062581ef;padding:16px 20px;font-size:10px;color:#c4e6ff;z-index:4}.stats-scene>.screen-sources{position:absolute;right:4%;bottom:4%;max-width:35%;font-size:9px;margin:0;z-index:4}
/* SYSTEM: the original round white field and Makoto composition, separate Config layer. */
.system-scene{background:#fff}.system-scene:before{display:none}.system-art{position:absolute;inset:0;background:url('p3r/submenu-scenes/system-reference.webp') center/100% 100% no-repeat;z-index:-1}.system-options{position:absolute;left:62%;top:8%;width:35%;display:flex;flex-direction:column;transform:rotate(-5deg);gap:12px;background:#0b2bae;padding:20px 10px 30px;box-shadow:0 0 25px 18px #0b2bae;z-index:2}.system-options button{position:relative;font:800 italic 3.25vw/1 var(--display);letter-spacing:-.09em;text-align:left;color:#78fffa;padding:6px 0;white-space:nowrap;isolation:isolate}.system-options button:nth-child(2n){margin-left:8%;color:#bafafe}.system-options button>span{position:relative;z-index:2}.system-options small{display:block;font:9px/1.5 var(--body);letter-spacing:.02em;margin:7px 0 0 8%;color:#bae9ff}.system-options button:before{content:'';position:absolute;inset:-4px -10% -5px -15%;background:var(--pink);clip-path:polygon(0 10%,100% 0,89% 100%,23% 82%);z-index:0;opacity:0}.system-options button:after{content:'';position:absolute;inset:-8px -7% 3px -13%;background:#fff;clip-path:polygon(0 10%,100% 0,89% 100%,23% 82%);z-index:1;opacity:0}.system-options button.selected{color:#f00022;transform:scale(1.07);z-index:4}.system-options button.selected:before,.system-options button.selected:after{opacity:1}.system-options button.selected small{position:relative;z-index:2;color:#192251}.system-options button:last-child{font-size:2.15vw;margin-top:12px}.system-art:after{content:'';position:absolute;right:0;bottom:0;width:20%;height:15%;background:#fff}.system-panel{position:absolute;inset:0;z-index:10;background:linear-gradient(120deg,#102245aa,#061540f2),url('p3r/optimized/bg-list-view.webp') center/cover;color:#7cffff}.system-panel:before{content:'';position:absolute;inset:0;background:#657599e8;clip-path:polygon(0 0,59% 0,89% 80%,70% 100%,0 100%);z-index:-1}.config-back{position:absolute;right:4%;top:8%;font:800 12px var(--display);padding:8px 15px;border:1px solid #6eeaff}.config-tabs{display:flex;position:absolute;top:11%;left:8%;width:58%;background:#090e25;border-radius:40px;overflow:hidden}.config-tabs button{padding:9px 0;flex:1;font:italic 22px var(--body);color:#fff}.config-tabs button.active{background:#fff;color:#000;border-radius:40px}.config-body{position:absolute;left:0;top:24%;width:74%;bottom:25%;padding:0 7%;overflow:auto;scrollbar-width:thin}.config-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 0;font-size:19px;border-bottom:1px solid #98ddff40}.config-row:first-child{background:#fff;color:#020727;margin:0 -11%;padding:14px 11%;border-top:4px solid #fd709e;border-radius:0 8px 8px 0}.config-row small{display:block;font-size:10px;margin-top:7px;opacity:.8}.config-row button{background:#09142f;border:2px solid #a5ddfa;color:#fff;padding:7px 16px;min-width:82px;font:800 19px var(--display)}.config-row input{width:40%;accent-color:#55f6f1}.config-row b{font-size:17px}.config-word{position:absolute;inset:auto 0 0;height:21%;display:block;background:white;color:#c7c7c7;font:800 italic 11.5vw/.9 var(--display);letter-spacing:-.13em;padding-left:1%;overflow:hidden}.config-body ul{padding-left:20px;font-size:13px;line-height:2.6}.reader-content .config-body p{font-size:13px;line-height:2}.config-open .system-options{visibility:hidden}
@keyframes submenu-in{from{opacity:0}to{opacity:1}}
.equipment-sheet,.skill-result,.request-detail,.status-sheet{animation:submenu-in .25s ease-out both}
@media(min-width:641px) and (max-height:760px){
 .screen-stage{min-height:0}.party-list button{height:55px}.party-icon{height:55px}.equipment-sheet{top:12%;max-height:70%}.equip-slot{margin:8px 0}.equipment-sheet p{font-size:11px!important}.skill-list>button{height:52px}.skill-description{margin-top:18px}.skill-result{top:23%}.skill-weight{margin:16px 0}.skill-output{margin-top:20px}.persona-skills{bottom:15%}.head-orbits{top:40%}.head-orbits button{width:39px;height:39px;font-size:22px}.request-list button{height:46px;padding-top:8px;padding-bottom:8px}.request-detail{padding:20px 25px;bottom:7%}.request-detail h5{font-size:18px;margin-top:14px}.bio-row{padding:12px 0}.status-sheet{padding:15px 22px;top:53%}.status-values{padding-top:10px;margin-top:12px}.bleu-bars>div{margin:7px 0}.stats-scene .results-version{bottom:14%;font-size:9px}.position-controls{top:36%}.position-controls .equip-slot{margin:10px 0}.position-matrix .pos-cell{height:26px}.position-matrix .pos-grid{margin:18px 0}.system-options{gap:6px;padding-top:12px}.config-row{min-height:65px;padding:12px 0}
}
@media(min-width:641px) and (max-width:1100px){
 .party-list{width:34%}.party-list button{gap:9px}.party-list .party-role{font-size:15px;width:44px}.party-icon{width:40px;font-size:32px}.party-list b{font-size:13px}.equipment-sheet{left:38%;width:35%}.equip-caption{display:none}.skill-list>button{gap:10px;padding-right:16px}.skill-list>button b{font-size:21px}.skill-symbol{min-width:50px;font-size:19px}.skill-cost{font-size:11px}.skill-weight{grid-template-columns:73px 1fr 60px;gap:8px}.skill-weight>b{font-size:23px}.skill-output{gap:12px;padding:15px 10px}.skill-output output{font-size:17px}.persona-skill-grid{gap:6px}.persona-skill-grid>div{font-size:9px;gap:3px}.head-orbits{gap:10px}.head-orbits button{width:36px;height:36px;font-size:22px}.persona-attributes{width:43%}.attribute-row{gap:8px}.attribute-row>strong{font-size:18px;width:100px}.request-list b{font-size:16px}.request-list button{gap:12px;padding-right:15px}.request-detail{left:45%;right:4%;padding:24px}.request-heading{gap:9px}.reader-content .request-heading h4{font-size:24px}.bio-row{grid-template-columns:80px 85px 1fr}.bio-row>strong{font-size:23px}.results-party{width:49%}.results-party button{gap:14px}.results-party button>b{font-size:15px}.results-party .party-role{font-size:23px}.results-party small{font-size:8px}.results-party small strong{font-size:18px}.status-sheet{width:54%}.status-name>small{display:none}.reader-content .results-version{right:3%;width:32%}.system-options{left:61%;width:36%}.persona-level,.persona-exp{bottom:5px}.persona-exp{left:30%}.persona-level b,.persona-exp b{font-size:34px}.persona-ribbon .persona-arcana{font-size:38px}.reader-content .persona-ribbon h3{font-size:23px;left:36%}
}
/* Portrait: retain each page's composition, stack only the interactive information. */
@media(max-width:640px) and (orientation:portrait){
 body.reading .global-controls{top:6px;right:12px;gap:4px;flex-direction:row}body.reading .global-controls button{font-size:7px;padding:6px;min-height:28px}.reader-heading{top:6px;left:9px;height:28px;gap:7px}.reader-heading>button{font-size:10px;padding:6px}.reader-heading h2{font-size:8px}.reader-footer{height:54px;padding:0 13px;gap:14px}.reader-footer .reader-guide{display:none}.reader-footer button{font-size:10px}.reader-nav{width:220px;left:12px;bottom:64px;max-height:70%;margin:0;padding:12px;align-items:stretch;gap:1px}.reader-nav button{font-size:17px}.reader-content{overflow-y:auto;bottom:54px;height:calc(100% - 54px)}.screen-stage{height:auto;min-height:100%;overflow:hidden;padding-bottom:35px}.screen-stage .screen-subtitle{font-size:8px}.screen-stage p{font-size:12px}.screen-sources{font-size:9px;gap:12px}.screen-formula{font-size:13px}.screen-stage .screen-word{font-size:19vw}
 .equip-scene{padding-top:126px;min-height:930px}.equip-scene:after{clip-path:polygon(0 0,100% 0,100% 53%,45% 100%,0 100%)}.equip-scene .screen-word{top:55px;left:-3%;bottom:auto;max-width:100%;font-size:25vw;color:#a6a9b4}.equip-scene .screen-subtitle{top:37px;left:5%}.equip-art{top:auto;height:390px;background-size:auto 100%;opacity:.85;clip-path:polygon(40% 0,100% 0,100% 100%,10% 100%)}.equip-art:after{height:13%;width:60%;background:#0526ce}.party-list{position:relative;width:100%;top:auto;display:flex;gap:4px}.party-list button{width:33.33%;height:68px;padding:9px;display:grid;gap:4px;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.party-list .party-role{font-size:9px;transform:none;width:auto}.party-icon{display:none}.party-list b{font-size:11px}.party-list small{position:static;font-size:7px}.equipment-sheet{position:relative;left:auto;top:auto;width:92%;max-height:none;overflow:visible;margin:25px 5% 0;padding:0 10px 0 0;min-height:480px}.reader-content .equipment-sheet h4{font-size:20px}.equipment-sheet .equip-slot{margin:14px 0}.equipment-sheet .screen-sources{max-width:75%}.diagram-open{position:relative;left:auto;bottom:auto;width:max-content;margin:18px 0 0 5%;font-size:16px}.reader-content .equip-caption{display:none}
 .skill-scene{padding:168px 0 25px;min-height:1030px}.skill-scene:after{clip-path:polygon(0 0,100% 0,100% 49%,0 56%)}.skill-scene .screen-word{top:66px;font-size:12.5vw;left:4%;z-index:3}.skill-scene .screen-subtitle{top:136px;left:6%}.skill-cap{left:0;top:0;right:0;height:112px;min-height:0;padding:37px 6% 12px;background:#727d96;transform:rotate(-3deg);justify-content:end}.skill-cap b{display:none}.skill-cap .outline-key{font-size:30px}.skill-cap .outline-key:first-child{display:none}.skill-list{position:relative;top:auto;left:auto;width:95%}.skill-list-label{font-size:8px;margin-left:6%}.skill-list>button{height:57px;gap:16px;padding-left:6%;padding-right:20px}.skill-symbol{min-width:50px;font-size:21px}.skill-list>button b{font-size:23px}.skill-cost{font-size:12px}.mask-choice{padding:22px 6% 0;gap:9px;font-size:10px}.skill-description{margin:22px 6% 0 6%;padding-left:37px}.reader-content .skill-description p{font-size:11px}.skill-result{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:36px 6% 0;padding:20px 0 0;border-top:2px solid #56e2f4;overflow:visible}.reader-content .skill-result h4{font-size:14px}.skill-weight{grid-template-columns:77px 1fr 71px;margin:20px 0;font-size:11px;gap:10px}.skill-weight>b{font-size:25px}.skill-output{margin-top:27px;padding:13px 12px;gap:12px}.skill-output output{font-size:20px}
 .persona-scene{min-height:970px;padding-top:0}.persona-ribbon{top:105px;left:-10%;width:125%;height:160px;border-bottom:18px solid #071ccc;z-index:2;transform:rotate(-9deg)}.persona-owner{font-size:9px;top:-26px;left:15%}.persona-arcana{font-size:29px;left:13%;top:6px}.reader-content .persona-ribbon h3{font-size:20px;top:54px;left:14%;white-space:nowrap}.persona-level{bottom:8px;left:14%;font-size:14px}.persona-exp{bottom:8px;left:44%;font-size:14px}.persona-level b,.persona-exp b{font-size:29px}.persona-figure{height:485px;right:-10%;top:212px;z-index:1;opacity:.85}.head-orbits{top:308px;left:5%;right:5%;gap:8px;transform:rotate(-7deg);justify-content:space-between}.head-orbits button{width:31px;height:31px;font-size:18px;box-shadow:inset 0 0 0 2px var(--head-color)}.head-orbits button.active{outline-width:2px;outline-offset:3px}.persona-skills{top:409px;bottom:auto;width:90%;left:5%;padding:11px;z-index:3;background:#010741d9}.persona-skill-grid{gap:8px}.persona-skill-grid>div{font-size:9px;gap:5px}.persona-skill-grid i{width:27px;font-size:13px;flex-shrink:0}.persona-next{font-size:18px;gap:10px}.persona-next strong{font-size:30px}.persona-next>span{font-size:9px;padding:8px}.persona-attributes{top:656px;bottom:auto;right:6%;width:88%;transform:rotate(-6deg);background:#06197ca3;padding:10px}.head-equation{font-size:12px}.attribute-row{height:32px;gap:8px}.attribute-row>b{font-size:21px;width:44px}.attribute-row>strong{font-size:18px;width:110px}.attribute-row>i{height:13px}.reader-content .persona-explainer{position:relative;margin:859px 5% 0;left:auto;bottom:auto;font-size:10px;max-width:85%}.persona-scene>.screen-sources{position:relative;margin:12px 5% 0;right:auto;bottom:auto;font-size:8px}
 .position-scene{min-height:1080px;padding:140px 0 25px}.position-scene:after{clip-path:polygon(0 0,100% 0,100% 52%,0 59%)}.position-scene .screen-word{top:59px;bottom:auto;font-size:18vw;left:0}.position-scene .screen-subtitle{top:38px;left:5%}.position-identity{position:relative;left:auto;top:auto;margin:0 6%;height:90px}.position-number{font-size:75px}.position-controls{position:relative;left:auto;top:auto;width:88%;margin:20px 6% 0}.position-controls .equip-slot{display:inline-block;width:48%;vertical-align:top;margin:18px 0 0}.position-controls .equip-slot>span{font-size:9px;min-width:120px;padding:2px 10px}.position-controls .equip-slot strong{font-size:12px;margin-left:0}.position-controls .equip-slot:last-child{display:none}.position-matrix{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:85px 5% 0;padding:0;overflow:visible}.position-matrix .pos-cell{height:23px;font-size:6px}.position-matrix .pos-grid{gap:2px;margin:20px 0}.matrix-caption{font-size:7px}.matrix-caption i{width:40px}.position-equations .screen-formula{font-size:12px}.reader-content .position-matrix p{font-size:11px}.position-matrix .table-wrap{max-width:100%;overflow:auto}
 .training-scene{min-height:980px;padding-top:174px}.training-scene .screen-word{top:64px;left:1%;font-size:18vw}.training-scene .screen-subtitle{top:137px;left:6%}.training-counter{display:none}.request-list{position:relative;top:auto;left:auto;width:92%;gap:9px}.request-list button{height:45px;padding:10px 18px 10px 7%;gap:17px}.request-list b{font-size:17px}.request-list button>span{font-size:11px}.request-detail{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:45px 6% 0;padding:24px 22px;min-height:345px;overflow:visible;transform:rotate(-2deg)}.request-heading{gap:10px}.request-heading span{font-size:12px}.reader-content .request-heading h4{font-size:23px}.request-heading>b{font-size:7px;padding:4px}.request-detail h5{font-size:18px;margin:22px 0 8px}.reader-content .request-detail p{font-size:12px}.bio-row{grid-template-columns:80px 70px 1fr;gap:8px;padding:18px 0}.bio-row>b{font-size:10px}.bio-row>strong{font-size:23px}.bio-row>span{font-size:9px}.training-total{position:relative;left:auto;bottom:auto;margin:35px 7% 0;font-size:38px;gap:14px}.training-total b{font-size:27px}.training-total span{font-size:8px}
 .stats-scene{min-height:1010px;padding-top:200px}.stats-scene .screen-word{top:59px;left:1%;font-size:21vw}.stats-scene .screen-subtitle{top:154px;left:6%}.stats-art{top:360px;bottom:150px;background-size:auto 100%;opacity:.4;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-position:78% top}.stats-art:after{display:none}.results-party{position:relative;top:auto;left:auto;width:97%;gap:12px}.results-party button{height:61px;padding:0 18px 0 5%;gap:15px}.results-party .party-role{font-size:25px}.results-party button>b{font-size:16px}.results-party small{font-size:7px}.results-party small strong{font-size:18px;margin-left:6px}.status-sheet{position:relative;left:auto;top:auto;width:auto;margin:53px 6% 0;padding:23px 18px;background:#010a47dc}.status-name{gap:12px}.status-name>small{display:none}.reader-content .status-name h4{font-size:30px}.status-name>span{font-size:9px}.status-name>span>b{font-size:22px}.bleu-bars>div{gap:10px;margin:22px 0}.bleu-bars>div>span{font-size:10px;min-width:61px}.bleu-bars strong{font-size:26px;width:61px}.bleu-bars small{font-size:7px}.status-values{flex-wrap:wrap;gap:18px}.status-values>div{min-width:55px}.status-values span{font-size:8px}.status-values b{font-size:20px}.reader-content .results-version{position:relative;right:auto;bottom:auto;width:auto;margin:50px 6% 0;padding:15px 18px;font-size:10px}.stats-scene>.screen-sources{position:relative;bottom:auto;right:auto;max-width:none;margin:15px 6% 0;font-size:8px}
 .system-scene{min-height:calc(100svh - 54px);height:790px}.system-art{background-size:auto 100%;background-position:42% top}.system-options{top:11%;left:21%;width:75%;padding:25px 7px 40px;gap:16px;transform:rotate(-6deg);box-shadow:0 0 30px 25px #0b2bae}.system-options button{font-size:9.5vw;padding:5px 0}.system-options small{font-size:9px}.system-options button:last-child{font-size:6.7vw;margin-top:18px}.system-art:after{width:100%;height:10%;background:white}.system-panel{min-height:790px;height:100%;overflow:hidden}.config-tabs{top:100px;left:6%;width:88%}.config-tabs button{font-size:16px;padding:8px 0}.config-back{top:47px;right:6%;font-size:9px;padding:5px 10px}.config-body{top:170px;left:0;width:100%;bottom:155px;padding:0 7%;overflow:auto}.config-row{min-height:89px;gap:15px;font-size:15px}.config-row button{min-width:68px;font-size:16px;padding:8px 12px}.config-row small{font-size:9px;line-height:1.8}.config-row b{font-size:13px}.config-body ul{font-size:11px;line-height:2.5}.reader-content .config-body p{font-size:11px}.config-word{height:125px;font-size:18vw;padding-top:20px}.system-panel:before{clip-path:polygon(0 0,90% 0,100% 75%,80% 100%,0 100%)}
}
@media(prefers-reduced-motion:reduce){.screen-stage *{animation:none!important;transition:none!important}}
/* Global playlist lives outside chapter mounts, so music continues between pages. */
.music-drawer{position:absolute;z-index:40;right:25px;top:58px;width:390px;max-width:calc(100% - 30px);max-height:calc(100svh - 125px);overflow:auto;background:#05113afa;color:#7cffff;padding:20px 20px 25px;box-shadow:-5px 5px 0 #ff73d4;border-top:5px solid white}
.music-drawer-heading{display:flex;justify-content:space-between;align-items:center}.music-drawer-heading>span{font:800 italic 45px/.9 var(--display);letter-spacing:-.12em;color:#fff}.music-drawer-heading button{font:30px/1 var(--body);padding:0 5px}.music-drawer>p{font:9px/1.8 var(--body);color:#9dc4fa;margin:20px 0 17px}.music-track-list>div{margin-top:8px}.music-track-list button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 10px;color:#83f9fa}.track-number{font:800 italic 21px var(--display)}.music-track-list b{font:800 15px var(--body)}.music-track-list small{display:block;font:9px/1.7 var(--body);margin-top:5px;color:#9bb8e8}.track-play{margin-left:auto;font-size:13px}.music-track-list button.active{background:white;color:#000828;box-shadow:0 -3px 0 #ff4477}.music-track-list button.active small{color:#344c81}.music-track-list a{display:block;text-align:right;font:9px var(--body);margin:12px 5px 15px;color:#a2dafa}.config-row #setting-track{font:11px/1.6 var(--body);min-width:120px;max-width:45%}
.equip-scene:after{clip-path:polygon(0 0,75% 0,60% 32%,61% 50%,44% 100%,0 100%)}
.equip-art:after{width:29%;height:16%;clip-path:none;background:#122ec4}
.stats-art:after{width:29%;height:16%;clip-path:none;background:#092fe3}
.reader-content .equip-caption{display:none}
@media(max-width:640px) and (orientation:portrait){.music-drawer{right:15px;top:55px;padding:18px 16px}.music-drawer-heading>span{font-size:36px}.music-track-list b{font-size:13px}.music-track-list small{font-size:9px}.equip-scene:after{clip-path:polygon(0 0,100% 0,100% 53%,45% 100%,0 100%)}.equip-art:after{width:65%;height:15%}.system-art:after{height:4%}}
/* QUEST list correction from the 2560×1440 original Elizabeth request screen. */
.training-scene:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(78deg,transparent 0 210px,#04043b 212px 215px,transparent 218px 420px),#181567;clip-path:polygon(0 0,68% 0,80% 100%,9% 100%);z-index:-1}
.training-scene .screen-word{top:3%;left:0;color:#b5b5bb;transform:rotate(-9deg);font-size:12vw}
.training-scene .screen-word:before{content:'';position:absolute;left:-8%;right:0;bottom:7%;height:18%;background:#fff;z-index:-1}
.training-scene .screen-subtitle{top:25%;left:10%;font-style:italic;color:#82a1d7}
.request-list{top:29%;left:5%;width:66%;gap:4px}
.request-list button{padding:10px 22px 10px 7%;height:51px;background:transparent;transform:none;gap:25px;color:#70faff}
.request-list button>span{font-size:17px;font-style:italic}.request-list b{font-size:23px;font-family:var(--body);letter-spacing:0}
.request-list small{background:#68f3ff;color:#061549;padding:4px 18px;border-radius:3px;font-size:10px;opacity:1}
.request-list button.active{border-radius:7px;background:white;box-shadow:0 -5px 0 #fa298d}.request-list button.active small{background:#02061e;color:#fff}
.request-detail{top:64%;left:11%;right:31%;bottom:5%;padding:15px 15px 25px 0;background:transparent;box-shadow:none;transform:none;color:white;animation:none}
.request-heading{border:0;padding:0;gap:14px}.request-heading>span,.request-heading>b{display:none}.reader-content .request-heading h4{font:italic 21px var(--body);color:#56e7ff}
.request-detail h5{font-size:18px;line-height:1.5;margin:12px 0 5px}.reader-content .request-detail p{font-size:12px;line-height:1.8;margin:8px 0}.request-detail .screen-sources{color:#6be8f8;margin-top:13px}.request-detail .bio-row{padding:9px 0;border-color:#78cfff40;grid-template-columns:110px 100px 1fr}.request-detail .bio-row>strong{font-size:23px}.request-detail .screen-formula{font-size:14px;padding:10px 0;color:#a3f7ff}
.training-total{left:auto;right:5%;top:45%;bottom:auto;display:grid;grid-template-columns:1fr;gap:6px;font-size:70px;transform:rotate(-5deg)}.training-total b{margin-top:22px;font-size:42px}.training-total span{max-width:none;font-size:10px}
body.paused .screen-stage *{animation:none!important;transition:none!important}
@media(min-width:641px) and (max-height:760px){.request-list button{height:40px;padding-top:5px;padding-bottom:5px}.request-list b{font-size:18px}.request-detail{top:64%;bottom:3%}.request-detail h5{font-size:16px}.training-total{font-size:53px}.training-total b{font-size:33px}}
@media(max-width:640px) and (orientation:portrait){.training-scene{padding-top:163px;min-height:980px}.training-scene:after{clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.training-scene .screen-word{top:72px;font-size:19vw}.training-scene .screen-subtitle{top:139px;left:8%}.request-list{position:relative;left:4%;top:auto;width:92%;gap:6px}.request-list button{height:50px;padding:10px 14px;gap:17px}.request-list button>span{font-size:12px}.request-list b{font-size:17px}.request-list small{font-size:8px;padding:4px 9px}.request-detail{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:40px 8% 0;padding:20px 0 0;min-height:330px;transform:none}.reader-content .request-heading h4{font-size:20px}.request-detail h5{font-size:17px;margin-top:20px}.request-detail .bio-row{grid-template-columns:85px 73px 1fr;padding:15px 0}.training-total{position:relative;top:auto;bottom:auto;left:auto;right:auto;display:flex;gap:12px;margin:32px 8% 0;font-size:37px;transform:none}.training-total b{font-size:28px;margin:0}.training-total span{font-size:8px;max-width:65px}}

/* Remove embedded game navigation from the displayed portrait region. */
.stats-art:before{content:'';position:absolute;inset:0;background:#fdfdff;clip-path:polygon(46% 0,100% 0,100% 10%,46% 26%)}
.stats-scene .screen-word{max-width:46%;overflow:hidden;font-size:10.2vw;letter-spacing:-.13em;top:8%}
@media(max-width:640px) and (orientation:portrait){.stats-art{clip-path:polygon(0 24%,100% 24%,100% 86%,0 86%)}.stats-art:before{display:none}.stats-scene .screen-word{top:59px;font-size:21vw;max-width:100%}.persona-attributes .attribute-row>i{opacity:.8}}
.system-options{left:57%;width:41%;padding-left:6%;box-shadow:0 0 28px 24px #0b2bae}
@media(max-width:640px) and (orientation:portrait){.system-options{left:21%;width:75%;padding-left:7px;box-shadow:0 0 30px 25px #0b2bae}}

@media(max-width:640px) and (orientation:portrait){.stats-art{background-position:right top}.system-options button.selected small{color:#baf1ff;transform:translateY(7px)}}
@media(min-width:641px){.system-options{gap:3px;padding-top:12px;padding-bottom:15px}.system-options button{font-size:3vw;padding:3px 0}.system-options button:last-child{margin-top:8px}.system-options button.selected small{color:#baf1ff}}
@media(min-width:641px){.system-art:before{content:'';position:absolute;left:60%;right:0;top:39%;height:23%;background:#0b2bae}}
@media(min-width:641px){.system-art:before{background:linear-gradient(#0b2bae 0 72%,#0b2bae00 100%)}}