/* Road to Aurelia (2D hill-climb adventure). Navy + bright gold. Red is used only for danger. */
.pg-aurelia main{background:radial-gradient(120% 60% at 50% 0%,#13315c 0%,#061633 60%);color:#f3f6ff}
.pg-aurelia main h1{color:#FFD54F}.pg-aurelia main .lead{color:#dfe7ff}
.pg-aurelia main .card{background:#0B2545;color:#f3f6ff;border-color:#F5B800}
.pg-aurelia main .card a{color:#FFD54F}.pg-aurelia .howto summary{color:#FFD54F}
.pg-aurelia .g-result{background:#0B2545;color:#f3f6ff}
.g-stage[data-game="aurelia"]{position:relative;padding:.5rem;background:#0B2545}
.au-wrap{position:relative;width:100%;height:clamp(320px,74dvh,760px);border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#0b2a5c;font-family:Arial,Helvetica,sans-serif}
.g-play.is-full .au-wrap{height:var(--maxh,calc(100dvh - 120px))}
.au-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}
.au-canvas:focus-visible{box-shadow:inset 0 0 0 3px #FFD54F}
.au-hud{position:absolute;inset:0;pointer-events:none;z-index:1;color:#fff}
.au-wrap:not([data-mode="play"]):not([data-mode="crash"]) .au-hud,.au-wrap:not([data-mode="play"]) .au-pedal{display:none}
.au-pause{pointer-events:auto;position:absolute;left:10px;top:10px;width:52px;height:52px;border-radius:14px;border:2px solid #F5B800;background:rgba(2,12,38,.75);cursor:pointer}
.au-bars{display:block;width:18px;height:20px;margin:auto;border-left:6px solid #FFD54F;border-right:6px solid #FFD54F;box-sizing:border-box}
.au-fuel{position:absolute;left:72px;top:12px;display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border-radius:12px;background:rgba(2,12,38,.75);border:2px solid #F5B800}
.au-fico{font-weight:800;font-size:.95rem;color:#3fe0a0}
.au-fuelbg{display:block;width:clamp(70px,18vw,170px);height:16px;border-radius:8px;background:#13213d;overflow:hidden}
#au-fuelbar{display:block;height:100%;width:100%;background:linear-gradient(90deg,#18a86b,#3fe0a0)}
.au-fuel.low{border-color:#ff4d4d}.au-fuel.low #au-fuelbar{background:#E0262B}.au-fuel.low .au-fico{color:#ff9a9a}
.au-dist{position:absolute;left:50%;top:70px;transform:translateX(-50%);text-align:center;font-weight:800;font-size:clamp(1.5rem,5vw,2.2rem);color:#FFD54F;text-shadow:0 3px 0 #5a4200,0 0 10px rgba(0,0,0,.6);white-space:nowrap}
.au-dist small{font-size:1rem;color:#fff}
.au-progbg{display:block;width:clamp(140px,40vw,360px);height:8px;margin:.25rem auto 0;border-radius:4px;background:rgba(2,12,38,.7);overflow:hidden}
#au-prog{display:block;height:100%;width:0;background:#FFD54F}
@media (min-width:700px){.au-dist{top:12px}}
.au-coins{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:14px;background:rgba(2,12,38,.75);border:2px solid #F5B800;font-weight:800;font-size:1.5rem;color:#FFD54F}
.au-cico{display:inline-block;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3B0,#FFC72C 55%,#B8860B);border:1px solid #8a6500;vertical-align:-3px}
.au-pedal{position:absolute;bottom:12px;z-index:2;width:clamp(96px,22vw,150px);height:clamp(96px,22vw,150px);border-radius:24px;border:3px solid #F5B800;color:#0B2545;font:900 clamp(1.1rem,3.6vw,1.5rem)/1 Arial,sans-serif;cursor:pointer;touch-action:none;
  background:linear-gradient(180deg,#FFE27A,#F5B800);box-shadow:0 6px 0 #8a6500,0 10px 24px rgba(0,0,0,.4)}
.au-brake{left:12px;background:linear-gradient(180deg,#c9d4ee,#8fa3cc);box-shadow:0 6px 0 #4a5a80,0 10px 24px rgba(0,0,0,.4)}
.au-gas{right:12px}
.au-pedal.down{transform:translateY(5px);box-shadow:0 1px 0 #8a6500}
.au-pedal:focus-visible,.au-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (pointer:fine){.au-pedal{width:118px;height:96px;opacity:.9;font-size:1.15rem}}
.au-tip{position:absolute;left:50%;top:34%;transform:translate(-50%,10px);margin:0;max-width:88%;padding:.6rem 1rem;border-radius:999px;background:rgba(2,12,38,.82);border:2px solid #F5B800;color:#fff;font:700 clamp(1.05rem,3.6vw,1.35rem)/1.25 Arial,sans-serif;text-align:center;opacity:0;pointer-events:none;z-index:1;transition:opacity .3s,transform .3s}
.au-tip.show{opacity:1;transform:translate(-50%,0)}
.au-wrap:not([data-mode="play"]) .au-tip{opacity:0}
.au-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:min(92%,440px);max-height:94%;overflow:auto;box-sizing:border-box;padding:1rem 1.1rem;border-radius:20px;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(11,37,69,.95),rgba(2,12,38,.96));border:3px solid #F5B800;box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,213,79,.25);overscroll-behavior:contain}
.au-panel[hidden]{display:none}
.au-wide{width:min(96%,760px)}
.au-panel p{margin:.35rem 0}
.au-title{font:800 clamp(1.7rem,6vw,2.4rem)/1.1 Arial,sans-serif;color:#FFD54F;text-shadow:0 3px 0 #8a6500}
.au-sub{font-size:1.2rem;font-weight:700;color:#dfe7ff}
.au-h{font:800 clamp(1.3rem,4.4vw,1.7rem)/1.2 Arial,sans-serif;color:#FFD54F}
.au-h2{font-weight:800;font-size:1.15rem;color:#FFD54F;margin-top:.8rem!important}
.au-goldline{font-weight:800;color:#FFD54F;font-size:1.15rem}
.au-note{font-size:1rem;color:#dfe7ff}
.au-panel .btn{margin:.3rem;min-height:52px;font-size:1.1rem}
.au-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}
.au-col{display:flex;flex-direction:column;align-items:stretch}
.au-col .btn[hidden]{display:none}
.au-lvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:.6rem 0}
.au-lv{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;min-height:120px;border-radius:14px;border:3px solid #F5B800;color:#fff;cursor:pointer;font:700 1rem/1.2 Arial,sans-serif;text-shadow:0 2px 3px rgba(0,0,0,.8)}
.au-lv:focus-visible{outline:3px solid #fff;outline-offset:2px}
.au-lv.locked{filter:grayscale(.7) brightness(.6);cursor:not-allowed;border-color:#5a6a8a}
.au-lvn{font-size:1.8rem;font-weight:900;color:#FFD54F}
.au-lvname{font-size:1.05rem}
.au-lvsub{font-size:.9rem}
.au-stars{color:#FFD54F;font-size:1.3rem;letter-spacing:.1em}.au-stars i{font-style:normal;color:rgba(255,255,255,.3)}
.au-stars.big{font-size:2.6rem;min-height:0}
.au-vlist,.au-ups,.au-goals{list-style:none;margin:.5rem 0;padding:0;text-align:left}
.au-veh{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:.6rem;padding:.5rem;margin:.4rem 0;border-radius:14px;background:#13315c;border:2px solid #2a4a80}
.au-veh.on{border-color:#FFD54F;background:#1a3d70}
.au-vpic{width:120px;height:66px;border-radius:10px;background:linear-gradient(180deg,#2a6f8f,#0b2a5c)}
.au-vtx b{display:block;font-size:1.15rem;color:#FFD54F}.au-vbl{display:block;font-size:.98rem;color:#dfe7ff}
.au-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.15rem .4rem;align-items:center;font-size:.85rem;margin-top:.25rem;color:#dfe7ff}
.au-bar{display:block;height:8px;border-radius:4px;background:#0b1a33;overflow:hidden}.au-bar span{display:block;height:100%;background:#FFD54F}
.au-veh .btn{white-space:nowrap;margin:0}
@media (max-width:560px){.au-veh{grid-template-columns:96px 1fr}.au-vpic{width:96px;height:53px}.au-veh .btn{grid-column:1 / -1}.au-stats{grid-template-columns:auto 1fr}}
.au-ups li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem .5rem;margin:.3rem 0;border-radius:12px;background:#13315c}
.au-upn{flex:1 1 160px}.au-upn b{display:block;color:#FFD54F;font-size:1.05rem}.au-upn small{font-size:.92rem;color:#dfe7ff}
.au-pips{color:#FFD54F;letter-spacing:.15em}.au-pips i{font-style:normal;color:rgba(255,255,255,.25)}
.au-ups .btn{margin:0}
.au-story{padding:.7rem}
.au-art{display:block;width:100%;aspect-ratio:16/7;border-radius:12px;border:2px solid #F5B800;background:#0b2a5c}
.au-stext{font-size:clamp(1.1rem,3.4vw,1.35rem);line-height:1.45;text-align:left;max-width:40em;margin:.4rem auto!important}
.au-end{width:min(94%,480px)}
.au-why{font-weight:700;font-size:1.1rem}
.au-goals li{font-size:1.05rem;padding:.15rem 0;color:#dfe7ff}.au-goals li.ok{color:#FFD54F;font-weight:700}
.au-stat{color:#dfe7ff;font-size:1.05rem}
.au-credit{font-size:.95rem;color:#dfe7ff}
@media (orientation:landscape) and (max-height:500px){
  .au-wrap{height:clamp(260px,84dvh,520px)}
  .au-panel{padding:.5rem .8rem}.au-title{font-size:1.4rem}.au-panel .btn{min-height:44px;margin:.2rem}
  .au-art{aspect-ratio:16/5}.au-stext{font-size:1.05rem}.au-pedal{width:88px;height:88px}.au-dist{top:10px}.au-stars.big{font-size:1.8rem}
}
@media (prefers-reduced-motion:reduce){.au-tip{transition:none}}
.pg-aurelia.au-driving .btt{display:none}