/* SEKI & CO. R4.5.3 / FIELD NOTES. Editorial, cinematic workspace.
   Cosmetic design only: never implies live telemetry or real in-game signals. */
:root {--r453-ink:#06111c;--r453-sky:#b6e7ff;--r453-amber:#ebae74;--r453-line:#375b72}
#preview-root {min-height:100dvh; background:#030b14}
#preview-root .r453-shell {isolation:isolate;position:relative;}
#preview-root .r453-shell[data-persona="korshun"] {--r453-character:#e9a86f;--r453-character-soft:#895130}
#preview-root .r453-shell[data-persona="phoenix"] {--r453-character:#8ad7f1;--r453-character-soft:#174a69}
#preview-root .r453-shell {--r453-character:#8ad7f1;--r453-character-soft:#174a69}
#preview-root .r453-shell[data-persona="korshun"] {--r453-character:#e9ad78;--r453-character-soft:#895130}
.r453-shell :is(button,a,summary){transition:border-color .18s ease,background-color .18s ease,filter .18s ease,transform .18s ease}
.r453-shell button:hover{filter:brightness(1.11)}
.r453-shell .r451-page-title h1 em{font-style:normal;color:var(--r453-character)}
.r453-side-log{border-block:1px solid #2b4861;margin:22px 8px 21px;padding:21px 9px 18px;position:relative}
.r453-side-log::before{content:"";position:absolute;top:-1px;left:8px;width:49px;height:2px;background:var(--r453-character)}
.r453-side-log-label{display:block;font:700 10px/1.35 ui-monospace,Consolas,monospace;letter-spacing:.13em;color:var(--r453-character)}
.r453-side-log strong{font-size:24px;display:block;letter-spacing:-.035em;margin:10px 0;color:#f2f6f6}
.r453-side-log p{color:#91acbf;line-height:1.55;font-size:12px;margin:0 0 12px}
.r453-side-log button{color:var(--r453-character);font:700 12px/1.3 inherit;background:transparent;border:0;padding:0;cursor:pointer;text-align:left}
.r453-field-note{margin:15px 0 0;padding:22px 24px;position:relative;border:1px solid #4d6170;border-left:3px solid var(--r453-character);border-radius:3px 12px 12px 3px;background:linear-gradient(118deg,#0e2538,#0a1c2d 78%);overflow:hidden}
.r453-field-note::after{content:'“';position:absolute;font:700 145px/1 Georgia,serif;right:20px;top:-28px;color:#7dabc0;opacity:.1;pointer-events:none}
.r453-field-note-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.14em;color:var(--r453-character)}
.r453-field-note-head span:last-child{color:#a1aeb3;font-size:9px}
.r453-field-note blockquote{margin:14px 0 18px;color:#e4e9e8;font:italic 21px/1.5 Georgia,'Times New Roman',serif;max-width:750px;position:relative;z-index:1}
.r453-field-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;border-top:1px solid #29485a;padding-top:13px;color:#a9bed0}
.r453-field-meta button{color:var(--r453-character);border:0;background:transparent;font-size:12px;font-weight:750;cursor:pointer}
.r453-blip{display:inline-block;background:var(--r453-character);height:6px;width:6px;border-radius:50%;vertical-align:middle;margin-right:7px}
.r453-focus-index{position:absolute;top:20px;right:22px;font:700 45px/1 ui-monospace,Consolas,monospace;letter-spacing:-.1em;color:rgba(192,225,243,.8);text-shadow:0 2px 18px #04111ce0}
.r453-focus-index span{font-size:14px;color:#a7c2d0;letter-spacing:0;vertical-align:top}
.r451-focus-body{position:relative;max-width:none;z-index:1}
.r453-story-fragment{border:1px solid #496a78;display:grid;grid-template-columns: minmax(150px,.46fr) minmax(0,1fr);border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#182e3c,#0c1d2c);min-height:196px}
.r453-story-fragment-art{background:linear-gradient(90deg,rgba(3,14,26,.04),#101f2b7b),url('assets/story.webp') center / cover;min-height:180px}
.r453-story-fragment>div:last-child{padding:23px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.r453-quote-kicker,.r453-fragment-number{color:var(--r453-character);font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}
.r453-story-fragment p{color:#e4e8e6!important;font:italic clamp(17px,1.55vw,23px)/1.5 Georgia,serif!important;max-width:650px;margin:0!important}
.r453-fragment-number{color:#9eb7c5;font-size:10px}
.r453-expedition-strap{border-left:3px solid #e8ad78;background:linear-gradient(90deg,#1a2d3c,#0a1a29);display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 22px;margin-bottom:12px;border-radius:3px 9px 9px 3px}
.r453-expedition-strap span{font-size:10px;letter-spacing:.12em;color:#f1bf8b;font-family:ui-monospace,monospace}
.r453-expedition-strap strong{color:#f7f2e9;font-size:17px}
.r453-expedition-strap small{color:#a9c2d4;font-size:12px}
.r453-technical{border:1px solid #294454;background:#0b1a29;border-radius:10px;padding:12px 15px;font-size:12px;color:#9caebe}
.r453-technical summary{cursor:pointer;font-size:12px;color:#acc3d2;list-style:none}
.r453-technical p{margin:13px 0 3px;line-height:1.6}
.r453-archive-blank{padding:22px;border-left:3px solid #b48c65;font-style:italic;color:#d4c4b0!important}
.r453-member-phoenix{border-left:4px solid #85c9ed!important;background:linear-gradient(135deg,#173b52,#0d2134 78%)!important}
.r453-member-marauder{border-left:4px solid #d59b6e!important;background:linear-gradient(135deg,#41332e,#15212b 85%)!important}
.r453-member-marauder .r451-team-emblem{background:#51372b;border-color:#b98456;color:#ffc592}
.r453-shell[data-persona="korshun"] .r451-primary{background:linear-gradient(112deg,#a86842,#79482d);border-color:#c88b63}
.r453-shell[data-persona="korshun"] .r451-focus .r451-meter span{background:linear-gradient(90deg,#a5694f,#f2b275)}
.r453-shell[data-persona="korshun"] .r451-focus-art{background-image:linear-gradient(92deg,#0e1723 0%,#131e29eb 46%,#271e1988 100%),url('assets/outpost.webp')}
.r453-shell .r451-side-panel{position:relative}
.r453-shell .r451-side-heading{font-family:ui-monospace,Consolas,monospace}
/* Major desktop reconstruction: cinematic left bay, editorial sidebar and generous scale. */
@media (min-width:1100px) {
 body{background:#030b14}
 #preview-root .r453-shell{max-width:none!important;width:100%!important;min-height:100dvh!important;grid-template-columns:clamp(246px,17vw,302px) minmax(0,1fr)!important;background:radial-gradient(ellipse at 68% -20%,#183b46 0%,transparent 55%),#030e19}
 .r453-shell .v1-main{min-width:0}
 .r453-shell .r2-content{max-width:none!important;padding:35px clamp(32px,3.8vw,88px) 80px!important;width:100%!important}
 .r453-shell .v1-top{height:76px!important;padding:0 clamp(32px,3.8vw,88px)!important}
 .r453-shell .v1-top .r2-breadcrumb{letter-spacing:.07em}
 .r453-shell .v1-sidebar{padding:27px 17px!important;}
 .r453-shell .r451-page-title{max-width:none;margin:0 0 26px;position:relative}
 .r453-shell .r451-page-title h1{font-size:clamp(39px,3vw,58px)!important;line-height:1.07;margin:14px 0 13px;letter-spacing:-.05em}
 .r453-shell .r451-page-title p{font-size:17px!important;max-width:880px}
 .r453-shell .r451-home-grid{grid-template-columns:minmax(0,1.7fr) minmax(360px,.77fr);gap:28px}
 .r453-shell .r451-focus{min-height:480px;border-radius:18px;border-color:#4e778c;box-shadow:0 22px 75px #010b16b9}
 .r453-shell .r451-focus-art{background:linear-gradient(94deg,#071421ee 0%,#071421e8 28%,#0714219b 59%,#06131b18 100%),url('assets/hero.webp') center right / cover}
 .r453-shell .r451-focus-body{padding:clamp(35px,4vw,62px)!important;min-height:480px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
 .r453-shell .r451-focus-body .r451-overline{font:750 12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em;color:var(--r453-character)}
 .r453-shell .r451-focus h2{font-size:clamp(42px,3.5vw,69px)!important;max-width:760px;line-height:1.04;margin:13px 0 20px;letter-spacing:-.055em}
 .r453-shell .r451-focus p{font-size:17px!important;max-width:630px;line-height:1.6}
 .r453-shell .r451-focus-actions{margin-top:4px;gap:13px}
 .r453-shell .r451-focus-actions button{font-size:15px!important;min-height:53px;padding:14px 22px}
 .r453-shell .r451-home-aside{gap:18px;position:relative}
 .r453-shell .r451-home-aside .r451-side-panel{padding:25px;box-shadow:inset 0 1px #ffffff0a}
 .r453-shell .r451-side-heading{font-size:12px}
 .r453-shell .r451-side-panel h3{font-size:24px!important}
 .r453-shell .r451-side-panel p{font-size:15px!important}
 .r453-shell .r451-roster-row{padding:18px 0}
 .r453-shell .r451-roster-avatar{width:45px;height:45px}
 .r453-shell .r451-roster-row strong{font-size:17px}
 .r453-shell .r451-roster-row small{font-size:13px}
 .r453-shell .r451-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .r453-shell .r451-action-card{min-height:170px;padding:24px;background:linear-gradient(140deg,#102d3e,#0a1e2e)}
 .r453-shell .r451-action-card strong{font-size:18px}
 .r453-shell .r451-action-card small{font-size:14px}
 .r453-shell .r451-action-card em{font-size:13px}
 .r453-shell .r451-section-title h2{font-size:30px}
 .r453-shell .r451-story-layout{grid-template-columns:minmax(0,1.75fr) minmax(325px,.65fr);gap:24px}
 .r453-shell .r451-story-main{max-width:none}
 .r453-shell .r451-story-main .r43-page{max-width:none;margin:0}
 .r453-shell .r451-story-main .r43-card{padding:31px!important;background:linear-gradient(135deg,#142c42,#0b2031)}
 .r453-shell .r451-story-main .r43-card>h2{font-size:35px!important}
 .r453-shell .r451-story-main .r43-card p{font-size:16px!important;line-height:1.7!important}
 .r453-shell .r451-story-main .r43-kpis strong{font-size:29px}
 .r453-shell .r451-story-main .r43-kpis small{font-size:14px}
 .r453-shell .r451-story-aside{top:100px;gap:18px}
 .r453-shell .r451-story-aside .r451-side-panel{padding:25px}
 .r453-shell .r451-story-aside .r451-side-panel h3{font-size:22px}
 .r453-shell .r451-team-layout{grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);gap:24px}
 .r453-shell .r451-team-member{min-height:190px;padding:32px}
 .r453-shell .r451-team-member h2{font-size:34px}
 .r453-shell .r451-team-member p{font-size:17px}
 .r453-shell .r451-team-emblem{width:80px;height:80px;font-size:38px}
 .r453-shell .ex-page{max-width:none}
 .r453-shell .ex-hero{min-height:225px!important;padding:38px 45px!important}
 .r453-shell .ex-hero h1{font-size:46px!important}
 .r453-shell .ex-hero p{font-size:17px!important}
 .r453-shell .ex-box{padding:25px!important}
 .r453-shell .r43-page:not(.r451-story-main .r43-page){max-width:1330px;margin:0 auto}
 .r453-shell .r452-coop-page>.r43-hero{padding:35px!important;background:linear-gradient(105deg,#152b3c,#0a2031 68%,#2d3640)}
 .r453-shell .r452-coop-page .r43-hero h1{font-size:43px}
 .r453-shell .r452-coop-page .r43-block h2{font-size:29px}
 .r453-shell .r2-card{padding:28px}
 .r453-shell[data-screen="archive"] .r2-card{min-height:300px;border-top:3px solid #c99764}
 .r453-shell .r45-archive-stats strong{font-size:34px}
 .r453-shell .r451-free-card{max-width:1250px}
}
@media (min-width:1100px) and (max-width:1360px){
 .r453-shell .r451-home-grid,.r453-shell .r451-story-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr)}
 .r453-shell .r451-focus h2{font-size:42px!important}
 .r453-shell .r451-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r453-shell .r451-action-grid .r451-action-card:last-child{grid-column:1/-1;min-height:125px}
}
/* Tablet and mobile: retain compact R4.5.2 behavior, add an atmospheric touch but no extra scrolling. */
@media(max-width:1099px){
 .r453-side-log{display:none}
 .r453-field-note{padding:14px 16px;margin-top:10px}
 .r453-field-note blockquote{font-size:17px;line-height:1.45;margin:10px 0}
 .r453-field-note-head{font-size:9px;letter-spacing:.06em}
 .r453-focus-index{font-size:30px;right:15px;top:14px}
 .r453-story-fragment{grid-template-columns:1fr;min-height:unset}
 .r453-story-fragment-art{height:82px;min-height:82px;background-position:center 42%}
 .r453-story-fragment>div:last-child{padding:14px;gap:9px}
 .r453-story-fragment p{font-size:16px!important}
 .r453-expedition-strap{padding:12px 14px;gap:5px;display:grid;margin-bottom:8px}
 .r453-expedition-strap strong{font-size:14px}
 .r453-expedition-strap span{font-size:9px}
 .r453-expedition-strap small{font-size:11px}
}
@media(max-width:650px){
 .r453-shell .r451-page-title h1{font-size:28px!important}
 .r453-shell .r451-home-aside{gap:8px}
 .r453-shell .r451-focus h2{padding-right:17px}
 .r453-field-note blockquote{font-size:15px}
 .r453-story-fragment-art{height:54px;min-height:54px}
 .r453-story-fragment p{font-size:14px!important}
 .r453-shell .r451-focus-body{padding:16px}
 .r453-shell .r451-focus{min-height:unset}
 .r453-shell .r451-side-panel:last-child{font-size:12px}
 .r453-shell .r452-coop-page .r43-hero{border-left:3px solid #caa178}
}
@media(prefers-reduced-motion:reduce){.r453-shell :is(button,a,summary){transition:none}}
