*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.container{max-width:1200px;margin:0 auto;padding:20px}.mobile-container{max-width:480px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.card{background:#ffffff1a;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.btn{display:inline-block;padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-block{display:block;width:100%}.input{width:100%;padding:14px 18px;font-size:16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;outline:none;transition:border-color .3s ease}.input:focus{border-color:#667eea}.input::placeholder{color:#ffffff80}h1,h2,h3{margin-bottom:16px}.text-center{text-align:center}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0000004d}.game-id{font-size:24px;font-weight:700;color:#667eea}.player-count{font-size:18px;color:#38ef7d}.racing-scene-cn{flex:1;position:relative;overflow:hidden}.cn-background{position:absolute;top:0;left:0;right:0;bottom:0}.cn-sky{position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,#ffb6c1,pink,#ffe4e1 40%,#ffefd5,#fff8dc)}.cn-palace{position:absolute;top:15%;left:0;right:0;height:25%;background:linear-gradient(90deg,transparent 5%,#8B0000 5.5%,#8B0000 6%,transparent 6.5%),linear-gradient(90deg,transparent 15%,#CD5C5C 15.5%,#CD5C5C 17%,transparent 17.5%),linear-gradient(90deg,transparent 45%,#B22222 45.5%,#B22222 54.5%,transparent 55%),linear-gradient(90deg,transparent 83%,#CD5C5C 83.5%,#CD5C5C 85%,transparent 85.5%),linear-gradient(90deg,transparent 94%,#8B0000 94.5%,#8B0000 95%,transparent 95.5%);opacity:.6}.cn-palace:before{content:"🏯";position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:80px;opacity:.4}.cn-ground{position:absolute;top:35%;left:0;right:0;bottom:0;background:linear-gradient(180deg,#deb887,tan,#c4a76c 60%,#b8956e)}.race-field{position:absolute;top:15%;left:0;right:0;bottom:0;z-index:50}.running-horse{position:absolute;display:flex;flex-direction:column;align-items:center;transition:left .15s ease-out,top .1s ease-out;cursor:default}.horse-tag{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;color:#000;white-space:nowrap;margin-bottom:4px;box-shadow:0 2px 10px #0000004d;border:2px solid rgba(255,255,255,.8);background:gold}.horse-sprite{font-size:50px;animation:horseRun .25s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}@keyframes horseRun{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.finish-line-marker{position:absolute;right:8%;top:15%;bottom:5%;width:6px;background:repeating-linear-gradient(180deg,#fff,#fff 15px,#000 15px,#000 30px);z-index:40;opacity:.8}.race-hud{position:absolute;top:0;left:0;right:0;padding:12px 24px;background:linear-gradient(180deg,rgba(35,35,45,.95) 0%,rgba(35,35,45,.7) 70%,transparent 100%);display:flex;justify-content:space-between;align-items:center;z-index:200}.hud-timer{display:flex;align-items:center;gap:8px}.timer-icon{font-size:28px}.timer-value{font-size:36px;font-weight:700;color:#e9d5ab;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hud-title{font-size:32px;font-weight:700;color:#f3d3b0;text-shadow:2px 2px 4px rgba(0,0,0,.5);background-image:linear-gradient(180deg,#ffca91 20%,#fffbbb 40%,#fffee6 50%,#ffffbf 55%,#ffb781 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hud-players{font-size:18px;color:#e9d5ab;background:#23232db3;padding:6px 16px;border-radius:20px}.race-leaderboard{position:absolute;bottom:20px;left:20px;background:#23232de6;border-radius:8px;padding:12px 16px;min-width:200px;z-index:200;border:1px solid rgba(233,213,171,.3)}.lb-title{font-size:16px;font-weight:700;color:#f3d3b0;text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(233,213,171,.2);background-image:linear-gradient(180deg,#ffffbf 10%,#ffff73,#fff,#ffff73 70%,#cd983a 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lb-item{display:flex;align-items:center;padding:6px 8px;margin-bottom:4px;background:#ffffff1a;border-radius:6px}.lb-item.lb-gold{background:#ffd7004d}.lb-item.lb-silver{background:#c0c0c04d}.lb-item.lb-bronze{background:#cd7f324d}.lb-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:#0000004d;border-radius:50%;margin-right:10px}.lb-item.lb-gold .lb-rank{background:gold;color:#000}.lb-item.lb-silver .lb-rank{background:silver;color:#000}.lb-item.lb-bronze .lb-rank{background:#cd7f32}.lb-name{flex:1;font-size:14px;color:#e9d5ab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-dist{font-size:12px;color:#7cfc00;font-weight:700}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.countdown-number{font-size:200px;font-weight:700;color:#667eea;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.results-container{padding:40px}.result-item{display:flex;align-items:center;padding:16px 24px;margin-bottom:12px;background:#ffffff1a;border-radius:12px}.result-item.gold{background:linear-gradient(135deg,#ffd7004d,#ffc10733);border:2px solid gold}.result-item.silver{background:linear-gradient(135deg,#c0c0c04d,#a9a9a933);border:2px solid silver}.result-item.bronze{background:linear-gradient(135deg,#cd7f324d,#b8733333);border:2px solid #cd7f32}.result-rank{font-size:32px;font-weight:700;width:60px;text-align:center}.result-name{flex:1;font-size:20px;font-weight:600}.result-distance{font-size:18px;color:#38ef7d}.shake-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.shake-icon{font-size:100px;margin-bottom:20px;animation:shake .5s infinite}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.shake-ready{color:#38ef7d}.shake-intensity{font-size:48px;font-weight:700;color:#667eea}.status-bar{padding:16px;text-align:center;background:#0000004d;border-radius:12px}.timer{font-size:64px;font-weight:700;color:#f45c43}.my-distance{font-size:36px;color:#38ef7d}.qr-container{background:#fff;padding:20px;border-radius:16px;display:inline-block}.qr-container img{display:block}.control-panel{display:flex;gap:16px;padding:20px 40px;background:#0000004d;flex-wrap:wrap;justify-content:center}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.player-card{background:#ffffff1a;padding:12px;border-radius:8px;text-align:center}.player-card.ready{border:2px solid #38ef7d}@media (max-width: 768px){.screen-header{flex-direction:column;gap:10px}.control-panel{flex-direction:column}.track-row{flex-direction:column;align-items:flex-start;gap:8px}.track{width:100%;margin:0}.player-name,.distance{width:auto}}.myFont{position:relative;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.myFont.golden{background-image:linear-gradient(180deg,#ffca91 20%,#fffbbb 40%,#fffee6 50%,#ffffbf 55%,#ffb781 80%)}.myFont.golden:after{background:none;content:attr(data-text);left:0;top:0;z-index:-1;width:100%;position:absolute;text-shadow:-1px 0 1px #d5532b,0 1px 1px #d5532b,5px 5px 10px rgba(0,0,0,.2),-5px -5px 10px rgba(0,0,0,.2)}.myFont.golden_yellow{background-image:linear-gradient(180deg,#ffffbf 10%,#ffff73,#fff,#ffff73 70%,#cd983a 80%)}@keyframes ani-zoom{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ani-fade-in{0%{opacity:1;transform:scale(.2)}25%{opacity:1;transform:scale(1.5)}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes ani-move-up{0%{opacity:0;transform:translateY(120px)}33%{opacity:1;transform:translateY(0)}66%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ani-circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hd-game-btn{min-width:70px;max-width:80px;width:80px;height:62px;background-color:#23232db3;border-radius:.3em;text-align:center;color:#f4d4b0;cursor:pointer;display:flex;margin-right:5px;justify-content:center;align-items:center;flex-flow:column nowrap;transition:all .5s}.hd-game-btn:hover{background-color:#c9c9c94d}.bullet-box{display:flex;align-items:center;position:absolute;border:0;border-radius:30px;text-align:center;background:#0009;box-shadow:0 0 6px 1px #000000b3}.bullet-box .bullet-name{margin-right:15px;margin-left:5px;font-size:18px;white-space:nowrap;color:#73dcff}.bullet-box .bullet-msg{font-size:16px;margin:2px;color:#fff;white-space:nowrap}@keyframes pulse-fba4940c{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}