:root{--navy:#0A1427;--navy2:#111f3d;--glass:rgba(22,38,74,.62);--gold:#C9A24B;--gold2:#F0D58A;--txt:#f4f1e8;--mut:#9fb0cf;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--navy)}
body{margin:0;color:var(--txt);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;
 background:radial-gradient(120% 60% at 50% -10%,#1b3263 0,transparent 60%),var(--navy);background-attachment:fixed;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
#splash{position:fixed;inset:0;z-index:99;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;animation:splashOut .6s 1.1s forwards}
#splash img{width:120px;height:120px;border-radius:28px;animation:pop .9s var(--ease) both;box-shadow:0 0 60px rgba(201,162,75,.35)}
#splash b{letter-spacing:.35em;color:var(--gold2);margin-top:14px;animation:up .8s .25s both}#splash span{font-size:11px;letter-spacing:.4em;color:var(--mut);animation:up .8s .4s both}
@keyframes pop{from{opacity:0;transform:scale(.6) rotate(-8deg)}}@keyframes up{from{opacity:0;transform:translateY(12px)}}
@keyframes splashOut{to{opacity:0;visibility:hidden}}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(var(--navy),rgba(10,20,39,.0));backdrop-filter:blur(8px)}
.logo{width:38px;height:38px;border-radius:10px;box-shadow:0 0 0 1px rgba(201,162,75,.5)}
.ttl h1{margin:0;font-size:18px;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;color:transparent}
.ttl small{color:var(--mut);letter-spacing:.2em;font-size:11px}
.pill{margin-left:auto;padding:5px 12px;border:1px solid var(--gold);border-radius:99px;font-size:13px;font-weight:600;color:var(--gold2)}
main{padding:4px 16px}
.tab{display:none}.tab.active{display:block;animation:tabIn .5s var(--ease)}
@keyframes tabIn{from{opacity:0;transform:translateY(16px)}}
.tab.active>*{animation:up .55s var(--ease) both}.tab.active>*:nth-child(2){animation-delay:.06s}.tab.active>*:nth-child(3){animation-delay:.12s}.tab.active>*:nth-child(4){animation-delay:.18s}.tab.active>*:nth-child(5){animation-delay:.24s}
h2{font-size:12px;margin:0 0 8px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}
.card{background:var(--glass);backdrop-filter:blur(14px);border:1px solid rgba(201,162,75,.35);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.big{font-size:28px;font-weight:800}.gold{color:var(--gold2)}.muted{color:var(--mut);font-size:14px}
.hero{position:relative;height:250px;border-radius:22px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(201,162,75,.5);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 1.2s}
.slides img.on{opacity:1;animation:kb 9s linear forwards}
@keyframes kb{to{transform:scale(1.18) translate(-2%,-1%)}}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,39,.15) 30%,rgba(10,20,39,.92))}
.heroTxt{position:absolute;left:18px;bottom:14px}.heroTxt small{letter-spacing:.25em;font-size:11px;color:var(--gold2)}
.km{font-size:46px;font-weight:800;line-height:1;text-shadow:0 2px 16px rgba(0,0,0,.6)}.km em{font-size:16px;font-style:normal;margin-left:6px;color:var(--gold2)}
.ringCard{display:flex;align-items:center;gap:16px;position:relative}
.ring{width:112px;height:112px;transform:rotate(-90deg);flex:none}
.ring circle{fill:none;stroke-width:9;stroke-linecap:round}.rb{stroke:rgba(255,255,255,.1)}
.rf{stroke:url(#g);stroke:var(--gold);stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.6s var(--ease),stroke .4s;filter:drop-shadow(0 0 6px rgba(201,162,75,.6))}
.rf.warn{stroke:#ff8a80;filter:drop-shadow(0 0 6px rgba(255,138,128,.6))}
.ringIn{position:absolute;left:16px;top:16px;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ringIn b{font-size:20px}.ringIn small{font-size:11px;color:var(--mut)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.tile{background:var(--glass);border:1px solid rgba(201,162,75,.25);border-radius:16px;padding:12px 14px}
.tile small{display:block;color:var(--mut);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tile b{font-size:19px;color:var(--gold2)}
input,textarea,button{width:100%;font:inherit;padding:12px;border-radius:12px;border:1px solid rgba(201,162,75,.5);background:rgba(8,16,33,.7);color:var(--txt);margin:4px 0;outline:none}
input:focus,textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(201,162,75,.2)}
button,.cta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0A1427;font-weight:800;border:0;cursor:pointer;transition:transform .15s,filter .2s}
button:active,.cta:active{transform:scale(.97)}
button.ghost{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.cta{display:block;text-align:center;padding:13px;border-radius:14px;margin-bottom:12px}
label{display:block;font-size:13px;color:var(--mut)}.row{display:flex;gap:8px}.row input{flex:2}.row button{flex:1}
.fold{display:none}.fold.open{display:block;animation:up .4s var(--ease)}
.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold),transparent)}
.ev{position:relative;background:var(--glass);border:1px solid rgba(201,162,75,.25);border-radius:16px;padding:12px 14px;margin-bottom:10px;animation:up .5s var(--ease) both}
.ev:before{content:"";position:absolute;left:-21px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.2)}
.ev.next:before{background:#8fe3a0;box-shadow:0 0 0 4px rgba(143,227,160,.25);animation:pulse 1.6s infinite}.ev.next{border-color:#8fe3a0}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(143,227,160,0)}}
.ev .t{display:flex;justify-content:space-between;gap:8px;font-weight:700}.ev small{display:block;color:var(--mut);font-size:12px}
.ev .nt{display:none;margin-top:6px;font-size:13px;color:var(--mut)}.ev.open .nt{display:block}
.del{width:auto;background:none;color:#ff8a80;padding:4px 8px;margin:6px 0 0;border:1px solid #ff8a80;font-size:12px}
.warn{color:#ff8a80}.ok{color:#8fe3a0}
.bars .b{margin:10px 0}.bars .b div{display:flex;justify-content:space-between;font-size:13px}
.bars .b i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,var(--gold),var(--gold2));width:0;transition:width 1.1s var(--ease);margin-top:4px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid rgba(201,162,75,.4);animation:up .5s var(--ease) both;transition:transform .3s}
.grid img:active{transform:scale(.97)}
#lb{position:fixed;inset:0;z-index:60;background:rgba(5,10,22,.95);display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px}
#lb.open{display:flex;animation:tabIn .3s}#lb img{max-width:100%;max-height:78vh;border-radius:14px}#lb button{width:auto;padding:8px 22px}
nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;display:flex;background:rgba(14,27,51,.82);backdrop-filter:blur(18px);border:1px solid rgba(201,162,75,.45);border-radius:22px;padding:6px;box-shadow:0 10px 34px rgba(0,0,0,.5)}
nav button{position:relative;z-index:1;flex:1;background:none;color:var(--mut);margin:0;padding:8px 0 6px;border:0;border-radius:16px;font-size:10.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;transition:color .3s}
nav button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}
nav button.on{color:#0A1427}nav button.on svg{transform:translateY(-1px) scale(1.12)}
#navInd{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/6);border-radius:16px;background:linear-gradient(135deg,var(--gold2),var(--gold));transition:transform .45s var(--ease);box-shadow:0 4px 16px rgba(201,162,75,.45)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}}

.ln{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0;border-bottom:1px dashed rgba(201,162,75,.2);color:var(--txt)}.ln b{color:var(--gold2);white-space:nowrap}
.lnk{display:block;text-decoration:none;margin:10px 0 4px;padding:11px;font-size:14px}
.ev .tag{display:inline-block;vertical-align:middle;color:#ffb74d;border:1px solid #ffb74d;border-radius:6px;padding:0 5px;font-size:10px;margin-left:4px}
.seg{display:flex;gap:6px;padding:6px}.seg button{margin:0;background:none;color:var(--mut);border:0;padding:10px 4px;font-size:13px}
.seg button.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0A1427}.seg button:after{content:attr(data-c);margin-left:6px;opacity:.7;font-weight:600}.seg button:not([data-c]):after{content:""}
.kr{background:var(--glass);border:1px solid rgba(201,162,75,.25);border-radius:14px;padding:11px 13px;margin-bottom:8px;animation:up .45s var(--ease) both}.kr.tg{cursor:pointer}
.kt b{display:block;font-size:14.5px}.kt small{color:var(--mut);font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.chip{min-width:38px;text-align:center;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:700;text-decoration:none;border:1px solid}
.chip.ok{color:#8fe3a0;border-color:#8fe3a0;background:rgba(143,227,160,.1)}.chip.bad{color:#ff8a80;border-color:#ff8a80;background:rgba(255,138,128,.1)}.chip.nx{color:var(--gold2);border-color:var(--gold);background:rgba(201,162,75,.1)}
h2.sub{margin:16px 2px 8px}
details{margin-top:8px;font-size:12px;color:var(--mut)}details summary{cursor:pointer;color:var(--gold2)}details ul{margin:6px 0 0;padding-left:18px}

.track{position:relative;margin:4px -16px 12px;padding:0 16px}.trLine{position:absolute;left:34px;right:34px;bottom:6px;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.trLine i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 12px var(--gold);transition:width 1.6s var(--ease)}
.nodes{position:relative;display:flex;gap:10px;overflow-x:auto;padding:8px 4px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.nodes::-webkit-scrollbar{display:none}
.pn{flex:none;width:62px;margin:0;padding:8px 0 6px;border-radius:16px;background:var(--glass);color:var(--mut);border:1px solid rgba(201,162,75,.25);display:flex;flex-direction:column;align-items:center;gap:1px;scroll-snap-align:center;animation:pop2 .5s var(--ease) both;transition:transform .3s var(--ease),background .3s}
.pn b{font-size:15px;color:var(--txt)}.pn small{font-size:10px}
.pn.dn{border-color:var(--gold)}.pn.dn b{color:var(--gold2)}.pn.nx{border-color:#8fe3a0;animation:pop2 .5s var(--ease) both,glow 1.8s 1s infinite}
.pn.sel{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0A1427;transform:translateY(-4px) scale(1.07);box-shadow:0 8px 20px rgba(201,162,75,.4)}.pn.sel b{color:#0A1427}
@keyframes pop2{from{opacity:0;transform:scale(.6) translateY(10px)}}@keyframes glow{50%{box-shadow:0 0 0 7px rgba(143,227,160,.0),0 0 16px rgba(143,227,160,.55)}}
.psum{display:flex;justify-content:space-around;text-align:center}.psum small{display:block;color:var(--mut);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.psum b{font-size:22px}
.pr{display:flex;align-items:center;gap:10px;padding:9px 12px}.pr .kt{flex:1}.pr .kt b{font-size:13.5px}
.dot{flex:none;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.pr.D .dot{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0A1427}.pr.K .dot{border:1px solid var(--mut);color:var(--mut)}
.pr .chip{margin:0;font-size:11px;white-space:nowrap}
.seg button{font-size:12px}
.doc{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid rgba(201,162,75,.18);color:var(--txt);text-decoration:none}.doc:last-child{border:0}
.doc span{font-size:24px}.doc div{flex:1}.doc b{display:block;font-size:15px}.doc small{color:var(--mut);font-size:12px}.doc i{font-style:normal;color:var(--gold2);font-size:22px;transition:transform .25s}.doc:active i{transform:translateX(4px)}
select{width:100%;font:inherit;padding:12px;border-radius:12px;border:1px solid rgba(201,162,75,.5);background:rgba(8,16,33,.7);color:var(--txt);margin:4px 0}
.fchips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none}.fchips::-webkit-scrollbar{display:none}
.fc{flex:none;width:auto;margin:0;padding:7px 13px;font-size:12.5px;background:var(--glass);color:var(--mut);border:1px solid rgba(201,162,75,.3)}.fc.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0A1427}
.pt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(201,162,75,.15)}.pt:last-child{border:0}.pt b{display:block;font-size:14.5px}.pt small{color:var(--mut);font-size:12px}.pt[data-add]{cursor:pointer}

.bn{background:linear-gradient(135deg,rgba(201,162,75,.25),rgba(201,162,75,.08));border:1px solid var(--gold);border-radius:14px;padding:11px 14px;margin-bottom:10px;animation:up .5s var(--ease) both;cursor:pointer}.bn.bad{border-color:#ff8a80;background:rgba(255,138,128,.12)}
.bn b{display:block}.bn small{color:var(--mut)}
#hist{position:fixed;inset:0;z-index:70;background:#e9e6dc;overflow:auto;display:none}#hist.open{display:block;animation:tabIn .3s}
.hbar{position:sticky;top:0;display:flex;gap:8px;padding:10px;background:#0A1427}.hbar button{margin:0}
.paper{background:#fff;color:#111;max-width:820px;margin:12px auto;padding:22px;font-size:13px}.paper h1{font-size:20px;color:#0A1427;border-bottom:3px solid #C9A24B;padding-bottom:8px;margin:0 0 10px;letter-spacing:0;text-transform:none;background:none;-webkit-text-fill-color:#0A1427}
.paper table{width:100%;border-collapse:collapse}.paper th{background:#0A1427;color:#fff;text-align:left;padding:6px;font-size:12px}.paper td{padding:6px;border-bottom:1px solid #ccc;vertical-align:top}.paper .r{text-align:right;white-space:nowrap}.paper small{color:#444}
.hs{display:flex;gap:24px;margin:10px 0}.hs small{display:block}.hs b{font-size:18px}
@media print{body>*:not(#hist){display:none!important}#hist{position:static;display:block!important;background:#fff}.hbar{display:none}.paper{margin:0;max-width:none}}