.dragon-companions-game{--ink:#203f4c;--cream:#fff8e9;--mint-dark:#176d68;min-height:100dvh;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;background:#bfe8ef;position:relative;overflow:hidden}.dragon-companions-game>img{z-index:0;object-fit:cover}.dragon-companions-game button{cursor:pointer;min-height:56px;font:inherit;-webkit-tap-highlight-color:transparent;border:0;font-weight:850}.dragon-companions-game button:focus-visible{outline-offset:4px;outline:5px solid #fff}.dragon-companions-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#14343ab8,#14343a1a 66%,#14343a2e);position:absolute;inset:0}.dragon-companions-primary,.dragon-companions-secondary{border-radius:999px;padding:14px 25px;transition:translate .15s,box-shadow .15s;box-shadow:0 7px #4137543d,0 14px 30px #15252a38}.dragon-companions-primary{color:#173f43;background:linear-gradient(#fff5a5,#ffd86b)}.dragon-companions-secondary{color:#fff;background:#56438eeb}.dragon-companions-primary:hover,.dragon-companions-secondary:hover{translate:0 -2px}.dragon-companions-exit{z-index:30;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#174b4ec2;border-radius:50%;place-items:center;width:58px;display:grid;position:absolute;box-shadow:0 8px 22px #0c222847;border:2px solid #ffffffc7!important;min-height:58px!important;font-size:1.7rem!important}.dragon-companions-start-card{z-index:3;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18474bc2;border:2px solid #ffffff8c;border-radius:40px;width:min(590px,55vw);padding:clamp(24px,4vw,46px);position:absolute;top:50%;left:clamp(28px,7vw,110px);translate:0 -50%;box-shadow:0 28px 80px #0822275c}.dragon-companions-kicker{color:#fff3a5;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:900;display:block}.dragon-companions-start-card h1,.dragon-companions-finale h1{font-family:var(--font-heading), var(--font-body), sans-serif;letter-spacing:-.045em;text-wrap:balance;margin:10px 0 14px;font-size:clamp(2.5rem,5vw,5rem);line-height:.94}.dragon-companions-start-card p{max-width:46ch;font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.45}.dragon-companions-start-card .dragon-companions-speech-goal{color:#fff3a5;margin-top:12px;font-size:clamp(.95rem,1.35vw,1.08rem);font-weight:800}.dragon-companions-start-actions{gap:12px;margin-top:24px;display:grid}.dragon-companions-start-actions button{font-size:clamp(1rem,1.6vw,1.2rem)}.dragon-companions-loading{background:radial-gradient(circle,#75d8cb,#44396f);place-items:center;display:grid}.dragon-companions-loading span{aspect-ratio:1;border:8px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:64px;animation:.8s linear infinite dragon-companions-spin}.dragon-companions-tutorial,.dragon-companions-finale>section{z-index:4;color:#fff;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f4a4fc7;border:3px solid #ffffffa8;border-radius:44px;width:min(720px,100vw - 80px);padding:clamp(28px,5vw,54px);position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 30px 90px #0f1e286b}.dragon-companions-map-mark{aspect-ratio:1;filter:blur(1px)drop-shadow(0 0 22px #fff492fa)drop-shadow(0 0 34px #ffd74bd1);background:radial-gradient(at 48% 48%,#fff 0 8%,#fff9befa 15%,#0000 39%),radial-gradient(at 35% 58%,#ffe141db 0 18%,#0000 63%),radial-gradient(at 65% 39%,#a3ffdcad 0 15%,#0000 60%);width:104px;margin:0 auto 18px;display:block}.dragon-companions-tutorial h1{font-family:var(--font-heading), var(--font-body), sans-serif;margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem)}.dragon-companions-tutorial p{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:850;line-height:1.45}.dragon-companions-tutorial button{width:min(100%,360px);margin-top:10px}.dragon-companions-city-map{z-index:0;width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 0 80px #183b4259}.dragon-companions-city-map>img{object-fit:contain}.dragon-companions-map-shade{z-index:1;pointer-events:none;background:linear-gradient(#0c2e3629,#0000 23% 76%,#0c2e3638);position:absolute;inset:0}.dragon-companions-hotspot{--hotspot-left:50%;--hotspot-top:50%;z-index:4;top:var(--hotspot-top);left:var(--hotspot-left);aspect-ratio:1;width:clamp(62px,6vw,88px);box-shadow:none;background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%;border:0!important;min-height:0!important}.dragon-companions-hotspot span{aspect-ratio:1;filter:blur(1px)drop-shadow(0 0 20px #fff492fa)drop-shadow(0 0 32px #ffd74bc7);mix-blend-mode:screen;background:radial-gradient(at 48% 48%,#fff 0 8%,#fff9befa 15%,#0000 39%),radial-gradient(at 35% 58%,#ffe141d6 0 18%,#0000 63%),radial-gradient(at 65% 39%,#a3ffdca8 0 15%,#0000 60%);width:112%;animation:1.7s ease-in-out infinite dragon-companions-hotspot;display:block}.dragon-companions-hotspot:hover span{filter:drop-shadow(0 0 28px #fff8bd)drop-shadow(0 0 42px #ffd33ff5)}.dragon-companions-hotspot:focus-visible{outline-offset:3px;outline:3px dashed #fff}.dragon-companions-map-prompt{z-index:12;top:max(14px, env(safe-area-inset-top));color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#164a4dc7;border:2px solid #ffffffbf;border-radius:24px;width:min(540px,100vw - 320px);padding:10px 24px;position:absolute;left:50%;translate:-50%}.dragon-companions-map-prompt h1{font-family:var(--font-heading), var(--font-body), sans-serif;margin:0;font-size:clamp(1.25rem,2.4vw,2rem)}.dragon-companions-map-prompt p{margin:3px 0 0;font-weight:800}.dragon-companions-counter{z-index:15;top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#174b4ec2;border:2px solid #ffffffb3;border-radius:999px;align-items:center;min-height:54px;padding:8px 18px;font-size:clamp(1rem,1.8vw,1.28rem);font-weight:900;display:flex;position:absolute;box-shadow:0 7px 20px #11293038}.dragon-companions-progress{z-index:15;right:28%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:repeat(8,1fr);gap:8px;display:grid;position:absolute;left:28%}.dragon-companions-progress span{aspect-ratio:1;background:#ffffff7a;border-radius:50%;box-shadow:0 0 0 1px #ffffff80}.dragon-companions-progress span.is-lit{background:#fff68c;box-shadow:0 0 12px #fff176,0 0 22px #9fffd5}.dragon-companions-story{z-index:10;grid-template-columns:minmax(340px,1.2fr) minmax(330px,.85fr);align-items:center;gap:clamp(22px,4vw,56px);display:grid;position:absolute;inset:11% 7% 9%}.dragon-companions-story:before{z-index:-1;content:"";-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#13373f8a;position:fixed;inset:0}.dragon-companions-story-picture{aspect-ratio:1;background:#dff3e9;border:5px solid #ffffffd9;border-radius:34px;justify-self:center;width:min(100%,61vh);position:relative;overflow:hidden;box-shadow:0 26px 80px #1b26386b}.dragon-companions-scene-art{background-image:var(--dragon-scene-atlas);background-repeat:no-repeat;background-position:var(--dragon-scene-x) var(--dragon-scene-y);background-size:400% 200%;animation:.42s cubic-bezier(.2,.88,.3,1.1) both dragon-companions-scene-in;display:block;position:absolute;inset:0}.dragon-companions-prompt{color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8e9f5;border:3px solid #ffffffbf;border-radius:34px;padding:clamp(22px,3vw,36px);animation:.4s ease-out both dragon-companions-panel-in;box-shadow:0 24px 70px #1b273261}.dragon-companions-prompt>h1{font-family:var(--font-heading), var(--font-body), sans-serif;text-wrap:balance;margin:0;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.05}.dragon-companions-next{color:#173f43;background:linear-gradient(#fff5a5,#ffd86b);border-radius:50%;place-items:center;width:78px;margin:24px 0 0 auto;line-height:1;display:grid;box-shadow:0 7px #4137543d,0 14px 30px #15252a38;min-height:78px!important;font-size:2.7rem!important}.dragon-companions-finale>section{max-width:760px}.dragon-companions-finale p{font-size:clamp(1.1rem,2vw,1.4rem)}.dragon-companions-finale section button{width:min(100%,420px);margin:14px auto 0}.dragon-companions-gate-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e232ac7}.dragon-companions-gate{width:min(480px,100vw - 40px);color:var(--ink);background:var(--cream);border:3px solid #fff;border-radius:30px;padding:28px;box-shadow:0 28px 80px #091e266b}.dragon-companions-gate h2{margin:6px 0;font-size:2rem}.dragon-companions-gate form{gap:10px;display:grid}.dragon-companions-gate label{font-weight:800}.dragon-companions-gate input{min-height:52px;font:inherit;border:2px solid #6a8a89;border-radius:14px;padding:8px 12px}.dragon-companions-gate-error{color:#8c4050;min-height:1.4em}.dragon-companions-gate form>div{gap:10px;display:flex}.dragon-companions-gate button{color:#fff;background:var(--mint-dark);border-radius:999px;flex:1;padding:10px 16px}.dragon-companions-gate .dragon-companions-secondary{color:var(--mint-dark);box-shadow:none;background:#dff4ee}@keyframes dragon-companions-spin{to{rotate:360deg}}@keyframes dragon-companions-hotspot{50%{opacity:.88;filter:blur(2px)drop-shadow(0 0 28px #fff8bd)drop-shadow(0 0 42px #ffd33feb)}}@keyframes dragon-companions-scene-in{0%{opacity:0;translate:0 24px;scale:.72}}@keyframes dragon-companions-panel-in{0%{opacity:0;translate:20px}}@media (max-width:920px){.dragon-companions-start-card{width:min(680px,100vw - 64px);left:50%;translate:-50% -50%}.dragon-companions-map-prompt{width:min(520px,100vw - 120px);top:86px}.dragon-companions-progress{left:18%;right:18%}.dragon-companions-story{grid-template-rows:minmax(0,1.1fr) auto;grid-template-columns:1fr;gap:14px;inset:12% 5% 7%}.dragon-companions-story-picture{width:min(100%,42vh)}.dragon-companions-prompt{padding:18px 22px}.dragon-companions-prompt>h1{font-size:clamp(1.65rem,4vw,2.7rem)}.dragon-companions-next{width:66px;margin-top:14px;min-height:66px!important}}@media (orientation:portrait){.dragon-companions-city-map{width:100vw;height:72vh;top:56%;box-shadow:0 0 0 100vh #bfe8ef,0 0 80px #183b4259}.dragon-companions-city-map>img{object-fit:cover}.dragon-companions-hotspot{width:clamp(56px,9vw,74px)}}@media (prefers-reduced-motion:reduce){.dragon-companions-game *,.dragon-companions-game :before,.dragon-companions-game :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}