:root{--notice-line:#afc4cba6;--notice-rule:#508dce;--notice-ink:#e2f0f5;--notice-glow:#8ed9ff;--notice-bg:radial-gradient(ellipse at 52% 10%,#2955693b,transparent 58%),repeating-linear-gradient(132deg,transparent 0 64px,#729daa08 65px,transparent 67px 124px),linear-gradient(155deg,#0d202bef,#061018f7)}
body .sysnote,body .lw-pane,body.system-suite .su-update-window,body #scr-inbox .inbx{background:var(--notice-bg);border:1px solid var(--notice-line);border-radius:0;box-shadow:inset 0 0 45px #589ec20b,0 12px 45px #0007;color:var(--notice-ink)}
body .sysnote:before,body .sysnote:after{width:9px;height:9px;border-width:1px;filter:none}
body .sn-head{background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:9px;align-items:stretch;margin:0 auto 18px}
body .sn-bang{position:relative;border:1px solid #c5d8df;border-radius:0;width:34px;height:36px;box-shadow:none;font:600 22px/1 system-ui;text-shadow:0 0 10px #8ed9ff80}
body .sn-bang:before{content:'';position:absolute;inset:5px;border:1px solid #d2e7ed;border-radius:50%;pointer-events:none}
body .sn-title{display:flex;align-items:center;justify-content:center;border:1px solid #b6cdd5;padding:6px 21px;font:600 clamp(16px,2.1vw,22px)/1.2 Rajdhani,system-ui;letter-spacing:2px;text-shadow:0 0 9px #9ce8ff90;white-space:normal;text-align:center}
body .sn-body{border-top:1px solid var(--notice-rule);border-bottom:1px solid var(--notice-rule);padding:18px 0;color:#d5e5ec;line-height:1.8;letter-spacing:.5px;text-shadow:none}
body .sn-big{font-size:clamp(20px,3vw,30px);letter-spacing:1.5px;text-shadow:0 0 12px #9fe6ff44}
body .sn-sub{letter-spacing:.6px;color:#aec4d2}
body .sn-btn,body .sn-box{border-radius:0;background:#102a3b66;border:1px solid #bdd8e77a;box-shadow:inset 0 0 12px #70bce014}
body .sn-btn:focus-visible,body .sn-box:focus-visible{outline:2px solid #d7edf5;outline-offset:4px}
body .sysnote-ov{background:radial-gradient(ellipse,#06121ecc,#02070bea)}

body.system-suite .su-update-window{position:relative;width:min(650px,100%);padding:28px 30px;text-align:center;animation:snIn .32s ease-out both}
body.system-suite .su-update-window .sn-head{width:max-content;max-width:100%;margin:0 auto 18px}
body.system-suite .su-update-window h1{font:500 clamp(22px,3vw,30px)/1.3 Rajdhani,system-ui;margin:8px 0;color:#e4f4fc;letter-spacing:.5px;text-shadow:0 0 12px #87d1ef44}
body.system-suite .su-update-window>p{font:13px/1.6 system-ui;color:#c2d9e4;margin:10px 0 20px}
body.system-suite .su-update-window ul{border-block:1px solid var(--notice-rule);padding:22px 0;margin:20px 0;gap:21px;list-style:none;text-align:left}
body.system-suite .su-update-window li{padding:0 10px}
body.system-suite .su-update-window li b{font:600 17px/1.4 Rajdhani,system-ui;letter-spacing:.6px;color:#def0f7}
body.system-suite .su-update-window li span{margin-top:6px;color:#b4cedc;font:12px/1.7 system-ui}
body.system-suite .su-update-window .cta,body .lw-pane .cta{border-radius:0;background:#15374c66;border:1px solid #b7d6e3a6;box-shadow:inset 0 0 20px #65b8dd12;color:#e2f5ff;text-shadow:0 0 8px #8ed9ff55}
body.system-suite .su-update-window small{color:#a7becb;font:11px/1.6 system-ui}

body .lw-kicker{display:table;margin:0 auto 14px;padding:7px 18px;border:1px solid #b6cdd5;color:#d7ecf5;letter-spacing:2px;text-shadow:0 0 9px #8ed9ff70}
body .lw-title{border-top:1px solid var(--notice-rule);padding-top:18px;color:#e7f4fc}
body .lw-hook{border-top:1px solid var(--notice-rule);padding-top:14px}

body #scr-inbox .inbx{padding:24px;margin-bottom:20px}
body #scr-inbox .inbx .it{display:table;border:1px solid #b6cdd58c;padding:8px 14px;margin:0 auto 18px;font:600 18px/1.4 Rajdhani,system-ui;letter-spacing:1.2px;text-align:center;color:#e0f0f6;text-shadow:0 0 10px #81d1ee55;overflow-wrap:anywhere}
body #scr-inbox .inbx .ib{border-block:1px solid var(--notice-rule);padding:18px 0;font:13px/1.9 system-ui;color:#bdd3df}
body #scr-inbox .inbx .if{margin-top:14px;color:#8caaba;font:10px/1.5 system-ui;letter-spacing:1px}

body #toast{border-radius:0;border:1px solid #adc5d19c;background:var(--notice-bg);box-shadow:0 6px 24px #0008;color:#deedf5;line-height:1.6}
body #toast:before{color:#b9e5f9;text-shadow:0 0 7px #6bcaed55}
body #toast.good{border-color:#72c6a6}body #toast.warn{border-color:#c8757b;color:#ffd3d7}
body #toast.warn:before{color:#f299a0}

body :is(#rankup-ov,#grad-ov,#penalty-ov,#rift-ov,#flame-ov,#eyeintro-ov,#checkin-ov,#orient-ov,#reveal-ov,#verdict-ov){background:var(--notice-bg)!important;border:1px solid var(--notice-line);border-radius:0}
body :is(#rankup-ov,#grad-ov,#penalty-ov,#rift-ov,#flame-ov,#eyeintro-ov,#checkin-ov,#orient-ov,#reveal-ov,#verdict-ov)>.h-sec{border:1px solid #abcbd17a;padding:8px 16px;text-align:center;max-width:90%;box-sizing:border-box}
@media(orientation:landscape) and (max-height:540px){body.system-suite .su-update-window{width:min(740px,100%);padding:16px 24px}body.system-suite .su-update-window .sn-head{margin-bottom:10px}body.system-suite .su-update-window h1{font-size:23px;margin:5px 0}body.system-suite .su-update-window>p{margin:5px 0 10px;font-size:12px}body.system-suite .su-update-window ul{padding:12px 0;margin:12px 0;gap:12px}body.system-suite .su-update-window li{padding:0}body.system-suite .su-update-window li b{font-size:15px}body.system-suite .su-update-window li span{font-size:11px;line-height:1.5;margin-top:4px}body.system-suite .su-update-window .cta{margin-bottom:8px}}
@media(max-width:480px){body .sn-title{padding:7px 12px;letter-spacing:1px}body.system-suite .su-update-window{padding:24px 18px}body #scr-inbox .inbx{padding:18px}}
@media(prefers-reduced-motion:reduce){body.system-suite .su-update-window{animation:none}}

body .sysnote-ov,body.system-suite .su-system-update{background:radial-gradient(ellipse at 50% 40%,#12335399,transparent 65%),repeating-linear-gradient(0deg,transparent 0 79px,#78c9ff06 80px),linear-gradient(#030917ed,#02050bf5)}
body .sysnote,body .lw-pane,body.system-suite .su-update-window{isolation:isolate;overflow:visible;border-color:#acdfffaa;background:radial-gradient(ellipse at 50% 0%,#24648244,transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,#7ccfff04 4px),linear-gradient(150deg,#0b2133f5,#050e1af7);box-shadow:0 0 0 5px #71caff07,0 0 0 12px #77caff04,0 0 42px #369cdc20,0 24px 70px #0009,inset 0 0 38px #6fcfff09}
body .sysnote:before,body .sysnote:after{inset:auto;left:-5%;right:-5%;width:auto;height:2px;border:0;filter:none;pointer-events:none;background:linear-gradient(90deg,transparent,#359dd577,#c7f5ff,#359dd577,transparent);box-shadow:0 0 8px #9de9ff99,0 0 22px #309ad777;opacity:.7}
body .sysnote:before{top:-9px}body .sysnote:after{bottom:-9px}
body .sn-title,body .lw-kicker{background:linear-gradient(105deg,#17364c66,#5fbdde13,#10253d55);box-shadow:0 0 17px #58bff01c,inset 0 0 12px #81d7f30d}
body .sn-head{position:relative}body .sn-head:after{content:'';position:absolute;inset:-5px -8px;border-inline:1px solid #82d6fa33;pointer-events:none}
body #scr-inbox .inbx{background:radial-gradient(ellipse at 0% 0%,#22638230,transparent 65%),var(--notice-bg);box-shadow:inset 3px 0 #70c9ee22,0 0 25px #438abc0c}
body #toast{box-shadow:0 0 0 4px #7ad3ff06,0 0 20px #55b6e41c,0 10px 30px #0008}

@media(prefers-reduced-motion:no-preference){body .sysnote:before,body .sysnote:after{animation:system-light-arrival 1.1s ease-out both}body .sysnote:after{animation-delay:.08s}@keyframes system-light-arrival{0%{opacity:0;transform:scaleX(.4)}35%{opacity:.95}100%{opacity:.7;transform:scaleX(1)}}}
@media(max-width:480px){body .sysnote:before,body .sysnote:after{left:-2%;right:-2%}}