:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{color:#f4f4f8;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0f0f1a;width:100%;height:100%;min-height:100svh;margin:0;padding:0;overflow:hidden}button{font:inherit}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hub-map,.level-page{animation:.35s fade-in}.orientation-overlay{z-index:1000;text-align:center;background:#0f0f1a;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.orientation-icon{font-size:48px;animation:1.6s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.pin-gate{z-index:900;background:#0f0f1a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-gate-form{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.pin-gate-label{color:#cfcfe0;font-size:1.1rem}.pin-gate-input{letter-spacing:.3em;text-align:center;color:#f4f4f8;background:#1c1c2c;border:1px solid #3a3a55;border-radius:8px;width:10ch;padding:10px 12px;font-size:1.5rem}.pin-gate-input:focus{outline:2px solid #c084fc}.pin-gate-button{color:#1a1a2e;cursor:pointer;background:#c084fc;border:none;border-radius:8px;padding:10px 24px;font-weight:600}.pin-gate-error{color:#ff8a8a;margin:0;font-size:.9rem}.hub-map{background:radial-gradient(circle at 50% 30%,#24243a,#0f0f1a 70%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vh,32px);width:100%;height:100%;min-height:100svh;padding:16px;display:flex}.hub-title{text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(20px,3.5vh,32px)}.hub-doors{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,20px);max-width:900px;display:flex}.hub-door-link{color:inherit;text-decoration:none}.hub-door-link--disabled{cursor:default}.hub-door{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#1c1c2c;border:2px solid #3a3a55;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:clamp(110px,16vw,150px);height:clamp(110px,16vw,150px);transition:transform .15s,border-color .15s;display:flex;position:relative}.hub-door-icon{font-size:clamp(28px,5vw,40px)}.hub-door-label{text-align:center;padding:0 6px;font-size:clamp(11px,1.6vw,14px)}.hub-door--unlocked{border-color:#c084fc}.hub-door-link:hover .hub-door--unlocked{transform:translateY(-4px)}.hub-door--completed{border-color:#4caf50}.hub-door--locked{opacity:.45;filter:grayscale()}.hub-door-check{color:#4caf50;font-weight:700;position:absolute;top:6px;right:10px}.level-page{width:100%;height:100%;min-height:100svh;position:relative}.phaser-container{width:100%;height:100%;min-height:100svh;line-height:0}.level-loading{color:#cfcfe0;justify-content:center;align-items:center;width:100%;height:100%;min-height:100svh;display:flex}.dpad-overlay{bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:10;align-items:center;gap:18px;display:flex;position:absolute}.dpad{grid-template-areas:".up.""left.right"".down.";gap:4px;display:grid}.dpad-button{color:#f4f4f8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;-webkit-user-select:none;user-select:none;background:#1c1c2cbf;border:none;border-radius:10px;width:50px;height:50px;font-size:1.1rem}.dpad-button:active{background:#c084fc99}.dpad-button--up{grid-area:up}.dpad-button--down{grid-area:down}.dpad-button--left{grid-area:left}.dpad-button--right{grid-area:right}.dpad-interact{color:#1a1a2e;touch-action:none;-webkit-user-select:none;user-select:none;background:#c084fcd9;border:none;border-radius:50%;width:64px;height:64px;font-size:.8rem;font-weight:600}.dpad-interact:active{background:#c084fc}.level-back-button,.level-progress-badge,.level-complete-banner{-webkit-user-select:none;user-select:none;touch-action:manipulation}.level-back-button{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:10;color:#f4f4f8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141420b3;border-radius:8px;padding:8px 14px;font-size:.9rem;text-decoration:none;position:absolute}.content-modal-overlay{z-index:20;background:#0a0a1099;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.content-modal{background:#1c1c2c;border:1px solid #3a3a55;border-radius:14px;flex-direction:column;gap:12px;width:min(480px,100%);max-height:90%;padding:20px;display:flex;overflow-y:auto}.content-modal-photo{object-fit:cover;border-radius:10px;width:100%}.content-modal-title{margin:0;font-size:1.15rem}.content-modal-body{color:#dcdce6;white-space:pre-line;margin:0;line-height:1.5}.content-modal-embed{border-radius:10px;width:100%;height:152px;overflow:hidden}.content-modal-embed iframe{border:none;width:100%;height:100%}.content-modal-listen-hint{color:#cfcfe0;text-align:center;margin:0;font-size:.85rem}.content-modal-quote{color:#e8d9fb;background:#c084fc14;border-left:3px solid #c084fc;border-radius:0 8px 8px 0;margin:0;padding:10px 14px;font-style:italic;line-height:1.5}.content-modal-close{color:#1a1a2e;cursor:pointer;background:#c084fc;border:none;border-radius:8px;align-self:flex-end;min-height:44px;padding:8px 20px;font-weight:600}.content-modal-close:disabled{color:#8a8a9e;cursor:not-allowed;background:#4a4a5e}.level-complete-banner{top:max(10px, env(safe-area-inset-top));z-index:10;color:#0f0f1a;text-align:center;background:#4caf50e6;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.level-progress-badge{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:10;color:#f4f4f8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141420b3;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;position:absolute}.gift-gallery{flex-direction:column;gap:8px;display:flex}.gift-card{background:#2a1c33;border:1px solid #6a3a7a;border-radius:10px;padding:14px}.gift-title{color:#f0d6ff;margin:0 0 4px;font-size:1rem}.gift-description{color:#dcdce6;margin:0 0 8px;line-height:1.4}.gift-code{letter-spacing:.05em;word-break:break-all;background:#1a1a2e;border-radius:6px;margin:0 0 8px;padding:6px 10px;font-family:ui-monospace,monospace;font-size:.85rem}.gift-link{color:#1a1a2e;background:#c084fc;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.gift-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.gift-nav button{color:#f4f4f8;cursor:pointer;background:0 0;border:1px solid #6a3a7a;border-radius:8px;min-height:44px;padding:8px 14px}.gift-nav span{color:#cfcfe0;font-size:.85rem}.confetti-overlay{z-index:25;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{to{opacity:.2;transform:translateY(110vh)rotate(360deg)}}