@font-face{font-family:Inter;src:url('../../assets/fonts/Manrope-2.woff2')}*{box-sizing:border-box}body{margin:0;background:#0c2221;color:#dff7ec;font-family:Inter,Arial,sans-serif;font-size:13px}header{padding:24px 26px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:.01em;margin:9px 0 0}.eyebrow{font-size:9px;letter-spacing:.17em;color:#a5cdbf}button,select{font:inherit;color:inherit;background:#ffffff0d;border:1px solid #caffdf25;border-radius:22px;padding:10px 16px;cursor:pointer;transition:background .3s,transform .3s}button:hover{background:#ffffff20}button:active{transform:scale(.97)}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #dcf9a1;outline-offset:3px}main{display:grid;grid-template-columns:minmax(0,1fr) 265px;min-height:450px}#viewport{position:relative;min-height:450px;overflow:hidden;background:linear-gradient(#648d88,#bdccad)}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-caption,.scene-help{position:absolute;left:20px;pointer-events:none;color:#ecfff1;text-shadow:0 1px 5px #162a23;letter-spacing:.12em;font-size:9px}.scene-caption{top:20px}.scene-caption span{padding-left:20px}.scene-help{bottom:17px;letter-spacing:.03em;font-size:10px}aside{padding:25px 24px;max-height:450px;overflow:auto;scrollbar-width:thin;scrollbar-color:#779d8d transparent}h2{font:normal 28px/1.25 Georgia,serif;margin:12px 0 16px}.instructions,details p{font-size:11px;line-height:1.8;color:#b1cdc4}#status{font-size:12px;line-height:1.7;color:#e1efb6;min-height:43px;margin:16px 0}.meter{display:flex;justify-content:space-between;font-size:11px;margin:12px 0}strong{font-weight:500}#slots{display:flex;gap:5px}#slots i{height:5px;flex:1;border-radius:5px;background:#ffffff18}#slots i.filled{background:#d8edaa}#empty{width:100%;margin:8px 0}details{border-top:1px solid #ffffff15;padding:15px 0 0;margin-top:12px}summary{cursor:pointer;font-size:11px}select{width:100%;margin:8px 0;background:#173b34}details button{font-size:11px;width:100%}#events{padding-left:17px;max-height:130px;overflow:auto;font-size:10px;line-height:1.7}footer{display:flex;justify-content:space-around;padding:19px 10px;font-size:10px;color:#a9c9bc}#loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#173c34;z-index:2}#loading[hidden]{display:none}@media(max-width:650px){header{padding:18px}h1{font-size:20px}main{grid-template-columns:1fr}#viewport{height:310px;min-height:310px}aside{max-height:240px;padding:18px 22px}h2{font-size:22px}h2 br{display:none}.instructions{margin:8px 0}footer{font-size:9px;padding:12px 8px}header button{font-size:11px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


#viewport{height:450px}@media(max-width:650px){#viewport{height:310px}}

html,body,aside,#events{scrollbar-width:none}::-webkit-scrollbar{display:none}body{overflow-x:hidden}

.walkthrough{margin:0 24px 20px;padding:16px 20px;border-radius:18px;background:#e5eee5;color:#263b38;min-height:116px}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-top>span{font-size:10px;letter-spacing:.14em}.guide-top button{padding:5px 10px;font-size:10px;color:#344944;border-color:#34494430}.guide-copy strong{display:block;font-size:15px;font-weight:600;margin:7px 0}.guide-copy p{font-size:12px;line-height:1.65;margin:0;max-width:850px}#guide-action{color:#263b38;border-color:#263b3855;font-size:12px;margin-top:12px}#guide-arrow{position:absolute;z-index:3;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;align-items:center;color:#203e34;filter:drop-shadow(0 3px 6px #0002)}#guide-arrow[hidden],[hidden]{display:none!important}#arrow-label{background:#f3f1dd;padding:7px 12px;border-radius:20px;white-space:nowrap;font-size:11px;font-weight:600}#guide-arrow b{font-size:32px;line-height:1.2;color:#f7f0cb;text-shadow:0 1px 3px #203b2b;animation:guide-point 1.8s ease-in-out infinite}.guide-export{background:#e5eee5;color:#263b38;font-weight:600;position:relative}.guide-export::before{content:'→';display:inline-block;margin-right:8px;animation:guide-side 1.8s ease-in-out infinite}.data-reading strong{color:#e4e8e5}#data-insight{color:#d9dedb}aside{position:relative}@keyframes guide-point{50%{transform:translateY(-9px)}}@keyframes guide-side{50%{transform:translateX(-5px)}}@media(max-width:650px){.walkthrough{margin:0 16px 16px;padding:12px 14px}.guide-copy p{font-size:11px}.guide-copy strong{font-size:13px}#arrow-label{font-size:10px;padding:6px 8px}}

@media(prefers-reduced-motion:reduce){#guide-arrow b,.guide-export::before{animation:none}}

#download-hint{color:#dce2df;font-size:12px;line-height:1.7;margin:18px 0 10px}#download-dialog{color:#263b38;background:rgba(238,245,239,.97);border:1px solid #fff9;border-radius:26px;padding:30px;max-width:460px;width:calc(100% - 36px);box-shadow:0 24px 80px #0005;backdrop-filter:blur(24px)}#download-dialog::backdrop{background:#071b2366;backdrop-filter:blur(5px)}#download-dialog[open]{animation:prompt-in .35s ease-out}#download-dialog .eyebrow{color:#48625a}#download-dialog h2{font-family:Inter,Arial,sans-serif;font-size:26px;letter-spacing:.015em;line-height:1.4}#download-dialog p{font-size:13px;line-height:1.8}#download-summary{font-size:11px!important;color:#48625a}.download-actions{display:flex;gap:12px;margin:24px 0 14px}.download-actions button{flex:1;color:#263b38;border-color:#263b3833}.download-actions #download-confirm{background:#294c40;color:#fff}.download-privacy{font-size:10px!important;color:#52675f}@keyframes prompt-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#download-dialog[open]{animation:none}}

.walkthrough{position:relative;background:#f4f0df;border:1px solid #fff9;border-left:6px solid #917343;box-shadow:0 12px 35px #0004,inset 0 1px 0 #fff;padding:18px 22px 23px;min-height:138px;overflow:hidden}.walkthrough::after{content:'';position:absolute;bottom:0;left:0;width:var(--guide-progress,20%);height:4px;background:#8c7043;transition:width .6s ease}.guide-top>span{font-size:12px;letter-spacing:.12em;font-weight:700;background:#294a40;color:#fff;border-radius:9px;padding:7px 11px}.guide-copy strong{font-size:19px;letter-spacing:.01em;line-height:1.4;margin:12px 0 7px}.guide-copy p{font-size:13px;color:#35473f;line-height:1.75}.guide-top button{border-color:#34494455;color:#344944;background:#fff6}#download-dialog{border-top:5px solid #917343;box-shadow:0 28px 100px #0008}#download-dialog h2{font-size:29px;font-weight:600}#download-dialog::backdrop{background:#04120fcc;backdrop-filter:blur(7px)}@media(max-width:650px){.walkthrough{padding:15px 15px 21px;margin-inline:12px}.guide-copy strong{font-size:17px}.guide-copy p{font-size:12px}.guide-top>span{font-size:10px}}

/* Guidance is a distinct floating glass layer; the sidebar is a quiet data surface. */
body{background:radial-gradient(ellipse at 80% 0%,#32594f,#0c2221 65%)}.walkthrough{background:linear-gradient(125deg,#ffffffa6,#eff4edb8 42%,#ffffff80);border:1px solid #ffffffe0;border-left:4px solid #c8b587;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 0 #fff6,0 14px 35px #0003;backdrop-filter:blur(28px) saturate(1.5)}.walkthrough::after{background:#9d875d}.guide-top>span{background:#2b493fdb;box-shadow:inset 0 1px 0 #ffffff55}aside{background:linear-gradient(135deg,#ffffff12,#ffffff03 65%);border-top:1px solid #ffffff24;box-shadow:inset 1px 0 0 #ffffff20;backdrop-filter:blur(24px);border-radius:22px 0 0 22px}aside h2{font:500 18px/1.5 Inter,Arial,sans-serif;letter-spacing:.015em;margin:10px 0 18px}aside #status{color:#c5d3ce;min-height:24px;font-size:11px;margin:12px 0}aside .meter{padding:12px 0;margin:0}#empty,details button,header button{background:linear-gradient(135deg,#ffffff20,#ffffff06);border-color:#ffffff3b;box-shadow:inset 0 1px 0 #ffffff35,0 6px 15px #0001;backdrop-filter:blur(18px)}#download-hint{font-size:10px;letter-spacing:.08em;color:#b8c8c2}.guide-export{color:#eef3ef;background:linear-gradient(125deg,#ffffff30,#ffffff0d)!important;box-shadow:inset 0 1px 0 #fff6,0 0 0 2px #c8b58766!important}#download-dialog{background:linear-gradient(130deg,#ffffffd9,#e3ede5c9 55%,#ffffffb3);border:1px solid #ffffffc9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 0 #fff8,0 28px 100px #0007;backdrop-filter:blur(38px) saturate(1.4)}#download-dialog::backdrop{background:#071d1a88;backdrop-filter:blur(7px)}.download-actions button{background:linear-gradient(135deg,#fff9,#fff2);box-shadow:inset 0 1px 0 #fff9}.download-actions #download-confirm{background:linear-gradient(135deg,#456b5e,#294c40)}@media(max-width:650px){aside{border-radius:20px 20px 0 0}}