.dracon-public-page{--d-bg:var(--canvas);--d-surface:var(--paper);--d-surface-2:var(--sage);--d-text:var(--ink);--d-muted:var(--secondary);--d-line:var(--border);--d-green:var(--forest);--d-gold:var(--forest);margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.65;min-height:100dvh}.dracon-public-page a{color:inherit;text-decoration:none}.dracon-skip{position:fixed;left:20px;top:-80px;z-index:500;padding:12px 20px;background:var(--forest);color:white;font-weight:700}.dracon-skip:focus{top:12px}.dracon-public-nav{position:sticky;top:0;z-index:100;background:var(--canvas)}.dracon-public-nav__inner{width:min(1328px,calc(100% - 64px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.dracon-public-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.035em;flex-shrink:0}.dracon-public-brand img{width:40px;height:40px;border-radius:50%;flex-shrink:0}.dracon-public-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.dracon-public-links a{padding:12px 0}.dracon-public-actions{display:flex;align-items:center;gap:10px}.dracon-public-link-button,.dracon-public-play-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:30px;font-size:14px;font-weight:700;line-height:1.35;text-align:center;transition:transform 120ms var(--ease-out)}.dracon-public-link-button{background:var(--sage);color:var(--ink)}.dracon-public-play-button{background:var(--forest);color:white!important}.dracon-public-menu-button{display:none;min-width:44px;min-height:44px;border:0;border-radius:50%;background:var(--sage);color:var(--ink);cursor:pointer}.dracon-public-menu-button svg{width:20px;height:20px}.dracon-public-mobile-menu{display:none;background:var(--sage);padding:16px 24px}.dracon-public-mobile-menu a{min-height:48px;display:flex;align-items:center;padding:8px;font-weight:600}.dracon-public-footer{margin-top:72px;padding:64px 0 30px;background:var(--ink);color:white}.dracon-public-footer__inner{width:min(1328px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;font-size:14px}.dracon-public-footer strong{display:block;font-size:clamp(30px,6.5vw,88px);letter-spacing:-.04em;line-height:1.1;font-weight:600}.dracon-public-footer p{margin:20px 0 0;max-width:420px;color:#d0e2d5}.dracon-public-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-content:start}.dracon-public-footer__links a{min-height:44px;display:flex;align-items:center;color:#d0e2d5}.dracon-public-page :focus-visible{outline:3px solid #2d754f;outline-offset:4px}.dracon-public-page [class*=btn]:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.dracon-public-links a:hover,.dracon-public-footer a:hover{text-decoration:underline}.dracon-public-link-button:hover,.dracon-public-play-button:hover{transform:translateY(-2px)}}
@media(max-width:1100px){.dracon-public-links{gap:16px}.dracon-public-actions .dracon-public-link-button{display:none}}@media(max-width:900px){.dracon-public-nav__inner{width:calc(100% - 40px);min-height:76px}.dracon-public-links{display:none}.dracon-public-menu-button{display:inline-flex;align-items:center;justify-content:center}.dracon-public-mobile-menu.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dracon-public-footer__inner{width:calc(100% - 40px)}}@media(max-width:560px){.dracon-public-nav__inner{min-height:72px;gap:10px}.dracon-public-brand{gap:8px;font-size:15px}.dracon-public-brand img{width:32px;height:32px}.dracon-public-play-button{font-size:11px;padding:10px 12px;min-height:44px;max-width:145px}.dracon-public-footer__inner{grid-template-columns:1fr}.dracon-public-footer{padding:42px 0 24px;margin-top:48px}.dracon-public-footer strong{font-size:10.4vw}}
@media(prefers-reduced-motion:reduce){.dracon-public-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}.dracon-public-link-button:hover,.dracon-public-play-button:hover{transform:none}}

.dracon-public-page a.dracon-skip{color:#fff}@media(max-width:560px){.dracon-public-play-button{font-size:13px;max-width:140px}}

/* Shared public chrome follows the app's dark shell. */
.dracon-public-page {
  --canvas: #050d1d; --paper: #0b1932; --ink: #f3f7ff; --sage: #0d203d;
  --forest: #0d2447; --secondary: #9dafc8; --border: #203d64;
  background: #050d1d; color: #f3f7ff;
}
.dracon-public-nav { background: rgba(5,13,29,.96); border-bottom: 1px solid #1b365a; }
.dracon-public-brand, .dracon-public-links a { color: #f3f7ff; }
.dracon-public-link-button { color: #dceaff; background: #0d203d; border: 1px solid #284b78; }
.dracon-public-play-button { color: #fff!important; background: linear-gradient(100deg,#0bd4ee,#116cff); box-shadow: 0 8px 24px rgba(0,190,255,.2); }
.dracon-public-menu-button { color: #0bd4ee; background: #102848; border: 1px solid #294c78; }
.dracon-public-mobile-menu { background: #0b1932; border-bottom: 1px solid #1d3e68; }
.dracon-public-footer { background: #020817; border-top: 1px solid #163354; }
.dracon-public-footer p, .dracon-public-footer__links a { color: #91a8c5; }

/* Shared site chrome mirrors the installed app without changing page-specific content. */
.dracon-public-page .dracon-public-nav { background: rgba(5,11,22,.96); color: #f7fbff; border-bottom: 1px solid rgba(133,186,255,.14); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.dracon-public-page .dracon-public-brand { color: #f7fbff; }
.dracon-public-page .dracon-public-brand img { border-radius: 12px; filter: drop-shadow(0 0 12px rgba(0,229,255,.3)); }
.dracon-public-page .dracon-public-links a { color: #c1d1e5; }
.dracon-public-page .dracon-public-link-button { background: #0c1a35; color: #dbeafe; border: 1px solid rgba(133,186,255,.2); }
.dracon-public-page .dracon-public-play-button { background: linear-gradient(100deg,#00c9ed 0%,#006eff 100%); color: #fff !important; border: 1px solid rgba(0,229,255,.42); box-shadow: 0 0 18px rgba(0,132,255,.18); }
.dracon-public-page .dracon-public-menu-button { background: #0c1a35; color: #00e5ff; border: 1px solid rgba(133,186,255,.2); }
.dracon-public-page .dracon-public-mobile-menu { background: #071328; color: #dbeafe; border-bottom: 1px solid rgba(133,186,255,.16); }
.dracon-public-page .dracon-public-footer { background: #020612; border-top: 1px solid rgba(133,186,255,.12); }
.dracon-public-page .dracon-public-footer p,.dracon-public-page .dracon-public-footer__links a { color: #9db2cb; }
.dracon-public-page :focus-visible { outline-color: #00e5ff; }
@media (hover:hover) and (pointer:fine) {
  .dracon-public-page .dracon-public-link-button:hover { background: #102344; border-color: rgba(0,229,255,.45); }
}

.dracon-public-brand img { border-radius: 12px; }