:root{--accent:#49665a;--accent-2:#755b91;--surface-soft:#edf0ed;--shadow:0 18px 50px #1d30200d}
body{background:radial-gradient(circle at 78% -18%,#87a6a114,transparent 38rem),var(--bg)}
.welcome{display:block;height:clamp(360px,32vw,560px);min-height:0;padding:0;background:linear-gradient(116deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-soft) 88%,transparent));border-radius:22px}
.welcome-visual{height:246px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#15251f,#253b32 58%,#576c60);isolation:isolate}
.welcome-visual:before,.welcome-visual:after{content:'';position:absolute;inset:-40%;border:1px solid #cae3d22b;border-radius:50%;transform:rotate(-28deg)}
.welcome-visual:after{inset:-15%;border-color:#dfcbbf30;transform:rotate(38deg)}
.visual-line{position:absolute;z-index:2;left:10%;right:10%;top:50%;height:1px;background:#e0ead078}
.visual-orbit{position:absolute;z-index:2;inset:34px 18%;border:1px solid #d8e5d269;border-radius:50%;transform:rotate(-35deg)}
.visual-orbit.second{inset:68px 7%;border-color:#e4c2b569;transform:rotate(31deg)}
.visual-core{position:absolute;z-index:3;top:50%;left:50%;width:49px;height:49px;translate:-50% -50%;border-radius:50%;background:#e0ebe1;box-shadow:0 0 0 12px #e0ebe117,0 0 35px #e0ebe15e}
.visual-caption{position:absolute;z-index:3;bottom:18px;left:20px;color:#e3ebe4;letter-spacing:.18em;font-size:9px;font-weight:750}
.card{border-radius:18px}.card-bg{filter:saturate(1.08) brightness(1.08)}.card:hover .card-bg,.card:focus-visible .card-bg{filter:saturate(1.16) brightness(1.16)}.card h3{font-size:22px}.pill{letter-spacing:.04em;text-transform:uppercase}
.about-hero{border-radius:22px;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--surface-soft) 75%,#b2c4b8))}.about-grid .panel{border-radius:18px}.feature-symbol{font-size:25px}
.research-map{background:linear-gradient(135deg,#9da58c,#ced1ad 48%,#8aaca4);filter:saturate(.72)}.research-map:before{opacity:.62}.map-point{border-radius:8px;background:#e2ddbd}.map-point.unknown{border-radius:50%;background:#7d887b}.journey-stop{border-radius:12px;box-shadow:none}.journey-link:after{content:'•'}
@media (max-width:980px){.welcome-visual{display:none}}@media (prefers-reduced-motion:reduce){.visual-orbit{transform:none}}.theme-control,.header-tools>#themeIndicator{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;display:grid;place-items:center}

/* Основная палитра Beta: исходная тёмная схема */
:root{--bg:#080d1d;--surface:#111a2d;--surface-soft:#18243b;--ink:#edf2ff;--muted:#a8b4ca;--line:#2b3a56;--accent:#4f8cff;--accent-2:#b995ff;--shadow:0 18px 55px #02061766;color-scheme:dark}
body,body[data-time='night']{--bg:#080d1d;--surface:#111a2d;--surface-soft:#18243b;--ink:#edf2ff;--muted:#a8b4ca;--line:#2b3a56;--accent:#4f8cff;--accent-2:#b995ff;--shadow:0 18px 55px #02061766;color-scheme:dark;background:radial-gradient(circle at 50% -20%,#182a4b 0,transparent 42rem),var(--bg)}
body[data-time='day']{--bg:#f4f6f8;--surface:#ffffff;--surface-soft:#e9eef5;--ink:#182335;--muted:#647084;--line:#d5deea;--accent:#356fca;--accent-2:#7650a8;--shadow:0 18px 55px #243b5a18;color-scheme:light;background:radial-gradient(circle at 50% -20%,#dceaff 0,transparent 42rem),var(--bg)}
[hidden]{display:none!important}
.welcome{background:linear-gradient(120deg,#10192c,#162440);border-color:#2d4164}.gate-box,.panel,.journey,.card{background:#111a2d;border-color:#2b3a56}.welcome-visual{background:linear-gradient(145deg,#101b31,#1b2f50 58%,#394b6a)}.visual-core{background:#bdd5ff;box-shadow:0 0 0 12px #bdd5ff17,0 0 35px #86b4ff7a}.visual-line{background:#cbdcff78}.card-shade{background:linear-gradient(180deg,transparent 30%,#08102026 52%,#081020c9 100%)}.filters button,.actions button,.controls input,.controls select,.journey-stop{background:#18243b;color:var(--ink);border-color:#2b3a56}.about-hero{background:linear-gradient(130deg,#111a2d,#1b2a45);border-color:#2b3a56}.about-grid .panel{background:#111a2d}.research-map{filter:none}
.profile-layout #auth{background:linear-gradient(145deg,#111a2d,#172640);border:1px solid #33496d;border-radius:18px;box-shadow:0 18px 45px #02061752}.profile-layout #auth form{gap:14px}.profile-layout #auth input,.profile-layout #auth select{background:#0c1528;border-color:#33496d}.profile-layout #auth form button{min-height:40px}.history-row{display:block;width:100%;margin:8px 0;text-align:left;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:10px}
body[data-time='day'] .welcome,body[data-time='day'] .gate-box,body[data-time='day'] .panel,body[data-time='day'] .journey,body[data-time='day'] .card{background:var(--surface);border-color:var(--line)}body[data-time='day'] .welcome{background:linear-gradient(120deg,#fff,#edf3fa)}body[data-time='day'] .about-hero{background:linear-gradient(130deg,#fff,#e9eef5);border-color:var(--line)}body[data-time='day'] .about-grid .panel{background:var(--surface)}body[data-time='day'] .profile-layout #auth{background:linear-gradient(145deg,#fff,#edf3fa);border-color:var(--line);box-shadow:var(--shadow)}body[data-time='day'] .profile-layout #auth input,body[data-time='day'] .profile-layout #auth select{background:#fff;border-color:var(--line)}body[data-time='day'] .filters button,body[data-time='day'] .actions button,body[data-time='day'] .journey-stop{background:var(--surface-soft);color:var(--ink)}
.card{padding:22px;border-radius:22px;overflow:hidden}.card-bg{inset:9px;border-radius:15px;transform:scale(1.01);transition:transform .8s ease,filter .45s ease}.card-shade{inset:9px;border-radius:15px}.card:hover,.card:focus-visible{transform:translateY(-5px) scale(1.008);box-shadow:0 18px 42px #02061780}.card:hover .card-bg,.card:focus-visible .card-bg{transform:scale(1.07)}.card:hover h3,.card:focus-visible h3{transform:none}.card:hover p,.card:focus-visible p{opacity:.86}body.game-page{background:var(--bg);isolation:isolate;overscroll-behavior-y:none}body.game-page:before{content:'';position:fixed;z-index:0;top:0;left:0;width:100%;height:100vh;height:100dvh;pointer-events:none;background:linear-gradient(#061022b8,#061022d9),var(--game-background) center/cover no-repeat}body.game-page>.site-header,body.game-page>main,body.game-page>footer{position:relative;z-index:1}.game{position:relative;padding:18px;border-radius:24px;background:transparent}.game>.panel,.game aside .panel{background:#0d1729c7;border-color:#415577;backdrop-filter:blur(7px);box-shadow:0 18px 50px #02061799}.story{background:linear-gradient(110deg,#0d1729d1,#0d1729ae)}.research-map{background:linear-gradient(145deg,#0b1527,#13233d 55%,#0d1a31);border:1px solid #405579;filter:none}.research-map:before{opacity:.34;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 13px,#7191bb 14px 15px,transparent 16px 28px)}.map-title{color:#e4ecfa}.map-hint{color:#9eb1cd}.map-point{background:#dce8fa;border-color:#6591ce;color:#192d4d;box-shadow:0 4px 14px #02061770}.map-point small{background:#dce8fa;color:#192d4d}.map-point.unknown{background:#354964;color:#bcd0e9;border-color:#6983a9}.map-point.current{box-shadow:0 0 0 5px #0d1729,0 0 0 8px #4f8cffaa}.provider-keys{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.provider-keys div{padding:7px 9px;border-radius:8px;background:var(--surface-soft);color:var(--ink);font-family:ui-monospace,SFMono-Regular,monospace}
body[data-time='day'].game-page:before{background:linear-gradient(#f4f6f8a8,#f4f6f8c9),var(--game-background) center/cover no-repeat}body[data-time='day'].game-page .game>.panel,body[data-time='day'].game-page .game aside .panel{background:#ffffffe8;border-color:#c6d2e1;box-shadow:0 18px 50px #243b5a24;backdrop-filter:blur(9px)}body[data-time='day'].game-page .story{background:linear-gradient(110deg,#fffffff2,#f4f7fce8)}body[data-time='day'].game-page .research-map{background:linear-gradient(145deg,#edf4fc,#dce9f7 55%,#eaf1f8);border-color:#b8c9dd}body[data-time='day'].game-page .research-map:before{background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 13px,#8ca8c8 14px 15px,transparent 16px 28px);opacity:.35}body[data-time='day'].game-page .map-title{color:#182f4d}body[data-time='day'].game-page .map-hint{color:#5f7189}body[data-time='day'].game-page .map-point{background:#fff;border-color:#6f94c2;color:#18385f;box-shadow:0 4px 14px #35597a2b}body[data-time='day'].game-page .map-point small{background:#fff;color:#18385f}body[data-time='day'].game-page .map-point.unknown{background:#dce5ef;color:#526b88;border-color:#8ba2bd}body[data-time='day'].game-page .map-point.current{box-shadow:0 0 0 5px #fff,0 0 0 8px #356fcaaa}
.popular-carousel{width:100%;height:100%;border:0;background:#0a1222;box-shadow:0 18px 44px #0206174d}.popular-carousel:before,.popular-carousel:after{content:none}.popular-card{position:absolute;inset:0;width:100%;overflow:hidden;border-radius:inherit;color:#fff;text-align:left;background:#0b1425;isolation:isolate;animation:popular-in .65s cubic-bezier(.2,.75,.2,1)}.popular-card:before{content:'';position:absolute;z-index:-2;inset:-3%;background:var(--popular-image) center/cover;filter:saturate(1.08) brightness(.98);animation:popular-zoom 7s ease-out both}.popular-card:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#071020c9 0%,#07102052 24%,transparent 56%),linear-gradient(90deg,#07102038 0%,transparent 52%)}.popular-copy{position:absolute;left:30px;right:76px;bottom:34px;display:grid;gap:7px;max-width:72%}.popular-copy small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9dc2ff}.popular-copy b{font-size:clamp(23px,2.2vw,34px);line-height:1;letter-spacing:-.035em}.popular-copy span{font-size:13px;line-height:1.35;color:#e4ebf8}.popular-copy em{font-size:11px;font-style:normal;font-weight:750;color:#a9c8ff}.popular-arrow{position:absolute;z-index:4;top:50%;translate:0 -50%;width:36px;height:48px;border:1px solid #ffffff2b;border-radius:11px;background:#07102099;color:#fff;font-size:29px;line-height:1;backdrop-filter:blur(8px);opacity:.75;transition:opacity .2s,transform .2s}.popular-arrow:hover{opacity:1;transform:scale(1.06)}.popular-arrow.prev{left:12px}.popular-arrow.next{right:12px}.popular-dots{position:absolute;z-index:4;right:18px;bottom:17px;display:flex;gap:6px}.popular-dots button{width:7px;height:7px;padding:0;border-radius:20px;background:#ffffff70;transition:width .25s,background .25s}.popular-dots button.active{width:22px;background:#fff}@keyframes popular-in{from{opacity:.25;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes popular-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@media (max-width:980px){.welcome{height:400px;padding:0}.popular-carousel{display:block;height:100%;margin:0}}@media (max-width:620px){.welcome{height:330px;padding:0}.popular-carousel{display:block;height:100%;margin:0}.popular-copy{left:22px;right:48px;bottom:28px;max-width:82%}.popular-copy b{font-size:25px}.popular-copy span{font-size:12px}.popular-arrow{width:31px;height:42px}.popular-arrow.prev{left:8px}.popular-arrow.next{right:8px}}

#loginButton{padding:8px 14px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}#loginButton:hover,#loginButton:focus-visible{filter:brightness(1.1)}

.access-dialog{position:fixed;max-width:min(420px,calc(100vw - 32px));width:100%;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0009}.access-dialog::backdrop{background:#071020aa}.access-dialog p{margin:12px 0 22px;line-height:1.5}.access-dialog .modal-close{position:absolute;top:12px;right:16px;background:transparent;color:var(--muted);font-size:22px}.access-action{padding:10px 15px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}

#authModal input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink)}#authModal input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:clamp(28px,5vw,80px);min-height:370px;padding:clamp(28px,4vw,58px);text-align:left;overflow:hidden}.about-hero-copy{min-width:0}.about-hero h1{max-width:650px;font-size:clamp(34px,3.5vw,54px);line-height:1.06;margin:16px 0}.about-hero .about-hero-copy>p{max-width:570px;margin:0 0 28px;color:var(--muted);font-size:clamp(15px,1.2vw,18px);line-height:1.5}.about-hero .primary-link{display:inline-flex;align-items:center;min-height:42px}.about-hero-visual{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,1fr);gap:10px;height:290px;min-width:0}.about-hero-visual img{width:100%;height:100%;min-height:0;object-fit:cover;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px #02061730}.about-hero-visual img:first-child{grid-row:span 2}body[data-time='day'] .about-hero-visual img{border-color:#ced8e6}@media(max-width:800px){.about-hero{grid-template-columns:1fr;gap:28px}.about-hero-visual{height:230px}}@media(max-width:620px){.about-hero{padding:28px 22px}.about-hero-visual{height:190px}.about-hero h1{font-size:34px}}

.game{padding:0}.game>.panel,.game aside .panel,.journey{border-radius:20px}.game>.panel,.game aside .panel{overflow:hidden}
body[data-time='day'].game-page #actionForm input{background:#f3f7fd;color:#182335;border-color:#aebfda}body[data-time='day'].game-page #actionForm input::placeholder{color:#647084}

.turn.is-new{animation:turn-in 1.3s cubic-bezier(.4,0,.2,1) both}

.setup-guide{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.setup-guide summary{cursor:pointer;font-weight:700}.setup-guide ol{display:grid;gap:13px;margin:18px 0;padding-left:23px}.setup-guide li{padding-left:4px;line-height:1.5}.setup-guide li::marker{color:var(--accent);font-weight:800}.provider-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.provider-links a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--accent);font-weight:700}.provider-links a:hover,.provider-links a:focus-visible{background:var(--surface-soft)}.setup-guide>.muted{margin:15px 0 0}

.parent-note{max-width:100%;border-radius:18px;background:var(--surface)}.scenario-descriptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.scenario-description{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.scenario-description h3{margin:7px 0 10px;color:var(--ink);font-size:18px}.scenario-description p{margin:7px 0 0;line-height:1.5}.scenario-description strong{color:var(--ink)}@media(max-width:700px){.scenario-descriptions{grid-template-columns:1fr}}

.game .next-move[hidden],#actions[hidden],.game .input-label[hidden],#actionForm[hidden]{display:none}.log.prologue-log{max-height:none;overflow:visible;padding:0}.opening.opening-scene{white-space:normal;margin:24px 0 8px;padding:24px clamp(18px,4vw,40px);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface-soft) 68%,transparent))}.opening-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px}.opening-progress{height:2px;margin:14px 0 28px;background:var(--line);overflow:hidden}.opening-progress span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.opening-copy{max-width:65ch;margin:auto;font-size:clamp(16px,1.5vw,18px);line-height:1.85;animation:turn-in .4s ease}.opening-copy p{margin:0 0 1.2em}.opening-copy p:first-child:first-letter{float:left;font-size:3.1em;line-height:1;padding:7px 9px 0 0;color:var(--accent);font-family:Georgia,serif}.opening-controls{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.opening-controls button{padding:10px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-weight:650}.opening-controls .opening-next{background:var(--accent);border-color:var(--accent);color:#fff}.opening-controls button:disabled{opacity:.35;cursor:default}.game .opening-archive{white-space:normal;border-left:0;border-radius:12px;padding:12px 16px;font-size:15px}.opening-archive summary{font-size:13px}.opening-archive p{line-height:1.8}@media(prefers-reduced-motion:reduce){.opening-copy{animation:none}.opening-progress span{transition:none}}
