:root{--tavola-blue: #1e3a8a;--tavola-gold: #c9a227;--tavola-ink: #0f1b2d}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0f1b2d;font-family:EB Garamond,Georgia,serif;color:#f5efe0}canvas{display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud__title{position:absolute;top:24px;left:28px;font-size:clamp(20px,3vw,34px);letter-spacing:.04em;color:var(--tavola-gold);text-shadow:0 2px 12px rgba(0,0,0,.6)}.hud__subtitle{display:block;font-size:.5em;letter-spacing:.12em;color:#d9e2ef;text-transform:uppercase}.hud__hint{position:absolute;bottom:22px;left:28px;font-size:14px;color:#cdd6e4;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud__badge{position:absolute;top:26px;right:28px;font-size:12px;letter-spacing:.1em;color:#9fb0bf;border:1px solid #33465c;border-radius:999px;padding:4px 12px;text-transform:uppercase}.hud__controls{position:absolute;top:56px;right:28px;display:flex;gap:8px}.hud__btn{pointer-events:auto;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:.03em;color:var(--tavola-ink);background:var(--tavola-gold);border:none;border-radius:8px;padding:8px 16px;box-shadow:0 4px 14px #00000059;transition:transform .12s ease,filter .12s ease}.hud__btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.hud__btn--ghost{background:#0f1b2db3;color:#f5efe0;border:1px solid #33465c}.hud__zone{position:absolute;top:18px;left:50%;transform:translate(-50%);font-family:Cinzel,Georgia,serif;font-size:16px;color:#f0e6cf;background:#0f1b2d99;border:1px solid rgba(201,162,39,.5);border-radius:999px;padding:8px 22px;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.6);animation:fade .4s ease}.hud__poi{position:absolute;left:50%;bottom:64px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 22px;background:#0f1b2dd1;border:1px solid var(--tavola-gold);border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud__poi-name{font-size:22px;color:var(--tavola-gold);letter-spacing:.03em}.hud__poi-cta{font-size:13px;color:#d9e2ef}.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080e188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;animation:fade .18s ease}.card{position:relative;width:min(460px,90vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#14233c,#0f1b2d);border:1px solid var(--tavola-gold);border-radius:16px;padding:28px 30px 26px;box-shadow:0 24px 60px #0000008c;animation:rise .22s ease}.card__close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff14;color:#f5efe0;font-size:22px;line-height:1;cursor:pointer}.card__close:hover{background:#ffffff2e}.card__badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#0f1b2d;font-weight:700;font-family:Cinzel,serif}.card__title{font-family:Cinzel,Georgia,serif;font-size:26px;color:var(--tavola-gold);margin:10px 0 2px}.card__subtitle{font-style:italic;color:#cdd6e4;margin-bottom:14px}.card__desc{font-size:15px;line-height:1.55;color:#e7edf6}.card__benefits{list-style:none;margin:16px 0 20px;display:flex;flex-direction:column;gap:8px}.card__benefits li{position:relative;padding-left:26px;font-size:14px;color:#dbe4f0}.card__benefits li:before{content:"⚜";position:absolute;left:0;color:var(--tavola-gold)}.card__cta{display:block;text-align:center;text-decoration:none;font-weight:600;color:#0f1b2d;background:var(--tavola-gold);border-radius:10px;padding:13px 18px;transition:filter .12s ease,transform .12s ease}.card__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.card__hint{text-align:center;font-size:12px;color:#8ea0b5;margin-top:12px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hud__journey{position:absolute;top:86px;left:28px;font-size:13px;letter-spacing:.04em;color:var(--tavola-gold);background:#0f1b2d8c;border:1px solid rgba(201,162,39,.4);border-radius:999px;padding:4px 12px}.hud__journey-cta{position:absolute;left:50%;bottom:58px;transform:translate(-50%);width:min(520px,92vw);pointer-events:auto;text-align:center;background:#0f1b2de6;border:1px solid var(--tavola-gold);border-radius:14px;padding:16px 22px}.hud__journey-cta p{font-size:14px;color:#e7edf6;margin-bottom:12px}.hud__journey-cta a{display:inline-block;text-decoration:none;font-weight:600;color:#0f1b2d;background:var(--tavola-gold);border-radius:9px;padding:10px 20px}.webgl-note{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:30;max-width:92vw;font-size:12px;color:#cdd6e4;background:#0f1b2de6;border:1px solid #33465c;border-radius:10px;padding:8px 14px;text-align:center}.webgl-note button{margin-left:6px;cursor:pointer;font:inherit;color:#0f1b2d;background:var(--tavola-gold);border:none;border-radius:6px;padding:3px 10px}.touch{position:fixed;left:22px;bottom:28px;width:112px;height:112px;border-radius:50%;background:#0f1b2d59;border:2px solid rgba(201,162,39,.55);pointer-events:auto;touch-action:none;z-index:15;display:flex;align-items:center;justify-content:center}.touch__knob{width:48px;height:48px;border-radius:50%;background:#c9a227d9;box-shadow:0 2px 10px #00000073;pointer-events:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 35%,#1a2c49,#0c1422 70%);text-align:center;padding:24px}.loading__crest{font-size:56px;color:var(--tavola-gold);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.loading__title{font-family:Cinzel,Georgia,serif;font-size:clamp(26px,5vw,44px);color:var(--tavola-gold)}.loading__phrase{color:#cdd6e4;font-size:15px;min-height:20px}.loading__bar{width:min(340px,80vw);height:6px;background:#ffffff1f;border-radius:999px;overflow:hidden}.loading__fill{height:100%;background:var(--tavola-gold);transition:width .3s ease}.loading__enter{margin-top:10px;pointer-events:auto;cursor:pointer;font-family:Cinzel,serif;font-size:16px;color:#0f1b2d;background:var(--tavola-gold);border:none;border-radius:10px;padding:12px 30px;transition:transform .12s ease,filter .12s ease}.loading__enter:disabled{opacity:.5;cursor:default;background:#7a6a3a;color:#d9e2ef}.loading__enter:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}.loading__hint{font-size:12px;color:#8ea0b5;margin-top:6px}.fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0c1422}.fallback__bar{padding:16px 24px}.fallback__bar h1{font-family:Cinzel,Georgia,serif;color:var(--tavola-gold);font-size:22px}.fallback__bar span{font-size:13px;color:#9fb0bf}.fallback__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}.fallback__map{position:relative;width:min(86vh,96vw);aspect-ratio:1 / 1}.fallback__map img{width:100%;height:100%;object-fit:contain;border-radius:10px}.fallback__pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;pointer-events:auto;cursor:pointer;border:2px solid #fff;color:#0f1b2d;border-radius:999px;padding:2px 4px;font-size:12px;box-shadow:0 2px 8px #00000080}.fallback__num{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-weight:700}.fallback__label{display:none;white-space:nowrap;padding-right:6px;font-weight:600}.fallback__pin:hover .fallback__label{display:inline}