:root{--bg: #05061a;--panel-bg: #0e1030ee;--accent: #ffd166;--text: #e8e9ff;--text-dim: #9aa0c0;--danger: #ff6b6b;--brand-row-height: 52px;--tagline-height: 42px;--subtagline-height: 22px;--actions-row-height: 62px;--cta-row-height: 74px;--footer-height: 40px;--topbar-height: calc(var(--brand-row-height) + var(--tagline-height) + var(--subtagline-height) + var(--actions-row-height) + var(--cta-row-height));--ad-width: 160px;--ad-gutter: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh}#sky-wrap{position:absolute;top:var(--topbar-height);bottom:var(--footer-height);left:calc(var(--ad-width) + var(--ad-gutter) * 2);right:calc(var(--ad-width) + var(--ad-gutter) * 2)}#sky-canvas{display:block;width:100%;height:100%;touch-action:none}#topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;background:linear-gradient(180deg,#080a26,#05061a);border-bottom:1px solid #ffffff1a;box-shadow:0 6px 20px #0006}#brand-row{height:var(--brand-row-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px}#brand{font-size:1.2rem;font-weight:700;margin:0;letter-spacing:.03em;white-space:nowrap;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}#tagline{height:var(--tagline-height);margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;font-size:1.15rem;font-weight:500;letter-spacing:.01em;color:#f2d78c;text-shadow:0 0 18px rgba(255,209,102,.3)}#subtagline{height:var(--subtagline-height);margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.78rem;color:#fff;opacity:.7}#star-counter{margin:0;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid #ffd16650;background:#10123a99;font-size:.8rem;color:var(--text-dim);box-shadow:0 0 14px #ffd1661f}#star-counter:before{content:"";width:8px;height:8px;border-radius:50%;background:#4bffb0;box-shadow:0 0 6px 2px #4bffb0aa;flex-shrink:0;animation:pulse-dot 1.8s ease-in-out infinite}#star-counter strong{color:var(--accent);font-weight:700;font-size:1.05rem}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}#actions-row{height:var(--actions-row-height);display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;border-top:1px solid #ffffff14;background:#070920}#search-box{display:flex;gap:6px;width:320px}#search-box input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #2a2d5c;background:#10123a;color:var(--text)}#topbar-actions{display:flex;gap:8px}#site-footer{position:absolute;left:0;right:0;bottom:0;height:var(--footer-height);z-index:10;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:10px;padding:0 16px;font-size:.8rem;color:var(--text-dim);background:linear-gradient(0deg,#080a26,#05061a);border-top:1px solid #ffffff1a;box-shadow:0 -6px 20px #0006}#site-footer a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}#site-footer a:hover,#site-footer a:focus-visible{color:#ffe9b0;border-bottom-color:currentColor;outline:none}.footer-sep{opacity:.5}#cta-row{height:var(--cta-row-height);display:flex;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at center,#ffd16614 0%,transparent 75%)}#create-btn{background:linear-gradient(135deg,#ffe29a 0%,var(--accent) 60%,#ffb347 100%);color:#241d05;font-size:1.05rem;font-weight:700;padding:12px 32px;border-radius:999px;letter-spacing:.02em;box-shadow:0 0 22px 2px #ffd16673,0 4px 10px #00000059;transition:transform .15s ease,box-shadow .15s ease}#create-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 28px 4px #ffd16699,0 4px 12px #0006}button,.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;background:var(--accent);color:#24230b;font-weight:600;font-size:.85rem;text-decoration:none;display:inline-block}.btn-secondary{background:#2a2d5c;color:var(--text)}.btn-disabled{background:#2a2d5c!important;color:var(--text-dim)!important;cursor:default;pointer-events:none}#lang-btn{background:#1a1c47;color:var(--text)}#star-tooltip{position:fixed;z-index:40;background:#0e1030f2;border:1px solid #2a2d5c;border-radius:4px;padding:3px 7px;font-size:12px;color:var(--text);pointer-events:none;white-space:nowrap}.ad-slot{position:absolute;top:calc(var(--topbar-height) + 12px);bottom:calc(var(--footer-height) + 20px);width:160px;background:transparent;border:none;color:transparent;font-size:0;z-index:5;cursor:default}#ad-slot-left{left:12px}#ad-slot-right{right:12px}@media (max-width: 900px){.ad-slot{display:none}#sky-wrap{left:0;right:0}}@media (max-width: 640px){:root{--tagline-height: 58px;--actions-row-height: 104px;--cta-row-height: 130px;--footer-height: 52px}#site-footer{flex-direction:column;justify-content:center;row-gap:2px;padding:4px 16px}.footer-sep{display:none}#tagline{font-size:.95rem;line-height:1.3}#actions-row{flex-wrap:wrap;height:auto;min-height:var(--actions-row-height)}#search-box{flex-basis:100%;max-width:none}#topbar-actions{flex-wrap:wrap}#cta-row{flex-wrap:wrap;height:auto;min-height:var(--cta-row-height);gap:14px}}.hidden{display:none!important}.panel{position:absolute;bottom:calc(var(--footer-height) + 24px);left:50%;transform:translate(-50%);z-index:20;background:var(--panel-bg);border:1px solid #2a2d5c;border-radius:10px;padding:18px 24px;min-width:260px;text-align:center}.panel-close{position:absolute;top:6px;right:8px;background:none;color:var(--text-dim);font-size:1.1rem;padding:2px 8px}.panel-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.info-grid{display:inline-grid;grid-template-columns:auto auto;column-gap:14px;row-gap:6px;text-align:left;margin:10px 0}.info-label{color:var(--text-dim);font-size:.85rem}.info-value{font-size:.9rem}.info-value-firma{font-weight:700;font-size:1.1rem}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#02020cbf;display:flex;align-items:center;justify-content:center}.modal-content{position:relative;background:var(--panel-bg);border:1px solid #2a2d5c;border-radius:12px;padding:28px 32px;width:90%;max-width:420px;text-align:center}.create-step input,.create-step textarea{width:100%;padding:10px;margin:12px 0;border-radius:6px;border:1px solid #2a2d5c;background:#10123a;color:var(--text);font-size:1rem;text-align:center;font-family:inherit}.create-step textarea{text-align:left;resize:vertical}.error{color:var(--danger);min-height:1.2em;font-size:.85rem}.ok-msg{color:#4bffb0;min-height:1.2em;font-size:.85rem}.hint{color:var(--text-dim);font-size:.85rem;margin-top:-6px}.clickable-message{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;font-size:.85rem;margin:8px 0 4px}.message-box{text-align:left;background:#10123a;border:1px solid #2a2d5c;border-radius:6px;padding:8px 10px;font-size:.85rem;color:var(--text);white-space:pre-wrap;word-break:break-word}.message-box.clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#done-code-box{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;background:#10123a;border:1px solid #2a2d5c;border-radius:6px;padding:10px 14px}#done-code-value{font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all}#color-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.color-swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 0 8px 1px #ffffff26;padding:0}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--panel-bg),0 0 12px 2px currentColor}#region-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;margin:16px 0;aspect-ratio:3 / 2;border:1px solid #2a2d5c;border-radius:8px;padding:6px;background:radial-gradient(1px 1px at 10% 20%,#ffffff55 50%,transparent 51%),radial-gradient(1px 1px at 80% 60%,#ffffff44 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#ffffff33 50%,transparent 51%),radial-gradient(1px 1px at 60% 30%,#ffffff40 50%,transparent 51%),#06081f}#region-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#10123a99;color:var(--text);border:1px solid #2a2d5c;border-radius:4px;padding:4px}#region-grid button .region-number{font-size:1.1rem;font-weight:700}#region-grid button .region-label{font-size:.65rem;color:var(--text-dim)}#region-grid button.selected{background:var(--accent);border-color:var(--accent)}#region-grid button.selected .region-number,#region-grid button.selected .region-label{color:#24230b}