*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;height:100%;touch-action:none}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%}.loading-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#6eb5ff,#ffb347);color:#fff}.loading-content{text-align:center}.loading-content h1{font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.loading-content p{opacity:.85;margin-bottom:1.5rem}.loading-spinner{width:40px;height:40px;margin:0 auto;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.hud-title{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);letter-spacing:.04em}.hud-island{font-size:.875rem;color:#ffffffe6;background:#00000040;padding:.35rem .75rem;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fly-prompt{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.fly-prompt p{font-size:1rem;margin-bottom:.25rem}.fly-hint{font-size:.8rem!important;opacity:.75}.fly-button{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:20;pointer-events:auto;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:600;color:#1a3a5c;background:#ffffffeb;border:none;border-radius:999px;box-shadow:0 4px 20px #0003;cursor:pointer}.fly-button:active{transform:translate(-50%) scale(.97)}.mobile-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:.15}.zone{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.1em}.zone-move{border-right:1px dashed rgba(255,255,255,.4)}.island-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap;padding:4px 10px;background:#0000004d;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-panel{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:15;pointer-events:auto;width:min(90vw,420px);animation:fadeUp .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.section-card{background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.5)}.section-card h2{font-size:1.35rem;color:#1a3a5c;margin-bottom:.5rem}.section-card>p{font-size:.925rem;line-height:1.55;color:#334155;margin-bottom:.75rem}.section-profile{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:.75rem;border:2px solid rgba(110,181,255,.5)}.project-list{list-style:none;margin:.75rem 0}.project-item{padding:.75rem 0;border-top:1px solid rgba(0,0,0,.08)}.project-item h3{font-size:.95rem;color:#1a3a5c;margin-bottom:.25rem}.project-item p{font-size:.85rem;color:#475569;line-height:1.45;margin-bottom:.35rem}.project-item a,.section-links a{font-size:.85rem;color:#3b82f6;text-decoration:none;font-weight:500}.project-item a:hover,.section-links a:hover{text-decoration:underline}.section-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}@media(max-width:768px){.section-panel{bottom:1rem;width:min(94vw,420px)}.fly-prompt{bottom:7rem}}