:root{--midnight: #0b1026;--navy: #070b1c;--cobalt: #1c3a8e;--turquoise: #49c5b6;--sand: #d9b98a;--gold: #e8b64c;--gold-dim: #a9843a;--cream: #f4e9c9;--danger: #e2574b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--navy);font-family:Copperplate,Copperplate Gothic Light,Trebuchet MS,Gill Sans,Verdana,sans-serif;color:var(--cream);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;box-shadow:0 0 60px #000000b3}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud-top{position:absolute;top:.75em;left:.6em;right:.6em;display:flex;justify-content:space-between;align-items:flex-start;gap:.5em}.hud-panel{background:#0b1026c7;border:.14em solid var(--gold-dim);border-radius:.45em;padding:.35em .6em;display:flex;flex-direction:column;align-items:center;min-width:4.2em;box-shadow:0 .2em #00000059}.hud-label{font-size:.55em;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);white-space:nowrap}#score-value,#height-value{font-size:1.15em;font-weight:700;letter-spacing:.04em}.hud-sub{font-size:.5em;letter-spacing:.2em;color:var(--sand);text-transform:uppercase}#hud-order{max-width:13em}#order-ticket{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em;margin-top:.25em;min-height:1.3em}.ticket-slot{width:1.5em;height:1.5em;border-radius:.3em;border:.09em solid rgba(232,182,76,.4);background:#4a5e9659;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .2s,border-color .2s}.ticket-slot svg{width:1.15em;height:1.15em;display:block}.ticket-slot.done{background:#e8b64c47;border-color:var(--gold);transform:scale(1.06)}.ticket-slot.active{border-color:var(--turquoise);box-shadow:0 0 .4em #49c5b68c}#rush-timer{width:100%;height:.45em;margin-top:.3em;border-radius:.3em;background:#00000080;border:1px solid rgba(232,182,76,.4);overflow:hidden}#rush-timer-fill{height:100%;width:100%;background:var(--turquoise);border-radius:.3em}#rush-timer-fill.low{background:var(--danger)}#next-frame{position:absolute;top:4.6em;right:.7em;width:4.6em;height:4.1em;display:flex;align-items:flex-end;justify-content:center}#next-pyramid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#next-icon{position:relative;margin-bottom:.55em}#next-icon svg{width:2.1em;height:1.7em;display:block}#next-label{position:absolute;bottom:.1em;font-size:.5em;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}#balance-meter{position:absolute;left:50%;bottom:8.5%;transform:translate(-50%);width:9em;height:.55em;border-radius:.4em;background:#0b1026bf;border:.1em solid var(--gold-dim)}#balance-meter:after{content:"";position:absolute;left:50%;top:-.25em;bottom:-.25em;width:.12em;background:#e8b64c99;transform:translate(-50%)}#balance-dot{position:absolute;top:50%;left:50%;width:.85em;height:.85em;border-radius:50%;background:var(--gold);border:.1em solid var(--midnight);transform:translate(-50%,-50%);transition:background .2s}#balance-dot.danger{background:var(--danger);box-shadow:0 0 .5em var(--danger)}#combo-banner{position:absolute;top:32%;left:50%;transform:translate(-50%);font-size:1.3em;letter-spacing:.25em;text-transform:uppercase;color:var(--turquoise);text-shadow:0 .08em 0 var(--navy),0 0 .6em rgba(73,197,182,.6);animation:bannerpop .9s ease-out forwards;white-space:nowrap}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.08)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-1em) scale(1)}}#btn-quit{position:absolute;bottom:2.5%;right:3%;pointer-events:auto;width:2.2em;height:2.2em;border-radius:50%;border:.13em solid var(--gold-dim);background:#0b1026cc;color:var(--sand);font-size:.9em;cursor:pointer}#btn-quit:active{background:var(--cobalt)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:radial-gradient(ellipse at 50% 20%,rgba(28,58,142,.45),transparent 60%),linear-gradient(180deg,#070b1cf0,#0b1026f5);z-index:10;padding:1.2em;text-align:center}.menu-glyphs{font-size:1.1em;letter-spacing:.8em;color:#e8b64c80;margin-bottom:-.4em}#title{display:flex;flex-direction:column;align-items:center;line-height:1.02}#title-pyr{width:4.6em;height:3.8em;margin-bottom:.2em;filter:drop-shadow(0 0 .6em rgba(232,182,76,.35))}.title-word{font-size:2.5em;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-shadow:.06em .06em 0 var(--cobalt)}.title-word.gold{color:var(--gold);text-shadow:.06em .06em 0 #5c3d10}#tagline{font-size:.8em;letter-spacing:.12em;color:var(--turquoise)}#mode-list{display:flex;flex-direction:column;gap:.55em;width:min(92%,21em);margin-top:.3em}.mode-card{display:flex;align-items:center;gap:.7em;padding:.6em .8em;background:linear-gradient(180deg,#1c3a8e59,#0b1026bf);border:.14em solid var(--gold-dim);border-radius:.6em;cursor:pointer;color:var(--cream);font-family:inherit;text-align:left;transition:transform .1s,border-color .15s}.mode-card:hover,.mode-card:active{transform:translateY(-.1em);border-color:var(--gold)}.mode-card .mode-icon{width:2.1em;flex:none;display:flex;align-items:center}.mode-card .mode-icon svg{width:100%;height:auto;display:block}.mode-card .mode-name{display:block;font-size:.95em;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.mode-card .mode-desc{display:block;font-size:.62em;letter-spacing:.04em;color:var(--sand);margin-top:.2em}.mode-card .mode-best{margin-left:auto;font-size:.6em;color:var(--turquoise);letter-spacing:.1em;white-space:nowrap;flex:none}#menu-help{font-size:.62em;letter-spacing:.1em;color:#f4e9c9a6;max-width:20em}#btn-sound{background:none;border:.12em solid var(--gold-dim);border-radius:2em;color:var(--sand);font-family:inherit;font-size:.65em;letter-spacing:.15em;padding:.5em 1.2em;cursor:pointer}#btn-sound.off{opacity:.5}#results{justify-content:center}#result-badge{position:relative;width:8em;height:6.6em;display:flex;align-items:flex-end;justify-content:center}#result-badge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 .7em rgba(232,182,76,.4))}#result-rank{position:relative;font-size:.78em;letter-spacing:.2em;color:var(--gold);margin-bottom:1.1em;text-transform:uppercase}#result-message{font-size:1.6em;letter-spacing:.18em;color:var(--cream);text-shadow:.06em .06em 0 var(--cobalt);text-transform:uppercase;max-width:92%;line-height:1.25}#result-stats{display:grid;grid-template-columns:auto auto;gap:.35em 1.4em;font-size:.75em;letter-spacing:.08em;background:#0b1026b3;border:.12em solid var(--gold-dim);border-radius:.6em;padding:.9em 1.4em}#result-stats .stat-label{color:var(--sand);text-transform:uppercase;font-size:.85em;letter-spacing:.18em;align-self:center}#result-stats .stat-value{color:var(--cream);font-weight:700;text-align:right}#result-stats .stat-value.gold{color:var(--gold)}#result-buttons{display:flex;gap:.8em;margin-top:.4em}.big-btn{font-family:inherit;font-size:.85em;letter-spacing:.15em;text-transform:uppercase;padding:.75em 1.5em;border-radius:.55em;border:.14em solid var(--gold-dim);background:#1c3a8e66;color:var(--cream);cursor:pointer}.big-btn:active{transform:translateY(.1em)}.gold-btn{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:var(--midnight);border-color:#5c3d10}.new-best{animation:bestflash 1s infinite alternate}@keyframes bestflash{0%{color:var(--gold)}to{color:var(--turquoise)}}