*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#061224;color:#f4fbff;font-family:DM Sans,Arial,sans-serif}button{font:inherit}.experience{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:auto;cursor:none}#canvas,#canvas canvas{display:block;width:100%;height:100%}#canvas{position:absolute;inset:0;background:#061224;touch-action:none}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:24px;padding:24px 30px;pointer-events:none}.brand{display:block;flex:none;padding-top:10px;pointer-events:auto;cursor:pointer}.brand img{width:127px;height:auto;display:block;filter:drop-shadow(0 2px 14px rgba(0,0,0,.55))}.mode-selector{display:none;align-items:stretch;gap:3px;max-width:100%;padding:5px;border:1px solid rgba(161,224,255,.3);border-radius:10px;background:#030f1dd6;box-shadow:0 12px 38px #0000004d,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;touch-action:pan-x}.mode-option{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 13px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a7becd;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.mode-option:hover{color:#fff;background:#00aeef21}.mode-option:focus-visible{outline:2px solid #00aeef;outline-offset:2px}.mode-option.is-active{color:#f5fdff;border-color:#00aeef99;background:#00aeef30;box-shadow:inset 0 0 22px #00aeef14}.mode-number{color:#00aeef;font-size:10px;font-weight:800;letter-spacing:.1em}.mode-label{font-size:11px;font-weight:700;letter-spacing:.015em}.mode-count{min-width:20px;color:#83a6b8;text-align:right;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.mode-option.is-active .mode-count{color:#6fd7ff}.hover-name{position:absolute;z-index:6;left:0;top:0;display:flex;max-width:min(260px,72vw);padding:8px 10px;border:1px solid rgba(114,219,255,.65);border-radius:4px;background:#031120ed;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;opacity:0;visibility:hidden;transform:translate(24px,13px) scale(.97);transform-origin:left top;transition:opacity .15s,transform .15s,visibility .15s}.hover-name.visible{opacity:1;visibility:visible;transform:translate(24px,13px) scale(1)}.hover-identity{display:flex;align-items:center;gap:7px}.hover-icon{display:grid;flex:none;place-items:center;width:18px;height:18px;color:#8de4ff}.hover-icon svg,.hover-icon img{display:block;width:16px;height:16px;object-fit:contain}.hover-icon img{display:none;filter:brightness(0) invert(84%) sepia(16%) saturate(1891%) hue-rotate(168deg)}.hover-icon.has-image img{display:block}.hover-icon.has-image svg{display:none}.hover-name strong{color:#f6fcff;font-size:13px;font-weight:700;line-height:1.24;letter-spacing:-.02em}.motion-cursor{position:absolute;z-index:7;left:0;top:0;display:grid;place-items:center;width:46px;height:46px;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) scale(.72);transition:opacity .15s,transform .18s ease-out}.motion-cursor.visible{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) scale(1)}.motion-cursor-ring{position:absolute;inset:0;border:1px solid rgba(206,244,255,.85);border-radius:50%;background:#00aeefad;box-shadow:0 0 0 5px #00aeef29,0 5px 18px #0000005c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.motion-cursor svg{position:relative;width:22px;height:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.screen-loader{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#061224;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.screen-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.screen-loader:before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(rgba(0,174,239,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,239,.15) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 75%);mask-image:radial-gradient(circle at center,#000,transparent 75%)}.screen-loader-panel{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:min(360px,78vw);padding:27px;border:1px solid rgba(114,219,255,.35);border-radius:8px;background:#091c2fd9;box-shadow:0 22px 70px #00000059}.screen-loader-panel img{width:120px;height:auto;margin-bottom:32px}.screen-loader-label{color:#aeeaff;font-size:11px;font-weight:800;letter-spacing:.18em}.screen-loader-track{width:100%;height:3px;margin-top:18px;overflow:hidden;background:#7cc0de3d}.screen-loader-track span{display:block;width:0;height:100%;background:#00aeef;box-shadow:0 0 14px #00aeef;transition:width .24s ease}.screen-loader-progress{align-self:flex-end;margin-top:10px;color:#78a3b7;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:900px){.topbar{flex-direction:column;gap:15px;padding:17px}.brand{padding-top:0}.brand img{width:104px}.mode-selector{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none}.mode-selector::-webkit-scrollbar{display:none}.mode-option{flex:none;padding:0 10px}}@media(pointer:coarse){.experience{cursor:auto}.motion-cursor{display:none}}