:root{font-family:Tahoma,Arial,sans-serif;color:#f5f4ef;background:#0b1118;color-scheme:dark;--accent:#72d1bd}
*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff3b;background:#ffffff14;color:inherit;border-radius:12px;padding:11px 16px;transition:background .2s,transform .2s}button:hover{background:#ffffff29;transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}select{background:#17232c;color:#fff;border:1px solid #62767a;border-radius:12px;padding:13px;min-width:0}.page[hidden],[hidden]{display:none!important}.page{min-height:100svh}.brand-mark{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font:700 40px/1 Georgia,serif;letter-spacing:-7px}.brand-mark span{color:#dde4e3;font:700 10px/1.5 Arial,sans-serif;letter-spacing:3px;max-width:100px}.brand-mark.small{font-size:30px}.brand-mark.small span{font-size:8px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2px}.lead{line-height:1.9;color:#c4d1d3;max-width:650px}.muted{color:#9cadb2;font-size:13px;line-height:1.8}#home{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 10% 10%,#25434a 0,transparent 32%),radial-gradient(ellipse at 90% 75%,#293840 0,transparent 38%),linear-gradient(135deg,#0a1118,#101f27 60%,#0d151c);padding:42px 24px}.home-content{width:min(1160px,100%)}h1{font-size:clamp(28px,4vw,54px);margin:12px 0}.home-footer{position:absolute;bottom:20px;left:24px;color:#7e999c;font-size:11px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:46px 0 20px}.brand-card{text-align:right;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:linear-gradient(155deg,#22333c,#0c151b);border:1px solid #5971736b;border-radius:20px;overflow:hidden;position:relative}.brand-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--card-accent)}.brand-card:hover{border-color:var(--card-accent);background:linear-gradient(155deg,#2b434a,#101b22)}.brand-card .card-number{color:var(--card-accent);font:700 12px Arial;letter-spacing:3px}.brand-card strong{font-size:clamp(21px,2.4vw,31px)}.brand-card small{color:#afc0c3;line-height:1.7}.brand-card .arrow{align-self:flex-end;color:var(--card-accent);font-size:27px}.chooser-header{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,70px)}.quiet{background:none;border:0;color:#c6d6d8}.chooser-content{width:min(750px,calc(100% - 40px));margin:clamp(55px,12vh,140px) auto 50px;padding:34px;border:1px solid #3e565b;border-radius:23px;background:linear-gradient(160deg,#1a2d35,#111b22)}.chooser-content h1{font-size:clamp(26px,3.7vw,46px)}.picker-label{display:block;color:#dce6e5;margin:30px 0 12px}.chooser-content select{display:block;width:100%;font-size:19px}.primary{background:var(--accent);color:#10232a;border-color:var(--accent);font-weight:700;margin-top:25px;padding:15px 28px}.primary:hover{background:#acf5e4}.primary:disabled{background:#80928f}#experience{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#121b22}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.scene-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:start;gap:16px;padding:22px 28px;background:linear-gradient(#081116c9,transparent);pointer-events:none}.scene-top>*{pointer-events:auto}.scene-heading{display:flex;flex-direction:column;gap:7px}.scene-heading strong{font-size:22px}.scene-heading>span:last-child{font-size:12px;color:#d6e2e1}.scene-nav{display:flex;gap:8px}.glass{background:#101d22c9;backdrop-filter:blur(12px)}#status{position:absolute;top:126px;right:28px;max-width:min(70vw,440px);padding:8px 13px;background:#0b171ccc;border:1px solid #9eb5b34a;border-radius:9px;font-size:12px}#status:empty{display:none}.help-card{position:absolute;top:110px;left:25px;width:min(340px,calc(100vw - 50px));padding:18px 22px;background:#12232af2;border:1px solid var(--accent);border-radius:15px;line-height:1.85;font-size:13px;z-index:3}.help-card p{color:#c8d5d6}.help-close{float:left;padding:0 8px;font-size:21px}#movement{position:absolute;left:25px;bottom:220px;direction:ltr;display:flex;gap:5px}#movement button{width:44px;height:44px;padding:0;background:#102127dd}.scene-panel{position:absolute;bottom:18px;right:18px;left:18px;padding:18px 22px;background:#09161ce8;backdrop-filter:blur(18px);border:1px solid #9ab5b33b;border-radius:18px;box-shadow:0 15px 45px #0008}.panel-primary,.panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-primary{justify-content:space-between}.panel-primary h2{margin:5px 0 8px;font-size:23px}.panel-primary label{display:flex;align-items:center;gap:12px;font-size:13px}.panel-primary select{min-width:200px}.panel-actions button{padding:8px 13px}.panel-actions button[aria-pressed=true]{background:#285950;border-color:var(--accent)}#colors{display:flex;gap:7px;align-items:center;margin-inline-start:auto}#colors button{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid #d9e3e3}#colors button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.specs{margin-top:10px;font-size:13px;color:#bccacc}.specs summary{cursor:pointer}.specs p{white-space:pre-line;line-height:1.8;max-height:90px;overflow:auto;margin:8px 0 0}@media(max-width:750px){.brand-grid{grid-template-columns:1fr;margin-top:25px}.brand-card{min-height:145px}.scene-top{padding:12px}.scene-heading strong{font-size:16px}.scene-heading>span:last-child{display:none}.scene-nav button{font-size:11px;padding:8px}.scene-panel{left:7px;right:7px;bottom:7px;padding:12px}.panel-primary h2{font-size:18px}.panel-primary label{width:100%;justify-content:space-between}.panel-primary select{flex:1;min-width:0}.panel-actions{gap:6px}.panel-actions button{font-size:11px;padding:8px}#colors{margin:7px 0 0}#status{top:95px;right:10px}#movement{bottom:240px;left:10px}.chooser-content{margin-top:30px;padding:24px}}