@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f8faff;background:#030b1e;--line:#5279b4;--gold:#ffdb54}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.6}[hidden]{display:none!important}.topbar{height:64px;border:1px solid #41689f;border-radius:0 0 22px 22px;background:linear-gradient(120deg,#10234a,#030c21 55%,#0c1b39);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:inset 0 0 18px #4c79c125}.brand{position:relative;font-size:29px;letter-spacing:7px;color:white;text-decoration:none;padding:0 10px 7px;border-bottom:2px solid #ffce4b;border-radius:50%}.brand span{font-size:20px;letter-spacing:0;color:#ffda64;position:absolute;right:-9px;top:-5px;text-shadow:0 0 10px #ffc744}.header-actions{display:flex;align-items:center;gap:15px}.demo{font-size:10px;letter-spacing:1.5px;color:#a4badd}.wallet,.icon-button{background:linear-gradient(#142a51,#08152e);border:2px solid #4b6c9f;border-radius:16px;padding:8px 18px}.wallet{font-size:25px;display:flex;gap:10px;align-items:center}.icon-button{font-size:24px;min-width:48px;padding:6px 10px}.universe{position:relative;background:#050e23;overflow:hidden}.universe>img{display:block;width:100%;height:clamp(290px,50vw,530px);object-fit:cover;object-position:center}.bet-panel{position:relative;border:2px solid var(--line);border-radius:27px;background:linear-gradient(120deg,#14254b,#07132d 57%,#0b1937);padding:25px 38px 10px;box-shadow:inset 0 0 28px #33589322}.choice-row{display:flex;align-items:center;gap:28px}.choice-heading{flex:0 0 22%}h1{font-size:clamp(22px,2.2vw,34px);margin:0 0 12px;letter-spacing:-.5px}.choice-heading p{color:#a9c2e9;font-size:clamp(16px,1.6vw,25px);margin:0}.planet-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;flex:1}.planet-card{position:relative;min-width:0;border:2px solid #6286bb;border-radius:22px;background:linear-gradient(145deg,#253e68,#102142);padding:14px 10px 15px;display:flex;flex-direction:column;align-items:center;transition:transform .16s,border-color .16s,box-shadow .16s}@media(hover:hover) and (pointer:fine){.planet-card:hover:not(:disabled){transform:translateY(-3px);border-color:#bfd6ff}}.planet-card[aria-pressed=true]{border:3px solid #ffe078;padding:13px 9px 14px;background:linear-gradient(130deg,#68542b,#292a2a);box-shadow:0 0 16px #ffc93b55,inset 0 0 14px #ffdc4922}.planet-card[aria-pressed=true]:after{content:'✓';position:absolute;right:13px;top:10px;color:#1b1c20;background:#ffdc62;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:23px;font-weight:bold}.planet-card b{font-size:clamp(19px,1.9vw,29px);margin-top:3px}.planet-art{height:clamp(85px,9vw,145px);width:100%;display:block;overflow:visible}.bet-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #597cab;margin-top:24px;padding-top:22px}.amount-group,.submit-group{display:flex;align-items:center;gap:20px}.amount-group label{font-weight:bold;font-size:clamp(16px,1.7vw,26px);white-space:nowrap}.stepper{display:flex;border:2px solid #527bb7;border-radius:16px;overflow:hidden;height:58px;flex-shrink:0}.stepper button{width:54px;border:0;background:linear-gradient(#355481,#172d51);font-size:31px}.stepper input{appearance:textfield;width:130px;min-width:0;border:0;background:#07142e;color:white;text-align:center;font-size:25px;font-weight:bold}.stepper input::-webkit-inner-spin-button{appearance:none}.presets{display:flex;gap:9px}.presets button{border:2px solid #4a6fa6;background:linear-gradient(#2a436d,#142749);border-radius:15px;padding:12px 16px;font-size:20px}.submit-group{flex:1;justify-content:flex-end}.selection{font-size:clamp(16px,1.7vw,25px);white-space:nowrap;margin:0;padding-left:22px;border-left:1px solid #557cae}.place-bet{background:linear-gradient(#ffe783,#ffd43b 58%,#f4b900);color:#101522;border:2px solid #ffe999;border-radius:16px;font-size:clamp(20px,2.1vw,31px);font-weight:800;min-width:210px;padding:17px 28px;box-shadow:0 0 14px #e7ae3433;white-space:nowrap}.bet-message{text-align:center;color:#a9bddb;font-size:12px;min-height:16px;margin:12px 0 0}.recent{display:flex;align-items:center;gap:18px;padding:16px 25px;color:#a6bcdf;font-size:13px}.recent>span{white-space:nowrap}#history{display:flex;gap:8px;overflow:auto;flex:1}#history button,#rulesLink{color:#c8d9f0;background:#101f3b;border:1px solid #385480;border-radius:8px;padding:8px 12px;white-space:nowrap}.round-hud{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;background:#07152eea;border:1px solid #577daf;border-radius:16px;padding:12px 24px;font-size:13px}.round-hud b{font-size:24px;color:#ffe275}.result{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:16px 26px;border:1px solid #e5c772;border-radius:16px;background:#08162fee;color:#fff2bb;text-align:center;box-shadow:0 0 40px #0007}.result strong{display:block;font-size:22px;margin-bottom:7px}.result small{display:block;color:#bdd0ed;margin-top:8px}dialog{color:#eaf1ff;background:linear-gradient(130deg,#152b50,#09152c);border:1px solid #567caf;border-radius:22px;width:min(520px,92vw);padding:30px;line-height:1.65}dialog::backdrop{background:#020817be;backdrop-filter:blur(5px)}dialog h2{font-size:26px;line-height:1.25}dialog p{color:#b6c8e3;font-size:14px}.close{float:right;background:none;border:0;font-size:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#ffdc6e}.rank-order{color:#ffe39b!important}#refill{background:#ffda55;color:#10203b;border:0;border-radius:10px;padding:12px 18px;font-weight:bold}
@media(min-width:1700px){main{max-width:1944px;margin:auto}}@media(max-width:1250px){.bet-panel{padding:22px}.bet-footer{flex-wrap:wrap}.submit-group{justify-content:space-between}.selection{border:0;padding:0}.amount-group{flex:1}.presets{margin-left:auto}.choice-heading{flex-basis:21%}.planet-choices{gap:10px}.planet-card{border-radius:16px}.place-bet{min-width:240px}}@media(max-width:700px){.topbar{height:60px;padding:0 14px}.brand{font-size:21px;letter-spacing:4px}.demo{display:none}.header-actions{gap:7px}.wallet{font-size:17px;padding:7px 9px;border-radius:12px}.wallet span{display:none}.icon-button{font-size:19px;min-width:34px;padding:5px}.universe>img{height:300px;object-fit:contain}.bet-panel{border-radius:20px;padding:18px 14px 10px}.choice-row{display:block}.choice-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.choice-heading h1{font-size:21px;margin:0}.choice-heading p{font-size:13px}.planet-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.planet-art{height:90px}.planet-card b{font-size:20px}.planet-card{padding:10px}.planet-card[aria-pressed=true]{padding:9px}.planet-card[aria-pressed=true]:after{width:23px;height:23px;font-size:18px;right:8px}.bet-footer{margin-top:17px;padding-top:17px;gap:16px}.amount-group{flex-wrap:wrap;gap:12px;justify-content:space-between}.amount-group label{font-size:17px}.stepper{height:46px}.stepper button{width:42px}.stepper input{width:100px;font-size:20px}.presets{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.presets button{font-size:17px;padding:8px}.submit-group{width:100%;gap:12px}.selection{font-size:15px}.place-bet{min-width:0;flex:1;font-size:20px;padding:13px}.recent{padding:14px;flex-wrap:wrap;gap:10px}.recent>span{font-size:12px}#history{min-width:50%}.round-hud{top:10px;padding:8px 12px;gap:12px;font-size:10px;white-space:nowrap}.round-hud b{font-size:18px}.result{bottom:10px;padding:10px 15px;font-size:12px}.result strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Existing minority game controls and reveal states. */
.planet-card small{font-size:11px;color:#b6c7e1;margin-top:5px}.planet-card.winning{border-color:#71e5ba;box-shadow:0 0 18px #39d69944}.planet-card.exploded{opacity:.55}.round-info{padding:8px 25px 25px;color:#a8bcd9;font-size:13px}.round-info>p{margin:7px 0}.mini-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mini-stats button{border:1px solid #7287a9;border-radius:8px;padding:7px 12px;color:#ffdd78;background:#182b4b}.players{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.player{border:1px solid #314b70;background:#0c1a31;border-radius:9px;padding:9px;font-size:11px;flex:1;min-width:100px}.player strong{display:block;font-size:9px;margin-top:6px;color:#91afd0}.player .avatar{margin-right:6px}.player.you{border-color:#c1a353}.player.eliminated{opacity:.5}.promo-stars{position:fixed;inset:20% 10% auto;z-index:10;pointer-events:none}.promo-star{position:absolute;pointer-events:auto;background:#172a50;border:1px solid #ffe27b;border-radius:50%;width:52px;height:52px;color:#ffdf69;font-size:32px;box-shadow:0 0 25px #ffd44488}.round-info details{margin-top:15px}.round-info li{margin:9px 0}#recentSummary{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.presets{display:none}.stepper input:disabled{opacity:1;-webkit-text-fill-color:#fff}.amount-group{gap:20px}.bet-message{color:#b4c9e7}.round-hud{white-space:nowrap}.round-hud #pot:before{content:'Total: ';font-size:10px;color:#aebfda}
/* Fixed entry from the minority engine; do not present inactive amount actions. */
.stepper button{display:none}.stepper{height:54px}.stepper input{width:128px}.amount-group label:after{content:' · fixed';font-size:11px;font-weight:400;color:#9db5d8}.rank-order{display:none}
@media(max-width:700px){.universe>img{height:auto;min-height:165px;object-fit:cover}.stepper{height:44px}.stepper input{width:112px}}
/* Compact Planets interface. Shared 42px header and winner-history height. */
.topbar{height:42px;min-height:42px;border:0;border-bottom:1px solid #263750;border-radius:0;background:#0b1425;padding:0 18px;box-shadow:none}.brand{font-size:16px;letter-spacing:2.5px;padding:0;border:0;border-radius:0;font-weight:700}.header-actions{gap:9px}.demo{font-size:8px;letter-spacing:1px;color:#8191ac}.wallet{border:0;background:none;border-radius:0;font-size:15px;padding:0 8px;gap:6px}.wallet>span{display:none}.icon-button{font-size:16px;min-width:28px;height:28px;padding:2px 5px;border:1px solid #2e405c;border-radius:7px;background:#142139}.winner-strip{height:42px;display:flex;gap:16px;align-items:center;padding:0 18px;background:#0c172b;border-bottom:1px solid #293851;color:#99adcb}.winner-strip>span{font-size:11px;white-space:nowrap}#winnerHistory{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;height:100%;min-width:0;flex:1}#winnerHistory>small{font-size:10px;color:#637b9d}.winner-chip{height:32px;display:flex;align-items:center;gap:4px;border:1px solid #334a6c;border-radius:7px;padding:2px 6px;background:#14233c;flex-shrink:0}.winner-chip small{font-size:9px;color:#a9bcd7}#winnerHistory::-webkit-scrollbar{display:none}.winner-chip .history-art{height:24px;width:31px;flex:none;overflow:hidden}.universe>img{height:clamp(300px,calc(100svh - 220px),700px);width:100%;object-fit:cover}.round-hud{top:12px;padding:6px 13px;border-radius:9px;font-size:10px;gap:13px;background:#08152dcc;border-color:#364965}.round-hud b{font-size:18px}.bet-panel{padding:12px 18px;border:0;border-top:1px solid #2e4263;border-radius:0;background:#0c172b;box-shadow:none}.choice-row{gap:20px}.choice-heading{flex:0 0 165px}h1{font-size:17px;letter-spacing:0;margin:0 0 6px}.choice-heading p{font-size:11px;color:#8fa5c5}.planet-choices{gap:10px}.planet-card{padding:7px 10px 8px;border:1px solid #3c557d;border-radius:11px;background:linear-gradient(135deg,#1b2e4e,#111f38);box-shadow:none}.planet-card[aria-pressed=true]{padding:6px 9px 7px;border-width:2px;box-shadow:0 0 10px #ffd44825}.planet-card[aria-pressed=true]:after{width:19px;height:19px;right:7px;top:6px;font-size:14px}.planet-art{height:64px}.planet-card b{font-size:14px;margin-top:1px}.planet-card small{display:none}.result{font-size:12px;bottom:12px;padding:10px 16px;border-radius:10px}#promo{background:#192b46;color:#ffe28a;border:1px solid #4a6184;border-radius:10px;padding:11px 14px;margin:0 10px 10px 0}main{max-width:none!important}
@media(max-width:700px){.topbar{height:42px;padding:0 12px}.brand{font-size:15px;letter-spacing:2px}.wallet{font-size:14px;padding:0 4px}.header-actions{gap:7px}.winner-strip{height:42px;padding:0 12px;gap:10px}.winner-strip>span{font-size:10px}.universe>img{height:clamp(260px,calc(100svh - 248px),600px);min-height:0;object-fit:cover}.bet-panel{padding:11px 12px}.choice-row{display:block}.choice-heading{display:flex;justify-content:space-between;margin-bottom:10px}.choice-heading h1{font-size:15px;margin:0}.choice-heading p{font-size:10px;margin:0}.planet-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.planet-card{padding:7px 3px;border-radius:9px}.planet-card[aria-pressed=true]{padding:6px 2px}.planet-art{height:48px}.planet-card b{font-size:12px}.planet-card[aria-pressed=true]:after{width:15px;height:15px;font-size:11px;right:3px;top:3px}.round-hud{font-size:9px;gap:10px;padding:5px 9px}.round-hud b{font-size:16px}}

.history-demo{font-size:7px;letter-spacing:.5px;color:#8196b5;background:#0b172b;padding:2px 3px;border-radius:3px}

/* Full history stays in a dedicated dialog; the strip remains one compact row. */
#winnerHistory{overflow:hidden}
#openHistory{flex:none;white-space:nowrap;height:30px;padding:0 12px;border:1px solid #30405c;border-radius:8px;background:#19283e;color:#e8effa;font-size:11px;font-weight:600;cursor:pointer}
#openHistory:hover{background:#243851}
#historyDialog{width:min(1000px,94vw);max-width:94vw;max-height:88svh;padding:26px;border:1px solid #3b5274;border-radius:22px;background:#152238;color:#eaf0fc;overflow:hidden}
#historyDialog h2{margin:0 46px 12px 0;font-size:24px}
#historyDialog>p{color:#aebfd6;font-size:13px;margin:0 0 20px}
#historyGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-height:60svh;overflow-y:auto;padding:3px 8px 3px 0;scrollbar-width:thin;scrollbar-color:#425875 #152238}
#historyGrid .winner-chip{height:92px;min-width:0;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px;background:#1a2a42;border-color:#2d405e;cursor:pointer}
#historyGrid .winner-chip:hover,#historyGrid .winner-chip:focus-visible{background:#263c5c;border-color:#6f8eb9}
#historyGrid .history-art{width:35px;height:30px}
#historyGrid .winner-chip small{width:100%;text-align:center;font-size:11px;order:2}
#historyGrid .history-demo{order:3}
#historyDialog #historyDetail{padding:12px;border:1px solid #465d80;border-radius:9px;background:#0d1a2e;color:#e5edfa;font-size:12px}
@media(max-width:600px){.winner-strip>span{display:none}#historyDialog{padding:20px 14px}#historyDialog h2{font-size:19px}#historyGrid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}}

/* Independent orbital bodies over the existing galaxy backdrop. */
.universe{isolation:isolate;background:#020716;overflow:hidden}
.universe>img{mask-image:radial-gradient(ellipse 52% 52% at center,transparent 0%,transparent 55%,#000 83%);}
.living-system{position:absolute;width:min(90%,1050px);height:76%;left:50%;top:54%;transform:translate(-50%,-50%);pointer-events:none}
.motion-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:.5px solid #ffffff70;border-radius:50%;box-shadow:0 0 2px #ffffff38,inset 0 0 2px #ffffff24;filter:none;z-index:1}
.orbiting-planet{position:absolute;left:50%;top:50%;will-change:transform;backface-visibility:hidden;transition:none;filter:drop-shadow(0 4px 7px #0009)}
.orbiting-planet svg{display:block;width:100%;height:auto;overflow:visible}
.orbiting-planet.neptune{filter:hue-rotate(205deg) saturate(1.5) drop-shadow(0 3px 6px #0009)}
.living-sun{position:absolute;left:50%;top:50%;width:19%;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 0 14px #ff9d00);animation:none}
.living-sun svg{display:block;width:100%;border-radius:50%;animation:solar-turn 80s linear infinite}
.sun-halo{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffda7180 20%,#ff8c0040 48%,transparent 70%);animation:corona-breathe 6s ease-in-out infinite;z-index:2}
.space-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#c4dcff 0 .7px,transparent 1.4px),radial-gradient(circle,#698bc9 0 .6px,transparent 1px);background-size:91px 79px,137px 113px;opacity:.35;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.round-hud,.result{z-index:10}
@keyframes solar-turn{to{transform:rotate(360deg)}}
@keyframes solar-breathe{50%{filter:drop-shadow(0 0 23px #ffae15) brightness(1.12)}}
@keyframes corona-breathe{50%{transform:translate(-50%,-50%) scale(1.13);opacity:.75}}
@media(prefers-reduced-motion:reduce){.living-sun,.living-sun svg,.sun-halo{animation:none}}

/* Keep the central sun inside the innermost projected orbit. */
.living-sun{width:min(14.784%,18.48vh)}
.sun-halo{width:21%}

#round{display:none}
.brand{position:relative;font-size:21px;font-weight:500;letter-spacing:5px;padding:0 13px 5px 0;text-shadow:0 1px 5px #ffffff70;border-bottom:1px solid #e8c777;border-radius:0 0 50% 50%}
.brand span{position:absolute;right:-3px;top:-4px;color:#ffdc80;font-size:16px;letter-spacing:0;text-shadow:0 0 9px #ffd359}
#clock,.choice-heading h1{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-weight:650;letter-spacing:.2px;color:#eff6ff;text-shadow:0 1px 0 #ffffff60,0 2px 9px #b7d5ff50}
#clock{padding:5px 13px;border:1px solid #b4d3ff65;border-radius:18px;background:linear-gradient(#b7d5ff40,#5275ad18 48%,#243c6230 52%,#6389bb25);box-shadow:inset 0 1px 0 #ffffff60,0 2px 10px #0003;font-size:20px}
.round-hud{border-radius:24px;padding:5px 12px;gap:12px}
.choice-heading h1{font-size:18px;line-height:1.3}

#historyGrid .winner-chip{height:76px}#historyGrid .history-art{width:46px;height:39px}
#historyGrid .winner-chip{flex-wrap:nowrap;gap:2px;overflow:hidden;padding:6px}
#historyGrid .winner-chip .history-art{width:36px;height:36px;min-width:0;flex:0 1 36px}

#clock{background:none;border:0;box-shadow:none;padding:3px 7px}
#pot{font-size:16px;font-weight:600}#pot:before{content:"Total: ";font-size:14px}
.wallet,#balance{font-size:12px;font-weight:600}
#historyGrid .winner-chip{position:relative;container-type:inline-size;padding-top:18px}
.history-round-number{position:absolute;left:7px;top:5px;color:#a8bad3;font-size:10px;font-weight:500}
@container(max-width:80px){.history-round-number{display:none}}
.round-hud #pot:before{content:'Total: ';font-size:14px}

.round-hud{border-radius:12px;gap:18px;padding:9px 15px}.participation{display:flex;flex-direction:column;border-left:1px solid #abc4e53d;padding-left:16px}.participation b{font-size:14px}.participation small{font-size:9px;color:#b8c7db;margin-top:2px}
#result{color:#fff;border:1px solid #edf6ff;background:linear-gradient(180deg,#34445bc9,#0c192de8 45%,#0a1529ed);box-shadow:inset 0 1px 2px #ffffff80,0 0 10px #d8eaff35;max-width:90%;white-space:normal;text-align:center}
.win-notice{position:absolute;left:20px;top:78px;z-index:6;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:15px;border:1px solid #b3fadd9c;background:linear-gradient(145deg,#286f55e8,#103b30ef);box-shadow:inset 0 1px 0 #ffffff60,0 5px 22px #061d2180;color:#fff}.win-notice[hidden]{display:none}.win-notice svg{width:70px;height:60px}.win-notice div{display:flex;flex-direction:column;gap:3px}.win-notice strong{font-size:14px}.win-notice b{font-size:24px;color:#dcffec}.win-notice span{font-size:12px;color:#c0e9d5}
@media(max-width:550px){.round-hud{gap:8px;padding:7px 10px}.participation{padding-left:8px}.participation b{font-size:12px}.win-notice{left:10px;top:70px;padding:10px}.win-notice b{font-size:20px}}

.game-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:42px minmax(0,1fr) auto;min-height:calc(100svh - 42px)}
.game-layout>.winner-strip,.game-layout>.universe,.game-layout>.bet-panel{grid-column:2;min-width:0}
.rounds-pane{grid-column:1;grid-row:1 / 4;min-width:0;height:calc(100svh - 42px);position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:#0e1a2e;border:1px solid #2a3c58;border-radius:16px;color:#edf3ff}
.rounds-pane h2{font-size:20px;margin:0;font-weight:700}.rounds-pane>p{margin:-5px 0 2px;color:#9fb3ce;font-size:13px}
#roundCards{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#354963 transparent;display:flex;flex-direction:column;gap:10px}
.round-card{padding:13px 11px;border:1px solid #2a405d;border-radius:13px;background:#0b1729;flex-shrink:0}.round-card h3{margin:0 0 11px;font-size:13px}.round-planet-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:11px}.round-planet-counts>div{display:flex;justify-content:space-between;gap:4px}.round-planet-counts b{font-weight:500}.round-winner{color:#69d6bb}.round-card dl{border-top:1px solid #28394d;margin:12px 0 0;padding-top:8px;font-size:11px}.round-card dl>div{display:flex;justify-content:space-between;gap:5px;margin-top:5px}.round-card dt{color:#a4b6ce}.round-card dd{margin:0;font-weight:600}.round-card dl>div:last-child dd{color:#70dabb}.round-card .winner-share{font-size:10px;color:#91a8c4;margin:8px 0 0;line-height:1.4}.rounds-pagination{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a9bdd6}.rounds-pagination button{width:32px;height:32px;border:1px solid #2d415e;border-radius:10px;background:#19283e;font-size:24px}.rounds-pagination button:disabled{opacity:.3}
@media(min-width:701px) and (max-width:1150px){.game-layout .choice-heading{flex-basis:110px}.game-layout .choice-heading h1{font-size:15px}.game-layout .winner-strip{gap:8px;padding:0 10px}.game-layout .winner-strip>span{display:none}.game-layout .choice-row{gap:12px}.game-layout .bet-panel{padding:12px}.game-layout .planet-art{height:56px}}
@media(max-width:700px){.game-layout{display:flex;flex-direction:column}.rounds-pane{order:4;position:static;height:480px;width:100%;border-radius:14px}.game-layout>.winner-strip{order:1}.game-layout>.universe{order:2}.game-layout>.bet-panel{order:3}.round-planet-counts{font-size:13px}.round-card h3{font-size:14px}}

/* Match Stock Crash typography and compact history styling. */
:root{font-family:'DM Sans',sans-serif;--winner-cyan:#39d8ed}
#clock,.choice-heading h1{font-family:'DM Sans',sans-serif;text-shadow:none}
.brand{font-family:'Manrope',sans-serif}
.game-layout{grid-template-columns:200px minmax(0,1fr)}
.rounds-pane{padding:13px 9px;gap:10px}.rounds-pane h2{font-size:17px}.round-card{padding:11px 9px}.round-planet-counts{gap:8px 9px;font-size:10px}.round-card dl{font-size:10px}.round-card .winner-share{font-size:9px}
.round-winner,.round-card dl>div:last-child dd{color:var(--winner-cyan)}
.planet-card.winning{border-color:var(--winner-cyan);box-shadow:0 0 18px #39d8ed44}
.win-notice b{color:var(--winner-cyan)}
/* Font assignments for each game panel. */
.rounds-pane{font-family:'Manrope',sans-serif}
#roundHud,#clock,.header-actions,#openHistory,.choice-row,.choice-heading h1{font-family:'DM Sans',sans-serif}

/* Full-width selection footer; history uses complete, paginated cards. */
.game-layout{margin-top:12px;min-height:calc(100svh - 54px)}
.game-layout>.bet-panel{grid-column:1 / -1;grid-row:3}
.rounds-pane{grid-row:1 / 3;height:100%;max-height:100%;min-height:0;position:relative;overflow:hidden}
#roundCards{overflow:hidden;flex:1 1 0}
.round-card{height:142px;min-height:142px;max-height:142px}
.rounds-pagination{flex-shrink:0}
@media(min-width:701px){.game-layout{height:calc(100svh - 54px);grid-template-rows:42px minmax(300px,1fr) auto}.game-layout>.universe>img{height:100%;min-height:0;position:absolute;inset:0}}
@media(max-width:700px){.rounds-pane{height:480px;max-height:480px;min-height:480px;flex:none}}

/* Framed demo artwork with breathing room around the scene. */
.game-layout>.winner-strip{background:transparent;border:0;box-shadow:none}
.game-layout>.universe{margin:10px 12px 12px;border:1px solid #35465f;border-radius:22px;box-shadow:0 0 0 1px #ffffff05;min-width:0}
.demo-mode-banner{position:absolute;inset:0 0 auto;height:17px;display:flex;align-items:center;justify-content:center;background:#ffeb38;color:#242615;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;z-index:12}
.universe .round-hud{top:29px}
.universe .win-notice{top:103px}
@media(max-width:700px){.game-layout>.universe{margin:10px 10px 12px;border-radius:18px}}

/* Match the artwork's outer spacing without narrowing history cards. */
@media(min-width:701px){
 .game-layout{grid-template-columns:274px minmax(0,1fr)}
 .rounds-pane{margin:10px 12px 12px;height:auto;max-height:none;align-self:stretch}
}
@media(max-width:700px){.rounds-pane{margin:10px 10px 12px;width:calc(100% - 20px)}}

/* Stable scoreboard dimensions as the timer and totals change. */
#roundHud{display:grid;grid-template-columns:42px minmax(0,1fr) 112px;width:336px;max-width:calc(100% - 24px);height:54px;gap:12px;padding:8px 12px;font-variant-numeric:tabular-nums}
#roundHud #clock{text-align:center;padding:0;white-space:nowrap}
#roundHud #pot{white-space:nowrap;font-size:15px}
#roundHud .participation{min-width:0;padding-left:12px;white-space:nowrap}
@media(max-width:400px){#roundHud{grid-template-columns:28px minmax(0,1fr) 100px;gap:7px;padding:8px}#roundHud #pot,#roundHud #pot:before{font-size:12px}#roundHud .participation{padding-left:7px}}

/* Countdown stays centered on the sun, independently of its rotation. */
.universe>#clock{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:11;display:grid;place-items:center;width:64px;height:64px;padding:0;background:none;border:0;box-shadow:none;color:#fff;font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:none;pointer-events:none}
#roundHud{grid-template-columns:minmax(0,1fr) 112px;width:282px}
@media(max-width:400px){#roundHud{grid-template-columns:minmax(0,1fr) 100px;width:258px}}

/* Strong contrast over the bright sun without a glow or shadow. */
.universe>#clock{font-size:clamp(34px,4.2vw,54px);font-weight:800;color:#fff;text-shadow:none;-webkit-text-stroke:1.25px #773609;paint-order:stroke fill}

.header-brand{display:flex;align-items:center;gap:10px;min-width:0}
.back-button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;color:#b7c7dd;background:transparent}
.back-button:hover{background:#19283e;border-color:#354963;color:#fff}


/* Local demo chat drawer. */
#openChat{display:grid;place-items:center}
.game-chat{position:fixed;right:14px;top:54px;bottom:14px;width:320px;max-width:calc(100vw - 28px);z-index:40;display:flex;flex-direction:column;background:#101c30;border:1px solid #3b5273;border-radius:18px;box-shadow:0 18px 65px #0009;overflow:hidden;font-family:'DM Sans',sans-serif}
.game-chat>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #2c405d}
.game-chat h2{margin:0 0 4px;font-size:19px}.game-chat small{font-size:10px;color:#9eb3ce}
#closeChat{background:transparent;border:0;font-size:25px;color:#bdcce0;width:30px;height:30px}
#chatMessages{flex:1;min-height:0;overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#3b5273 transparent}
.chat-message{padding:10px 12px;background:#192b46;border-radius:12px;margin-bottom:12px;overflow-wrap:anywhere}.chat-message b{font-size:11px;color:#74dbee}.chat-message p{font-size:13px;line-height:1.5;margin:5px 0 0;color:#e9f0fb}.chat-message.own{background:#263e61;margin-left:25px}.chat-message.own b{color:#ffdd77}
#chatForm{border-top:1px solid #2c405d;padding:14px}.chat-input-label{display:block;font-size:11px;color:#aec2dd;margin-bottom:7px}#chatForm>div{display:flex;gap:7px;margin-bottom:8px}#chatInput{width:0;flex:1;background:#09162a;border:1px solid #3b5273;border-radius:10px;padding:11px;color:#fff;font:inherit;font-size:13px}#chatForm button{width:40px;border:1px solid #698cb9;border-radius:10px;background:#2b496f;color:white}

/* Keep the orbital plane proportional at every viewport size. */
.game-layout>.universe{container-type:size}
.game-layout>.universe>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;mask-image:none}
.living-system{width:min(90cqw,145cqh,1050px);height:auto;aspect-ratio:1.9;top:57%}
.universe>#clock{top:57%}
@media(max-width:700px){
 .game-layout>.universe{height:clamp(340px,55svh,500px);flex:none}
 .living-system{width:90%;aspect-ratio:1.55;top:58%}
 .living-sun{width:19.712%}
 .sun-halo{width:36%;background:radial-gradient(circle,#ffcf6999 20%,#ffae0055 42%,#ff8c0020 56%,transparent 72%)}
 .universe>#clock{top:58%;font-size:28px;width:48px;height:48px}
 .topbar{padding-inline:10px}
 .header-brand{gap:4px}
 .brand{font-size:19px;letter-spacing:3px}
 .header-actions{gap:5px}
 .wallet{padding-inline:2px;font-size:13px}
 .planet-card b{font-size:clamp(10px,3vw,12px)}
 .planet-choices{gap:6px}
}
@media(max-width:360px){.brand{font-size:17px;letter-spacing:2px}.header-actions{gap:3px}.back-button{width:24px}.winner-strip{padding-inline:10px;gap:6px}}

/* LUC-style recent rounds and complete winning-planet history. */
.history-tabs{display:flex;flex-shrink:0;background:#223149;border-radius:10px;padding:3px;gap:3px;margin-bottom:10px}
.history-tabs button{flex:1;border:0;background:none;border-radius:8px;padding:5px 8px;font:10px/14px 'DM Sans',sans-serif;color:#e5edf9}
.history-tabs button[aria-selected=true]{background:#41638f;font-weight:500}
.rounds-pane>#roundCards,.rounds-pane>#sidebarPlanetHistory{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
#roundCards::-webkit-scrollbar,#sidebarPlanetHistory::-webkit-scrollbar{display:none}
#roundCards .round-card{flex-shrink:0}
#sidebarPlanetHistory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:2px}
#sidebarPlanetHistory .winner-chip{height:46px;min-width:0;padding:3px;justify-content:center;flex-wrap:wrap;gap:0}
#sidebarPlanetHistory .history-art{width:25px;height:25px;max-width:50%}
#sidebarPlanetHistory .history-art:only-child{max-width:100%;width:36px;height:32px}
.rounds-pane>.powered{display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-top:1px solid #26334e;margin-top:8px;padding:12px 4px;gap:6px;font:10px 'DM Sans',sans-serif;color:#8392a9}
.rounds-pane>.powered img{width:60px;height:auto}

dialog.luc-modal{box-sizing:border-box;width:600px;max-width:92vw;max-height:85dvh;padding:24px;border:1px solid #26334e;border-radius:22px;background:#111c30;color:#e9efff;font:14px 'DM Sans',sans-serif}
.luc-modal h2{font:700 24px 'DM Sans',sans-serif;margin:0 0 24px}.luc-modal p{color:#bcc8dc;margin:0 0 18px}
.luc-modal .luc-close{float:right;width:38px;height:38px;border-radius:50%;padding:0;background:#29384f;border:1px solid #41526e;font-size:20px;margin-top:-8px}
#tableSettings .setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #26334e;font-size:14px;min-height:52px}
.luc-modal .setting-row button{background:none;border:0;padding:0;font:inherit}.luc-modal a{color:inherit;text-decoration:none}
.luc-modal .switch-label{display:inline-flex;cursor:pointer}.luc-modal .switch-label input{appearance:none;width:36px;height:22px;border:0;border-radius:20px;background:#c6cfda;position:relative;margin:0;cursor:pointer;padding:0}
.luc-modal .switch-label input:before{content:'';position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:left .15s}
.luc-modal .switch-label input:checked{background:#21cba0}.luc-modal .switch-label input:checked:before{left:16px}
.luc-modal .avatar-picker{display:flex;gap:10px;flex-wrap:wrap}.luc-modal .avatar-picker button{font-size:32px;padding:10px;border-radius:14px;background:#29384f;border:1px solid #41526e}

.topbar{height:38px;min-height:38px;justify-content:flex-start;gap:8px;padding:0 12px;background:#111c30;border-bottom:1px solid #26334e;font-family:'DM Sans',sans-serif}
.topbar .brand{font-family:'Manrope',sans-serif;font-size:17px;letter-spacing:3px;font-weight:800;margin-right:6px;padding-bottom:3px;white-space:nowrap}
.topbar .brand span{font-size:13px}
.topbar .wallet{margin-left:auto;padding:0;white-space:nowrap;background:none;border:0}
.topbar .wallet b{font-size:13px;font-weight:400;letter-spacing:-.5px}
.alien-demo-badge{background:#29344e;color:#bdcce8;font-size:8px;padding:5px 7px;border-radius:5px;font-weight:700;letter-spacing:1px}
.topbar button{display:grid;place-items:center;width:25px;min-width:25px;height:25px;padding:0;border:1px solid #26334e;background:#18273e;border-radius:50%;font-size:16px}
#tableSettings{width:min(380px,calc(100vw - 32px))}
#tableSettings .setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #26334e;font-size:14px;min-height:52px}
.alien-no-animation .living-sun svg,.alien-no-animation .sun-halo{animation-play-state:paused!important}
@media(max-width:450px){.topbar{gap:5px;padding:0 6px}.topbar .brand{font-size:14px;letter-spacing:2px}}

/* Compact, non-interactive round history. */
.winner-strip #winnerHistory{width:100%;flex:1;min-width:0}
.winner-chip{cursor:default}
.rounds-pane>.powered{padding:5px 4px;margin-top:5px;min-height:0}
.round-card{min-height:0!important;padding:9px!important}
.round-planet-counts>div{display:flex;align-items:center;justify-content:space-between;gap:4px}
.round-planet-image{display:inline-flex;width:34px;height:29px;align-items:center;justify-content:center}
.round-planet-image svg{display:block;width:100%;height:100%}

#roundCards .round-card{height:auto;max-height:none;min-height:0}

#winnerHistory{justify-content:center}
#roundCards>.round-card:first-child{margin-top:auto}
#roundCards>.round-card:last-child{margin-bottom:auto}

.alien-footer{display:flex;align-items:center;gap:0;min-height:28px;padding:0 10px;background:#080f1e;border-top:1px solid #26334e;font-family:'DM Sans',sans-serif}
.alien-footer button{border:0;border-right:1px solid #26334e;border-radius:0;background:none;color:#c6d1e2;font:10px 'DM Sans',sans-serif;padding:5px 8px;white-space:nowrap}
.alien-footer button:hover{color:white;background:#18273e}
.alien-footer #openChat{margin-left:auto;border:0}
.personal-bet{padding:12px 0;border-bottom:1px solid #26334e;font-size:13px}
@media(min-width:701px){.game-layout{height:calc(100svh - 82px);min-height:calc(100svh - 82px)}}
@media(max-width:400px){.alien-footer{padding:0 3px}.alien-footer button{font-size:9px;padding:6px}}

.alien-footer #openChat{display:inline-flex;align-items:center;gap:6px}

#rules{background:#111c30}
#myBetsList{max-height:60vh;overflow:auto;scrollbar-width:none}
#myBetsList::-webkit-scrollbar{display:none}
#myBetsList table{width:100%;border-collapse:collapse;font-size:12px}
#myBetsList th,#myBetsList td{padding:10px 6px;text-align:left;border-bottom:1px solid #26334e}

.game-chat{top:auto;bottom:40px;height:420px;max-height:calc(100dvh - 94px)}

#chatInput:focus,#chatInput:focus-visible{outline:none;box-shadow:none;border-color:#7893b8}

/* Lift and illuminate winning choices during the result reveal. */
.planet-card.winning,.planet-card.winning:disabled{opacity:1;transform:translateY(-15px);border-color:#8df4ff;background:linear-gradient(135deg,#294967,#142c48);box-shadow:0 0 22px #39d8ed80,inset 0 0 18px #b8faff25;z-index:2}
.planet-card.winning .planet-art{filter:brightness(1.25) drop-shadow(0 0 9px #a2f5ff);transform:translateY(-5px)}
.planet-card.winning b{color:#fff;text-shadow:0 0 8px #b8faff80}

/* Muted red result treatment for losing planet choices. */
.planet-card.exploded,.planet-card.exploded:disabled{opacity:1;border-color:#9f5264;background:linear-gradient(135deg,#512b3d,#301d30);box-shadow:inset 0 0 18px #e45b6420}
.planet-card.exploded .planet-art{opacity:.65}
.planet-card.exploded b{color:#f0c5cb}

/* Enlarge the winning artwork without changing its orbital position. */
.orbiting-planet>svg{transform-origin:center;transition:transform .45s ease,filter .45s ease}
.orbiting-planet.artwork-winner{z-index:8!important}
.orbiting-planet.artwork-winner>svg{transform:scale(var(--winner-scale,1.8));filter:brightness(1.2) drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #70eaff)}
@media(prefers-reduced-motion:reduce){.orbiting-planet>svg{transition:none}}

/* Sun countdown typography. */
.universe>#clock{font-family:'Manrope',sans-serif;color:#fff;text-shadow:none;-webkit-text-stroke:0;animation:countdown-pulse 1s ease-in-out infinite}

/* Keep only winning planets visible during the round reveal. */
.orbiting-planet{transition:opacity .16s ease}
.orbiting-planet.artwork-loser{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.orbiting-planet{transition:none}}

/* A short local explosion at the losing planet's reveal position. */
.planet-burst{position:absolute;width:0;height:0;z-index:10;pointer-events:none}
.planet-burst .burst-ring{position:absolute;width:var(--burst-size);height:var(--burst-size);border:2px solid #ffda8d;border-radius:50%;background:radial-gradient(circle,#fff3bd99 0%,#ff9f4533 35%,transparent 65%);box-shadow:0 0 12px #ffad58;animation:planet-shockwave .65s ease-out both}
.planet-burst i{position:absolute;width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:var(--spark-color);box-shadow:0 0 6px var(--spark-color);animation:planet-spark .9s cubic-bezier(.12,.5,.3,1) both}
@keyframes planet-shockwave{0%{transform:translate(-50%,-50%) scale(.08);opacity:1}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
@keyframes planet-spark{0%{transform:translate(-50%,-50%) scale(1.3);opacity:1}70%{opacity:.85}100%{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}

@keyframes countdown-pulse{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.12)}
}
@media(prefers-reduced-motion:reduce){.universe>#clock{animation:none}}
.alien-no-animation .universe>#clock{animation:none}

/* Keep the countdown centered along the bottom of the artwork. */
.universe>#clock{top:auto;bottom:12px;left:50%;transform:translateX(-50%);animation-name:countdown-bottom-pulse}
@keyframes countdown-bottom-pulse{
  0%,100%{transform:translateX(-50%) scale(1)}
  50%{transform:translateX(-50%) scale(1.12)}
}
@media(prefers-reduced-motion:reduce){.universe>#clock{animation:none}}
.alien-no-animation .universe>#clock{animation:none}

/* Circular countdown with a remaining-time ring. */
.universe>#clock{width:64px;height:64px;border-radius:50%;font-size:30px;background:rgba(9,19,36,.8);--timer-progress:100%;isolation:isolate}
.universe>#clock::before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(#fff var(--timer-progress),#ffffff26 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media(max-width:600px){.universe>#clock{width:50px;height:50px;font-size:24px;bottom:10px}}

/* Molten surface flows independently of the sun's slow breathing. */
.living-sun{animation:sun-heartbeat 3.6s ease-in-out infinite}
.living-sun svg{animation:solar-turn 65s linear infinite}
@keyframes sun-heartbeat{
  0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 14px #ff9d00)}
  50%{transform:translate(-50%,-50%) scale(1.065);filter:drop-shadow(0 0 23px #ffb52e) brightness(1.08)}
}
/* A clean instrument-style timer with a fine progress ring. */
.universe>#clock{width:66px;height:66px;font-size:28px;font-weight:700;line-height:1;padding-bottom:9px;border:1px solid #9cc8ef40;background:radial-gradient(circle at 35% 20%,#243b55,#0a1526 75%);box-shadow:inset 0 1px 0 #ffffff30,0 3px 12px #0005;animation-duration:2s}
.universe>#clock::before{inset:4px;padding:2px;background:conic-gradient(#a9eaff var(--timer-progress),#ffffff12 0)}
.universe>#clock::after{content:'SEC';position:absolute;bottom:13px;left:0;right:0;text-align:center;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#a7bdd3}
@media(max-width:600px){.universe>#clock{width:56px;height:56px;font-size:24px}.universe>#clock::after{bottom:10px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.living-sun,.living-sun svg,.sun-halo,.universe>#clock{animation:none}}
.alien-no-animation .living-sun{animation-play-state:paused!important}

/* White countdown bar along the bottom of the artwork. */
.universe>#clock{top:auto;bottom:16px;left:24px;right:24px;width:auto;height:4px;display:block;padding:0;border:0;border-radius:999px;background:#ffffff18;box-shadow:none;transform:none;animation:none;font-size:0;overflow:hidden;--timer-progress:100%}
.universe>#clock::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--timer-progress);height:100%;padding:0;border-radius:999px;background:#fff;-webkit-mask:none;mask:none;transition:width 50ms linear}
.universe>#clock::after{content:none}
@media(max-width:600px){.universe>#clock{left:16px;right:16px;bottom:12px;height:4px;width:auto}}

/* Final two seconds: red countdown warning. */
.universe>#clock.timer-urgent::before{background:#ff454f;animation:timer-warning .6s ease-in-out infinite}
@keyframes timer-warning{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.universe>#clock.timer-urgent::before{animation:none}}

/* Scattered stars brighten at independent, gentle intervals. */
.artwork-twinkles{position:absolute;inset:24px 0 0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.artwork-twinkles span{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#f2f7ff;box-shadow:0 0 5px 1px #c4e3ff,0 0 12px 2px #8bc5ff80;opacity:.15;animation:artwork-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}
@keyframes artwork-twinkle{0%,60%,100%{opacity:.12;transform:scale(.7)}78%{opacity:1;transform:scale(1.4)}90%{opacity:.35;transform:scale(.9)}}
.alien-no-animation .artwork-twinkles span{animation:none;opacity:.25}
@media(prefers-reduced-motion:reduce){.artwork-twinkles span{animation:none;opacity:.25}}

/* One brief shooting star, with a quiet pause between passes. */
.artwork-shooting-star{position:absolute;left:15%;top:22%;z-index:1;width:90px;height:2px;border-radius:999px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#d4eaff 75%,#fff);filter:drop-shadow(0 0 4px #b9dcff);transform:rotate(32deg);animation:shooting-star-pass 16s linear 5s infinite}
@keyframes shooting-star-pass{0%{opacity:0;transform:translate(0,0) rotate(32deg)}1%{opacity:1}7%{opacity:1}9%{opacity:0;transform:translate(260px,163px) rotate(32deg)}100%{opacity:0;transform:translate(260px,163px) rotate(32deg)}}
.alien-no-animation .artwork-shooting-star{display:none}
@media(prefers-reduced-motion:reduce){.artwork-shooting-star{display:none}}

.round-planet-counts .round-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}
.round-winner-payout{white-space:nowrap;font-size:10px}
.round-planet-image{flex-shrink:0}

#sidebarPlanetHistory .winner-chip{height:64px;align-content:center;row-gap:4px}
#sidebarPlanetHistory .history-payout{flex-basis:100%;text-align:center;font-size:11px;font-weight:600;line-height:16px;color:#d9f6ff;font-variant-numeric:tabular-nums}
#sidebarPlanetHistory .history-art:first-child:nth-last-child(2){max-width:100%;width:36px;height:32px}

/* Animate the fill on its own layer instead of resizing it on every game tick. */
.universe>#clock::before{content:none;animation:none}
.timer-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform-origin:left center;will-change:transform}
.universe>#clock.timer-urgent .timer-fill{background:#ff454f;animation:timer-warning .6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.universe>#clock.timer-urgent .timer-fill{animation:none}}

/* Highlight winning selections in the recent round cards. */
.round-planet-counts>div.round-winner{border-radius:8px;background:rgba(57,220,239,.12);outline:1px solid rgba(57,220,239,.65);outline-offset:2px;box-shadow:0 0 10px rgba(57,220,239,.1)}