html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%}:root{--felt-green:#1e5b3c;--felt-green-light:#2c7a52;--wood-dark:#3a2418;--wood-mid:#5c3a26;--cream:#f3e6cf;--gold:#d6ad55;--gold-bright:#f0cf82;--shadow-strong:#0000008c;--hud-btn-height:34px;--cta-btn-height:46px;--dialog-btn-height:36px;--btn-width-default:7em;--btn-width-compact:6em}*{box-sizing:border-box}#babylonjsLoadingDiv img{width:500px!important;max-width:none!important;height:500px!important;max-height:none!important}#ui-layer{color:var(--cream);pointer-events:none;text-shadow:1px 1px 3px var(--shadow-strong);z-index:10;font-family:Segoe UI,Roboto,sans-serif;position:absolute;inset:0}#hud{grid-template-rows:auto auto;grid-template-columns:fit-content(50%) minmax(0,420px) 1fr;align-items:start;gap:8px 32px;display:grid;position:absolute;top:14px;left:14px;right:14px}#game-settings-container{min-height:var(--hud-btn-height);pointer-events:auto;grid-area:1/1;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.rules-variant-label{min-height:var(--hud-btn-height);line-height:var(--hud-btn-height);color:var(--gold-bright);letter-spacing:.1em;white-space:nowrap;text-shadow:2px 2px 2px var(--shadow-strong);grid-area:1/2;place-self:center start;font-size:1.5em;font-weight:700}#hud-match-controls{min-height:var(--hud-btn-height);pointer-events:auto;grid-area:1/3;justify-self:end;align-items:center;gap:8px;display:flex}#settings-menu{background:linear-gradient(160deg, var(--wood-mid), var(--wood-dark));border:2px solid var(--gold);color:var(--cream);text-shadow:none;min-width:220px;box-shadow:0 6px 18px var(--shadow-strong);z-index:30;border-radius:10px;margin-top:0;padding:14px 16px;display:none;position:absolute;top:40px;left:0}.setting-label{letter-spacing:.02em;margin-bottom:10px;font-size:.85em;font-weight:600;display:block}.setting-label:last-child{margin-bottom:0}.setting-label select{background:var(--cream);width:100%;color:var(--wood-dark);border:1px solid var(--gold);border-radius:5px;margin-top:4px;padding:5px 6px;font-size:.95em;display:block}#player-stack{border:3px solid var(--gold);box-shadow:0 6px 16px var(--shadow-strong);background:linear-gradient(160deg,#3a2418e6,#1e120ce6);border-radius:12px;grid-area:2/1;padding:10px 16px}.player-hud{align-items:center;gap:10px;padding:5px 0;font-size:1.05em;transition:opacity .2s;display:flex}.player-turn-dot{width:10px;height:10px;box-shadow:none;background:#6b6b6b;border-radius:50%;flex:none;transition:background .2s,box-shadow .2s}.player-name{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-weight:700}.player-score{min-width:24px;color:var(--gold-bright);text-align:center;background:#170e098c;border:1px solid #d6ad558c;border-radius:10px;padding:1px 7px;font-size:.82em;font-weight:700;line-height:1.25;display:inline-block}.player-hud.active-turn{opacity:1}.player-hud.active-turn .player-turn-dot{background:var(--felt-green-light);box-shadow:0 0 8px 2px #2c7a52e6}.player-hud.active-turn .player-name{color:var(--gold-bright)}.player-hud.inactive-turn{opacity:.55}#player-stack.solitaire-mode .player-turn-dot{display:none}#player-stack.solitaire-mode .player-hud{padding:2px 0}.player-divider{background:#d6ad5559;border-radius:1px;height:2px;margin:2px 0}#ball-collector{border:3px solid var(--gold);box-shadow:0 6px 16px var(--shadow-strong);scale:min(1, calc(100vw / (570px + 32px)));transform-origin:bottom;box-sizing:border-box;background:linear-gradient(160deg,#3a2418e6,#1e120ce6);border-radius:30px;width:570px;padding:10px 16px;position:fixed;bottom:20px;left:50%;translate:-50%}#ball-collector .pocketed-row{flex-wrap:nowrap;justify-content:flex-start;gap:5px;width:100%;height:30px;display:flex}#ball-collector .pocketed-row .placeholder{text-align:center;width:100%;height:100%;color:var(--gold);letter-spacing:.05em;opacity:.5;text-shadow:1px 1px 2px var(--shadow-strong);justify-content:center;align-items:center;font-size:.9em;font-weight:600;display:flex}.undetermined-track{opacity:.9}.undetermined-track .player-name{color:var(--gold-bright)}.pocketed-ball{filter:blur(.5px);background-position:-9px -6px;background-size:80px 40px;border:1px solid #0006;border-radius:50%;width:30px;height:30px}#hud-status-readouts{pointer-events:none;min-width:0;box-shadow:0 4px 16px var(--shadow-strong);background:#140c08a6;border:1px solid #d6ad5566;border-radius:10px;flex-direction:column;grid-area:2/2/auto/-1;align-items:flex-start;gap:6px;padding:10px 14px;display:none}#hud-status-readouts.visible{display:flex}#status-message{color:var(--gold-bright);text-align:left;min-height:1.3em;padding:2px 0;font-size:1.05em;font-weight:700}#status-objective{color:var(--gold);opacity:.85;text-align:left;min-height:1.2em;padding:0;font-size:.9em;font-weight:500}#power-meter-container{pointer-events:none;z-index:10;grid-area:3/1/auto/-1;justify-content:center;width:min(92vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}#power-meter{border:3px solid var(--gold);pointer-events:none;width:100%;max-width:340px;height:40px;box-shadow:0 4px 12px var(--shadow-strong), inset 0 0 6px #00000080;background:#140c088c;border-radius:12px;margin-top:6px;position:relative;overflow:hidden}#power-ticks{z-index:3;pointer-events:none;position:absolute;inset:0}.tick{background:var(--gold-bright);border-radius:1px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tick-sub{background:#f3e6cf73;width:1px;height:16%}.tick-minor{background:#f3e6cf73;width:1px;height:34%}.tick-major{width:2px;box-shadow:0 0 3px #f0cf82cc}.tick-major.tick-outer{height:52%}.tick-major.tick-mid{height:68%}.tick-major.tick-center{width:3px;height:86%}#power-fill{clip-path:polygon(0 0,0% 0,0% 100%,0 100%);background:linear-gradient(90deg,#4a5568 0%,#38bdf8 20%,#22c55e 50%,#f59e0b 80%,#ef4444 100%);width:100%;height:100%}#enter-shot-btn{pointer-events:auto;letter-spacing:.02em;color:var(--cream);background:linear-gradient(160deg, var(--felt-green-light), var(--felt-green));border:3px solid var(--gold);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);z-index:15;min-width:var(--btn-width-default);min-height:var(--cta-btn-height);height:var(--cta-btn-height);border-radius:999px;padding:10px 28px;font-size:1.05em;font-weight:700;transition:box-shadow .12s,background .15s;position:fixed;left:50%;transform:translate(-50%)}#enter-shot-btn:hover{background:linear-gradient(160deg, #339162, var(--felt-green-light));box-shadow:0 8px 20px var(--shadow-strong)}#enter-shot-btn:active{box-shadow:0 3px 10px var(--shadow-strong)}#ball-in-hand-btn{pointer-events:auto;letter-spacing:.02em;color:var(--cream);background:linear-gradient(160deg, var(--wood-mid), var(--wood-dark));border:3px solid var(--gold-bright);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);z-index:15;min-width:var(--btn-width-default);min-height:var(--cta-btn-height);height:var(--cta-btn-height);border-radius:999px;padding:10px 28px;font-size:1em;font-weight:700;transition:box-shadow .12s,background .15s,filter .15s;position:fixed;left:50%;transform:translate(-50%)}#ball-in-hand-btn.pushout-mode{background:linear-gradient(160deg,#2e7d32,#1b5e20);border-color:#66bb6a;box-shadow:0 6px 16px #2e7d3266}#ball-in-hand-btn.pushout-mode:hover{filter:brightness(1.1);background:linear-gradient(160deg,#388e3c,#2e7d32);box-shadow:0 8px 20px #2e7d3280}#ball-in-hand-btn.passback-mode{background:linear-gradient(160deg,#c62828,#8e0000);border-color:#ef5350;box-shadow:0 6px 16px #c6282866}#ball-in-hand-btn.passback-mode:hover{filter:brightness(1.1);background:linear-gradient(160deg,#e53935,#c62828);box-shadow:0 8px 20px #c6282880}#ball-in-hand-btn:hover{background:linear-gradient(160deg, #6c442e, var(--wood-mid));box-shadow:0 8px 20px var(--shadow-strong);filter:brightness(1.1)}#ball-in-hand-btn:active{box-shadow:0 3px 10px var(--shadow-strong)}#push-out-btn{pointer-events:auto;letter-spacing:.02em;color:var(--cream);border:3px solid var(--gold);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);z-index:15;min-width:var(--btn-width-default);min-height:var(--cta-btn-height);height:var(--cta-btn-height);background:linear-gradient(160deg,#1d4d89,#173764);border-radius:999px;padding:10px 28px;font-size:1em;font-weight:700;transition:box-shadow .12s,background .15s,filter .15s;position:fixed;left:50%;transform:translate(-50%)}#push-out-btn:hover{box-shadow:0 8px 20px var(--shadow-strong);background:linear-gradient(160deg,#2c67a9,#1d4d89)}#push-out-btn:active{box-shadow:0 3px 10px var(--shadow-strong)}#place-ball-btn{pointer-events:auto;letter-spacing:.02em;color:var(--cream);border:3px solid var(--gold);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);z-index:21;min-width:var(--btn-width-default);min-height:var(--cta-btn-height);height:var(--cta-btn-height);background:linear-gradient(160deg,#1d4d89,#173764);border-radius:999px;padding:10px 28px;font-size:1.02em;font-weight:700;transition:box-shadow .12s,background .15s,filter .15s;position:fixed;left:50%;transform:translate(-50%)}#place-ball-btn:hover{box-shadow:0 8px 20px var(--shadow-strong);background:linear-gradient(160deg,#2c67a9,#1d4d89)}#place-ball-btn:active{box-shadow:0 3px 10px var(--shadow-strong)}#place-ball-btn:disabled{filter:grayscale(.45)brightness(.8);cursor:not-allowed}#enter-shot-btn.hidden,#ui-instructions.hidden{display:none!important}.hud-action-btn{min-width:var(--btn-width-default);min-height:var(--hud-btn-height);height:var(--hud-btn-height);letter-spacing:.02em;color:var(--cream);cursor:pointer;text-shadow:1px 1px 2px var(--shadow-strong);background:linear-gradient(160deg,#3a2418d9,#1e120cd9);border:0;border-radius:999px;padding:8px 16px;font-size:.85em;font-weight:700;transition:background .15s,transform .1s}.hud-action-btn:hover{background:linear-gradient(160deg,#3a2418,#1e120c)}.hud-action-btn:active{transform:scale(.95)}.hud-icon-btn{min-width:var(--hud-btn-height);width:var(--hud-btn-height);justify-content:center;align-items:center;padding:0;display:inline-flex}.hud-icon-btn svg{pointer-events:none;transition:transform .2s}#settings-btn:hover svg{transform:rotate(-60deg)}#ui-instructions{color:var(--cream);text-align:left;opacity:.9;font-size:.9em;font-weight:600;display:none}#cue-ball-highlight{pointer-events:none;z-index:20;filter:drop-shadow(0 0 6px #f0cf828c);animation:24s linear infinite cbh-spin;display:none;position:fixed}#cue-ball-highlight svg{width:100%;height:100%}.cbh-ring{fill:none;stroke:var(--gold-bright);stroke-width:5px;stroke-dasharray:70 41.5}.cbh-tick{fill:var(--gold-bright)}@keyframes cbh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cue-stroke-btn{pointer-events:auto;min-width:var(--btn-width-default);min-height:var(--cta-btn-height);height:var(--cta-btn-height);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);border:3px solid var(--gold);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);touch-action:none;z-index:21;background:linear-gradient(160deg,#b23b2c,#7a1f16);border-radius:999px;padding:6px 30px;font-size:1.05em;font-weight:800;transition:box-shadow .12s,background .15s;display:none;position:fixed;left:50%;transform:translate(-50%)}#cue-stroke-btn:hover{background:linear-gradient(160deg,#c94531,#8a251a)}#cue-stroke-btn:active{box-shadow:0 3px 10px var(--shadow-strong);background:linear-gradient(160deg,#7a1f16,#b23b2c)}#cue-cancel-btn{pointer-events:auto;width:30px;height:30px;color:var(--cream);border:3px solid var(--gold);cursor:pointer;box-shadow:0 6px 16px var(--shadow-strong);text-shadow:1px 1px 2px var(--shadow-strong);touch-action:none;z-index:21;background:linear-gradient(160deg,#f33,#c00);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1em;font-weight:800;transition:box-shadow .12s,background .15s;display:flex;position:fixed;left:calc(50% + 8em)}#cue-cancel-btn:hover{background:linear-gradient(160deg,#f66,#e60000)}#cue-cancel-btn:active{box-shadow:0 3px 10px var(--shadow-strong);background:linear-gradient(160deg,#c00,#f33)}#replay-overlay{pointer-events:none;z-index:40;--replay-inset-top:179px;--replay-inset-right:2px;--replay-inset-bottom:103px;--replay-inset-left:2px;position:fixed;inset:0}#replay-mask{pointer-events:none;position:absolute;inset:0}.replay-mask-edge{-webkit-backdrop-filter:saturate(.5)blur(4px);backdrop-filter:saturate(.5)blur(4px);background:#0f0f11d9;position:absolute}.replay-mask-top{height:var(--replay-inset-top);top:0;left:0;right:0}.replay-mask-right{top:var(--replay-inset-top);right:0;bottom:var(--replay-inset-bottom);width:var(--replay-inset-right)}.replay-mask-bottom{height:var(--replay-inset-bottom);bottom:0;left:0;right:0}.replay-mask-left{top:var(--replay-inset-top);left:0;bottom:var(--replay-inset-bottom);width:var(--replay-inset-left)}#replay-hot-area-frame{top:var(--replay-inset-top);right:var(--replay-inset-right);bottom:var(--replay-inset-bottom);left:var(--replay-inset-left);background:0 0;border:2px solid #c5a059;border-radius:8px;position:absolute;box-shadow:0 0 0 4px #0a0a0ae6,inset 0 0 40px #0009}#replay-controls{pointer-events:auto;background:linear-gradient(#222225 0%,#151517 100%);border:2px solid #d4af37;border-radius:16px;grid-template-columns:repeat(5,auto);align-items:center;gap:12px;width:min(94vw,780px);padding:12px 18px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #000000b3,inset 0 1px 1px #ffffff26}#replay-shot-nav{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}#replay-shot-info{text-align:center;color:#f3e6cf;letter-spacing:.03em;text-shadow:1px 1px 2px #000c;min-width:0;font-weight:700;line-height:1.15}#replay-shot-number{font-size:.95rem}#replay-shot-outcome{color:#d4af37;font-size:1.05rem}#replay-scrub-bar{appearance:none;accent-color:#d4af37;cursor:pointer;background:#0d0d0e;border:1px solid #d4af374d;border-radius:3px;outline:none;grid-column:1/-1;width:100%;height:6px;margin-bottom:4px}#replay-scrub-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#f3e6cf 0%,#c5a059 100%);border:1px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0009}.replay-transport-btn,.replay-exit-btn{pointer-events:auto;letter-spacing:.04em;cursor:pointer;color:#f3e6cf;text-shadow:1px 1px 2px #000c;border:1px solid #d4af3766;border-radius:8px;height:38px;min-height:38px;font-weight:700;transition:all .15s}.replay-transport-btn{background:linear-gradient(#2c2c30 0%,#1a1a1d 100%);min-width:3.4em;padding:6px 14px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0006}.replay-exit-btn{background:linear-gradient(#5c2420 0%,#381311 100%);border-color:#e06050;min-width:3.4em;padding:6px 14px;box-shadow:inset 0 1px #ffffff26,0 2px 4px #0006}.replay-icon-btn{justify-content:center;align-items:center;font-size:1.05em;font-weight:800;line-height:1;display:flex}.replay-play-icon,.replay-pause-icon{display:block}.replay-icon-btn.is-playing .replay-play-icon,.replay-icon-btn .replay-pause-icon{display:none}.replay-icon-btn.is-playing .replay-pause-icon{display:block}.replay-transport-btn:hover{color:#fff;background:linear-gradient(#38383e 0%,#222226 100%);border-color:#d4af37}.replay-exit-btn:hover{background:linear-gradient(#702d28,#451815);border-color:#ff7565}.replay-transport-btn:active,.replay-exit-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0009}.replay-transport-btn:disabled,.replay-exit-btn:disabled{cursor:default;opacity:.45;box-shadow:none}.dialog-overlay{z-index:100;pointer-events:auto;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:linear-gradient(160deg, var(--wood-mid), var(--wood-dark));border:2px solid var(--gold);color:var(--cream);border-radius:12px;flex-direction:column;max-height:85vh;font-family:Segoe UI,Roboto,sans-serif;display:flex;box-shadow:0 12px 40px #0009}.centered-dialog{width:min(92vw,760px)}.rules-dialog{-webkit-user-select:text;user-select:text;width:min(96vw,1020px)}.settings-dialog{width:min(92vw,560px)}.dialog-header{border-bottom:1px solid #d6ad554d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dialog-header h2{color:var(--gold-bright);letter-spacing:.02em;margin:0;font-size:1.15em;font-weight:700}.dialog-close{color:var(--cream);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.5em;line-height:1;transition:opacity .15s}.dialog-close:hover{opacity:1}.dialog-body{flex:1;padding:16px 20px;overflow-y:auto}.dialog-footer{border-top:1px solid #d6ad554d;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.dialog-secondary-btn{min-width:var(--btn-width-default);min-height:var(--dialog-btn-height);height:var(--dialog-btn-height);color:var(--cream);cursor:pointer;background:#ffffff14;border:1px solid #d6ad55a6;border-radius:999px;padding:8px 16px;font-weight:600}.dialog-secondary-btn:hover{background:#ffffff26}.dialog-primary-btn{min-width:var(--btn-width-default);min-height:var(--dialog-btn-height);height:var(--dialog-btn-height);border:1px solid var(--gold);background:linear-gradient(160deg, var(--felt-green-light), var(--felt-green));color:var(--cream);cursor:pointer;border-radius:999px;padding:8px 18px;font-weight:700}.dialog-primary-btn:hover{filter:brightness(1.06)}.dialog-section{margin-bottom:18px}.dialog-section:last-child{margin-bottom:0}.dialog-section h3{color:var(--gold);letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:.95em;font-weight:700}.toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle-row .toggle-label{flex:1;font-size:.9em;font-weight:600}.toggle-select{background:var(--cream);color:var(--wood-dark);border:1px solid var(--gold);border-radius:5px;min-width:140px;padding:4px 8px;font-family:inherit;font-size:.85em;display:block}.toggle-switch{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:#ffffff26;border-radius:10px;flex-shrink:0;width:38px;height:20px;transition:background .2s;position:relative}.toggle-slider:after{content:"";background:var(--cream);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--felt-green-light)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-text{font-size:.85em;font-weight:500}.toggle-text-with-info{align-items:center;gap:8px;display:inline-flex}.rule-info-btn{width:18px;height:18px;color:var(--gold-bright);cursor:pointer;background:#d6ad552e;border:1px solid #d6ad55cc;border-radius:50%;padding:0;font-family:Times New Roman,Georgia,serif;font-size:.75em;font-weight:700;line-height:1}.rule-info-btn:hover{background:#d6ad554d}.toggle-row.is-disabled{opacity:.65}.toggle-row.is-disabled .toggle-switch{cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider{background:#ffffff14}.toggle-switch input:disabled+.toggle-slider:after{background:#f3e6cf8c}.toggle-help{color:#f3e6cfd9;margin:8px 0 0;font-size:.82em}.rule-info-dialog{width:min(92vw,560px)}.settings-body .toggle-row{margin-bottom:8px}.settings-body .toggle-row:last-child{margin-bottom:0}.rule-info-text{margin:0;line-height:1.55}.rule-info-intro{margin:0}.rule-info-list{margin:10px 0 0;padding-left:18px}.rule-info-list li{margin:4px 0}.rules-body{font-size:.9em;line-height:1.6}.rules-body h3{color:var(--gold-bright);margin:16px 0 8px;font-size:1em}.rules-body h3:first-child{margin-top:0}.rules-body h4{color:var(--gold);margin:10px 0 6px;font-size:.9em}.rules-body p{margin:4px 0}.rules-body ul{margin:4px 0;padding-left:20px}.rules-body li{margin:2px 0}.rules-body .rule-toggle-note{color:var(--gold-bright);background:#d6ad5526;border:1px solid #d6ad554d;border-radius:6px;margin:8px 0;padding:8px 12px;font-size:.85em}.rules-body .rule-toggle-note .rule-inline-select{background:var(--cream);color:var(--wood-dark);border:1px solid #d6ad5580;border-radius:4px;margin-left:8px;padding:4px 6px;font-size:.95em}.rules-body .rule-inline-toggle{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.rules-body .rule-disabled{opacity:.5;font-style:italic}#fps{color:#aaa;font-family:sans-serif;font-size:.8em;position:fixed;bottom:8px;left:8px}@media (width<=640px){:root{--hud-btn-height:30px;--cta-btn-height:42px;--dialog-btn-height:34px;--btn-width-default:var(--btn-width-compact)}.centered-dialog,.rules-dialog{width:95vw}.dialog-body{padding:12px 14px}#hud{column-gap:20px;top:10px;left:10px;right:10px}#player-stack{padding:8px 12px}.player-hud{font-size:.9em}#hud-status-readouts{gap:8px}#enter-shot-btn,#ball-in-hand-btn,#push-out-btn,#place-ball-btn{padding:9px 22px;font-size:.95em}#hud-match-controls{gap:6px}.hud-action-btn{padding:6px 10px;font-size:.75em}}@media (width<=400px){#status-message{font-size:.9em}#status-objective{font-size:.8em}}#award-badge{z-index:100;pointer-events:none;perspective:800px;opacity:0;width:250px;height:250px;margin:auto;position:fixed;inset:0}#award-badge.active{opacity:1;animation:.1s ease-out forwards award-fade-in}#award-badge.active .award-badge-front{animation:2s ease-in-out .5s 2 award-front-visibility}#award-badge.active .award-badge-back{animation:2s ease-in-out .5s 2 award-back-visibility}@keyframes award-front-visibility{0%{opacity:1}12.49%{opacity:1}12.5%{opacity:0}37.49%{opacity:0}37.5%{opacity:1}62.49%{opacity:1}62.5%{opacity:0}87.49%{opacity:0}87.5%{opacity:1}to{opacity:1}}@keyframes award-back-visibility{0%{opacity:0}12.49%{opacity:0}12.5%{opacity:1}37.49%{opacity:1}37.5%{opacity:0}62.49%{opacity:0}62.5%{opacity:1}87.49%{opacity:1}87.5%{opacity:0}to{opacity:0}}.award-badge-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}#award-badge.active .award-badge-inner{animation:.5s ease-out forwards award-swing-in,2s ease-in-out .5s 2 award-spin-pulse}.award-badge-front,.award-badge-back{backface-visibility:hidden;text-shadow:1px 1px 4px #0009;border-radius:50%;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.award-badge-front{border:4px solid var(--gold);background:conic-gradient(from 120deg,#c8963e,#f7d070,#c8963e,#8a5e19,#c8963e);box-shadow:inset 0 0 15px #00000080,inset 0 2px 2px #fff6,0 10px 20px #00000080}.award-badge-back{background:linear-gradient(145deg, var(--gold-bright) 0%, var(--gold) 60%, #c89830 100%);border:4px solid var(--gold-bright);opacity:0;box-shadow:inset 0 1px 2px #fff0b44d,inset 0 -1px 3px #0006,0 4px 20px #0009,0 0 40px #c8983033}.medal-loop{z-index:-1;background:radial-gradient(circle,#0000 40%,#8a5e19 100%);border:6px solid #c8963e;border-radius:50%;width:40px;height:40px;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0009,0 4px 6px #0006}.medal-recess{background:radial-gradient(circle,#d8a040,#8a5e19);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-top:18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 6px 14px #000c,0 1px 1px #ffffff80}.medal-recess:before{content:"";z-index:0;filter:drop-shadow(0 2px 2px #0006);border-bottom:60px solid #2e7d32;border-left:38px solid #0000;border-right:38px solid #0000;width:0;height:0;position:absolute;bottom:12px}.medal-ball{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;position:absolute;box-shadow:inset -3px -3px 5px #0009,2px 2px 4px #00000080}.medal-ball span{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;box-shadow:inset 0 0 2px #0000004d}.ball-4{background:radial-gradient(circle at 35% 35%,#9575cd,#4527a0);top:18px;left:26px}.ball-5{background:radial-gradient(circle at 35% 35%,#ffb74d,#e65100);top:28px;right:22px}.ball-9{background:radial-gradient(circle at 35% 35%,#fff176,#fbc02d);top:50px;left:16px}.ball-15{background:radial-gradient(circle at 35% 35%,#e57373,#b71c1c);top:60px;right:16px}.ball-8{z-index:2;background:radial-gradient(circle at 35% 35%,#616161,#111);width:44px;height:44px;top:52px;left:38px}.ball-8 span{width:20px;height:20px;font-size:12px}.medal-wreath{color:#b8862d;filter:drop-shadow(1px 1px #ffffff80)drop-shadow(-1px -1px 1px #0006);width:50px;height:130px;position:absolute;top:45px}.wreath-left{left:10px}.wreath-right{right:10px}.medal-stars{color:#dfae56;filter:drop-shadow(1px 1px #ffffff80)drop-shadow(-1px -1px 1px #0009);align-items:flex-end;gap:12px;line-height:1;display:flex;position:absolute;bottom:44px}.star-small{margin-bottom:2px;font-size:1.5em}.star-large{font-size:2.2em}.award-text{color:#4a2e00;text-shadow:1px 1px #fff9,-1px -1px 1px #00000080;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:1em;font-weight:800;position:absolute;bottom:24px}@keyframes award-fade-in{0%{opacity:0}to{opacity:1}}@keyframes award-swing-in{0%{opacity:0;transform:rotateY(-90deg)translate(60px)}40%{opacity:1;transform:rotateY(-15deg)translate(0)}60%{transform:rotateY(10deg)translate(0)}80%{transform:rotateY(-3deg)translate(0)}to{transform:rotateY(0)translate(0)}}@keyframes award-spin-pulse{0%{transform:rotateY(0)scale(1)}25%{transform:rotateY(180deg)scale(.75)}50%{transform:rotateY(360deg)scale(1)}75%{transform:rotateY(540deg)scale(.75)}to{transform:rotateY(720deg)scale(1)}}