@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;min-height:100vh;color:#fff;overflow-x:hidden}.app{min-height:100vh;padding:30px}.title{text-align:center;font-size:4rem;font-weight:900;margin-bottom:40px;letter-spacing:-2px;background:linear-gradient(90deg,#888,#888 40%,#fff,#888 60%,#888);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;animation:title-shimmer 6s linear infinite}@keyframes title-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.error-toast{position:fixed;top:30px;left:50%;transform:translate(-50%);background:#ff3b3b;padding:16px 32px;border-radius:16px;font-weight:600;z-index:1000;box-shadow:0 10px 40px #ff3b3b66}.btn{padding:16px 32px;font-size:1rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background:#fff;color:#0a0a0a}.btn-primary:hover{box-shadow:0 10px 40px #ffffff4d}.btn-success{background:linear-gradient(135deg,#00f260,#0575e6);color:#fff}.btn-success:hover{box-shadow:0 10px 40px #00f26066}.btn-danger{background:#ff3b3b;color:#fff}.btn-danger:hover{box-shadow:0 10px 40px #ff3b3b66}.btn-warning{background:linear-gradient(135deg,#f7971e,#ffd200);color:#0a0a0a}.btn-warning:hover{box-shadow:0 10px 40px #ffd20066}.btn-large{padding:24px 80px;font-size:1.5rem;border-radius:20px}.btn-small{padding:12px 20px;font-size:.85rem}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.lobby{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:600px;margin:0 auto}.lobby input{padding:20px 28px;font-size:1.2rem;font-weight:600;border:3px solid #333;border-radius:16px;width:100%;max-width:400px;background:#111;color:#fff;outline:none;transition:border-color .2s}.lobby input:focus{border-color:#fff}.lobby input::placeholder{color:#555}.lobby-buttons{display:flex;gap:16px}.join-form{display:flex;gap:12px;align-items:center}.join-form input{width:160px;padding:16px 20px;font-size:1rem}.room-list{margin-top:60px;width:100%}.room-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.5rem;font-weight:700}.refresh-btn{padding:10px 20px;background:#222;border:2px solid #333;border-radius:12px;color:#888;cursor:pointer;font-weight:600;transition:all .2s}.refresh-btn:hover{background:#333;color:#fff}.no-rooms{text-align:center;color:#444;padding:60px;background:#111;border-radius:20px;font-size:1.1rem;border:2px solid #222}.rooms{display:flex;flex-direction:column;gap:12px}.room-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#111;border:2px solid #222;border-radius:16px;transition:all .2s}.room-item:hover{border-color:#444;background:#181818}.room-info{display:flex;align-items:center;gap:16px}.room-host{font-weight:700;font-size:1.1rem}.room-code-small{color:#555;font-weight:600;font-family:monospace}.room-players{background:#222;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.room-status{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase}.room-status.waiting{background:#00f26033;color:#00f260}.room-status.racing{background:#ffd20033;color:#ffd200}.room-status.finished{background:#ffffff1a;color:#666}.game-room{display:flex;flex-direction:column;gap:24px}.room-header{display:flex;justify-content:center;align-items:center;background:#111;padding:20px 30px;border-radius:20px;border:2px solid #222}.player-balance-display{font-size:1.5rem;font-weight:700}.player-balance-display span{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:10px}.room-code{font-size:1.3rem;font-weight:700}.room-code span{background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:monospace;font-size:1.5rem}.players-list{display:flex;gap:12px;flex-wrap:wrap}.player-badge{background:#222;padding:10px 18px;border-radius:12px;font-weight:600;border:2px solid #333}.player-badge.host{background:linear-gradient(135deg,#f7971e,#ffd200);color:#0a0a0a;border:none}.game-content{display:flex;flex-direction:column;gap:24px}.main-area{display:grid;grid-template-columns:1fr 320px;gap:24px}.race-track{background:linear-gradient(180deg,#0d0d0d,#1a1a1a);border-radius:24px;padding:30px;border:2px solid #2a2a2a;box-shadow:0 20px 60px #00000080}.track-header{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:30px}.track-title{font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.live-badge{background:#ff3b3b;color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:1px;animation:live-pulse 1s infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 20px #ff3b3b99}50%{opacity:.8;box-shadow:0 0 10px #ff3b3b4d}}.track{display:flex;flex-direction:column;gap:12px}.lane{display:flex;align-items:center;gap:12px;height:65px;transition:all .3s}.animal-info{width:90px;display:flex;align-items:center;gap:8px;font-weight:700}.rank-badge{background:#333;color:#888;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:800}.lane.leading .rank-badge{background:linear-gradient(135deg,#f7971e,#ffd200);color:#000}.animal-avatar{display:flex;align-items:center}.lane-track{flex:1;height:55px;background:linear-gradient(180deg,#1e1e1e,#141414);border-radius:30px;position:relative;overflow:hidden;border:2px solid #2a2a2a}.track-scroll{position:absolute;top:0;left:20px;right:0;height:100%;transition:transform .2s ease-out}.track-lines{position:absolute;top:0;left:0;width:100%;height:100%}.track-line{position:absolute;top:15%;height:70%;width:2px;background:#2a2a2a}.track-line:nth-child(5n){background:#3a3a3a;width:3px}.finish-marker{position:absolute;top:0;height:100%;transform:translate(-50%);z-index:5}.finish-pattern{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(4,1fr);height:100%;border-left:3px solid #00f260;border-right:3px solid #00f260}.checker{width:8px}.checker.white{background:#fff}.checker.black{background:#000}.animal-runner{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:10;transition:left .15s linear}.runner-shadow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:30px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);border-radius:50%}.runner-body{position:relative;display:flex;align-items:center}.animal-runner.running .runner-body{animation:running-bounce .2s infinite}.animal-runner.running .runner-shadow{animation:shadow-pulse .2s infinite}@keyframes running-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes shadow-pulse{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(.7);opacity:.3}}.animal-runner.leading .runner-emoji{filter:drop-shadow(0 0 15px rgba(255,210,0,.8))}.animal-runner.leading:before{content:"👑";position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:1rem;animation:crown-bounce .5s infinite}@keyframes crown-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.dust-particles{position:absolute;left:-10px;top:50%;transform:translateY(-50%)}.dust-particles span{position:absolute;width:6px;height:6px;background:#555;border-radius:50%;animation:dust .4s infinite}.dust-particles span:nth-child(1){animation-delay:0s;top:-5px}.dust-particles span:nth-child(2){animation-delay:.1s;top:0}.dust-particles span:nth-child(3){animation-delay:.2s;top:5px}@keyframes dust{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px) scale(.3)}}.race-progress{margin-top:25px;position:relative}.progress-track{height:40px;background:#181818;border-radius:20px;position:relative;overflow:hidden;border:2px solid #2a2a2a}.progress-bar{height:100%;background:linear-gradient(90deg,#00f260,#0575e6);border-radius:20px;transition:width .1s linear;position:relative;overflow:hidden}.progress-glow{position:absolute;right:0;top:0;bottom:0;width:50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 20px 20px 0}.progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.2rem;transition:left .1s linear;z-index:5}.progress-text{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.9rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:10}.betting-board{background:#111;border-radius:24px;padding:24px;border:2px solid #222;height:fit-content}.board-title{text-align:center;font-size:1.3rem;font-weight:800;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #222;text-transform:uppercase;letter-spacing:1px}.bet-entries{display:flex;flex-direction:column;gap:12px}.bet-entry{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#181818;border-radius:14px;border:2px solid #252525}.bet-animal{display:flex;align-items:center;gap:10px;font-weight:600}.bet-animal span:last-child{background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.bet-amount{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bet-players{font-size:.75rem;color:#555;margin-top:4px}.betting-panel{background:#111;border-radius:24px;padding:30px;border:2px solid #222}.panel-title{text-align:center;margin-bottom:20px;font-size:1.5rem;font-weight:800;text-transform:uppercase}.my-balance{text-align:center;margin-bottom:24px;font-size:1.2rem;font-weight:600}.my-balance span{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animal-select{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.animal-option{padding:16px 20px;background:#181818;border:3px solid #333;border-radius:16px;cursor:pointer;transition:all .2s;text-align:center;min-width:100px}.animal-option:hover{border-color:#555;background:#222}.animal-option.selected{border-color:#00f260;background:#00f2601a}.animal-option .emoji{font-size:2.5rem;display:block;margin-bottom:8px}.animal-option .name{font-weight:700;margin-bottom:4px}.animal-option .odds{font-size:.9rem;font-weight:800;background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bet-amount-input{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:20px}.bet-amount-input input{width:150px;padding:16px;font-size:1.2rem;font-weight:700;border:3px solid #333;border-radius:12px;background:#181818;color:#fff;text-align:center;outline:none}.bet-amount-input input:focus{border-color:#00f260}.bet-amount-input span{font-weight:700;color:#666}.quick-bet{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.quick-bet button{padding:12px 20px;background:#222;border:2px solid #333;border-radius:10px;color:#888;cursor:pointer;font-weight:700;transition:all .2s}.quick-bet button:hover{background:#333;color:#fff;border-color:#444}.bet-actions{display:flex;justify-content:center;gap:16px}.current-bet{text-align:center;margin-top:20px;padding:16px;background:#00f2601a;border:2px solid rgba(0,242,96,.3);border-radius:14px;font-weight:600}.host-controls{display:flex;justify-content:center;gap:20px;margin-top:30px}.status-message{text-align:center;padding:30px;font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.racing-status{animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100}.results-modal.compact{background:linear-gradient(180deg,#1a1a1a,#111);padding:36px 44px;border-radius:28px;text-align:center;border:2px solid #333;box-shadow:0 25px 80px #000c;max-width:420px;width:90%}.winner-highlight{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px;padding:30px;background:radial-gradient(ellipse at center,rgba(255,210,0,.15) 0%,transparent 70%);border-radius:20px}.winner-row{display:flex;align-items:center;justify-content:center;gap:16px}.winner-row .winner-icon-large{display:flex;align-items:center;justify-content:center}.winner-row .winner-name-large{display:flex;align-items:center;line-height:1}.result-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.winner-emoji-small{font-size:4rem;filter:drop-shadow(0 5px 15px rgba(255,210,0,.4))}.winner-info{text-align:center}.winner-label{display:inline-block;font-size:1.4rem;color:#fff;font-weight:900;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(135deg,#ffd200,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:8px 24px;border:2px solid rgba(255,210,0,.6);border-radius:30px;box-shadow:0 0 20px #ffd20066}.winner-name-small{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rankings-row{display:flex;justify-content:center;gap:10px;margin-bottom:24px;padding:16px;background:#0000004d;border-radius:16px}.rank-item{display:flex;flex-direction:column;align-items:center;padding:12px 14px;background:#222;border-radius:12px;min-width:60px;border:1px solid #333;transition:transform .2s}.rank-item:hover{transform:translateY(-2px)}.rank-item.rank-1{background:linear-gradient(180deg,#ffd20040,#ffd20014);border:2px solid rgba(255,210,0,.5)}.rank-item.rank-2{background:linear-gradient(180deg,#c0c0c033,#c0c0c014);border:1px solid rgba(192,192,192,.4)}.rank-item.rank-3{background:linear-gradient(180deg,#cd7f3233,#cd7f3214);border:1px solid rgba(205,127,50,.4)}.rank-num{font-size:.7rem;font-weight:800;color:#888;margin-bottom:2px}.rank-item.rank-1 .rank-num{color:#ffd200}.rank-item.rank-2 .rank-num{color:#e0e0e0}.rank-item.rank-3 .rank-num{color:#cd7f32}.rank-emoji{font-size:1.5rem}.result-box{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-radius:14px;margin-bottom:20px}.result-box.win{background:linear-gradient(135deg,#00f26026,#0575e626);border:2px solid rgba(0,242,96,.3)}.result-box.lose{background:#ff3b3b1a;border:2px solid rgba(255,59,59,.2)}.result-label{font-size:1rem;font-weight:800}.result-box.win .result-label{color:#00f260}.result-box.lose .result-label{color:#ff6b6b}.result-coins{font-size:1.4rem;font-weight:900}.result-box.win .result-coins{background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-box.lose .result-coins{color:#ff6b6b}.result-bal{font-size:.8rem;color:#666;font-weight:600}.new-race-btn-compact{width:100%;padding:14px}.lottie-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.lottie-fireworks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90;opacity:.7}.lottie-trophy{margin:0 auto 10px}.lottie-coins,.lottie-waiting{display:inline-block}.lottie-crying{position:fixed;bottom:20px;left:20px;z-index:200;pointer-events:none}.trophy-container{display:flex;justify-content:center;margin-bottom:-20px}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-content{text-align:center;position:relative}.countdown-number{font-size:15rem;font-weight:900;background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdown-pop 1s ease-out;line-height:1}.countdown-go{font-size:10rem;font-weight:900;background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:go-zoom .5s ease-out}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes go-zoom{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.countdown-lottie{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;z-index:-1}.waiting-host{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;color:#888;font-size:1.1rem;font-weight:600}.racing-indicator{display:flex;align-items:center;justify-content:center;gap:15px;padding:25px;font-size:1.5rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:3px}.racing-pulse{width:15px;height:15px;background:#ff3b3b;border-radius:50%;animation:racing-pulse-anim 1s infinite}@keyframes racing-pulse-anim{0%,to{transform:scale(1);box-shadow:0 0 #ff3b3bb3}50%{transform:scale(1.1);box-shadow:0 0 0 15px #ff3b3b00}}.player-balance{margin-left:8px;padding:2px 8px;background:#00f26033;border-radius:8px;font-size:.75rem;color:#00f260}.player-badge.host .player-balance{background:#0003;color:#000}.start-btn{display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:btn-shine 3s infinite}@keyframes btn-shine{0%{left:-50%}to{left:150%}}.btn-icon{font-size:1.5rem}.result-content{display:flex;align-items:center;gap:15px;justify-content:center}.result-content.win{flex-direction:column}.result-icon{flex-shrink:0}.result-title{font-size:1.8rem;font-weight:900;margin-bottom:10px}.result-content.win .result-title{background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-amount{font-size:1.3rem;font-weight:700;margin-bottom:5px}.result-balance{font-size:1rem;color:#888}.new-race-btn{margin-top:25px}.ranking-position{width:35px;font-weight:800}.ranking-emoji{font-size:1.3rem}.ranking-name{font-weight:600}@media (max-width: 900px){.main-area{grid-template-columns:1fr}.title{font-size:2.5rem}.animal-info{width:80px}.animal-option{min-width:80px;padding:12px}.animal-option .emoji{font-size:2rem}.countdown-number{font-size:8rem}.countdown-go{font-size:5rem}}.setup-area-vertical{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:500px;margin:0 auto;padding-top:40px}.setup-area-vertical .participant-input{width:100%}.setup-area-vertical .start-btn{padding:30px 80px;font-size:1.8rem}.input-overlay{position:fixed;left:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;gap:12px;max-width:350px;transition:opacity .4s ease,transform .4s ease}.input-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}.input-overlay.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.input-overlay .start-btn{padding:16px 32px;font-size:1.2rem;text-align:center;justify-content:center}.participant-input{position:relative;z-index:2000;background:#111111f2;border-radius:16px;padding:20px;border:2px solid #333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{margin-bottom:16px;font-size:1.2rem;font-weight:700;color:#888}.participant-count{color:#555;font-weight:400;margin-left:4px}.participant-input textarea{width:100%;padding:16px;font-size:1rem;font-family:inherit;border:2px solid #333;border-radius:12px;background:#0a0a0a;color:#fff;outline:none;resize:vertical;min-height:150px;transition:border-color .2s}.participant-input textarea:focus{border-color:#00f260}.participant-input textarea::placeholder{color:#555}.target-rank-input{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #333}.target-rank-input label{min-width:85px;font-size:.9rem;font-weight:600;color:#aaa}.rank-input{width:70px;padding:8px 12px;margin-left:40px;font-size:1rem;font-weight:700;border:1px solid #333;border-radius:6px;background:#1a1a1a;color:#fff;text-align:center;outline:none;-moz-appearance:textfield}.rank-input::-webkit-outer-spin-button,.rank-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rank-input:focus{outline:none}.distance-input-wrapper{display:flex;align-items:center;gap:8px}.distance-btn{width:32px;height:32px;border:2px solid #333;border-radius:8px;background:#1a1a1a;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.distance-btn:hover:not(:disabled){background:#333;border-color:#00f260}.distance-btn:disabled{opacity:.3;cursor:not-allowed}.distance-value{width:70px;text-align:center;font-size:1rem;font-weight:700;color:#fff}.btn-shuffle{width:100%;margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-shuffle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-shuffle:disabled{opacity:.4;cursor:not-allowed}.participant-preview{margin-top:16px;padding-top:16px;border-top:1px solid #333}.preview-title{font-size:.9rem;font-weight:600;color:#00f260;margin-bottom:12px}.preview-list{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:20px;border:2px solid #333;transition:all .2s}.preview-chip:hover{border-color:#00f260;transform:translateY(-2px)}.preview-emoji{font-size:1.2rem}.preview-name{font-weight:600;font-size:.9rem;color:#fff}.btn-full{width:100%;margin-top:12px}.participant-count{text-align:center;margin-top:12px;font-size:.9rem;color:#00f260;font-weight:600}.participant-list{background:#111;border-radius:16px;padding:20px;border:2px solid #222;min-height:200px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.participant-list.empty{justify-content:center;align-items:center}.participant-list.empty p{color:#555;font-size:1rem}.participant-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:25px;border:2px solid #333}.chip-icon{display:flex;align-items:center}.chip-name{font-weight:600;font-size:.95rem}@media (max-width: 700px){.setup-area{grid-template-columns:1fr}}.animal-info{width:140px;display:flex;align-items:center;gap:8px;font-weight:700}.animal-participant{font-size:.85rem;color:#888;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-icon-large{display:flex;filter:drop-shadow(0 5px 15px rgba(255,210,0,.4))}.rank-icon{display:flex;justify-content:center}.winner-name-large{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-name{display:block;font-size:.75rem;color:#ccc;margin-top:6px;max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.result-buttons{display:flex;gap:14px;justify-content:center;margin-top:8px}.result-buttons .btn{flex:1;min-width:130px;padding:16px 28px;font-size:1rem;font-weight:700;border-radius:14px}.result-buttons .btn-success{background:linear-gradient(135deg,#0575e6,#00d4ff);color:#fff}.result-buttons .btn-success:hover{box-shadow:0 8px 30px #0575e680}.result-buttons .btn-warning{background:linear-gradient(135deg,#333,#444);color:#fff;border:1px solid #555}.result-buttons .btn-warning:hover{background:linear-gradient(135deg,#444,#555);box-shadow:0 8px 30px #ffffff1a}.results-modal.compact{max-width:500px;position:relative}.view-all-btn{display:block;margin-left:auto;margin-bottom:10px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#aaa;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#fff3;color:#fff}.all-results{padding:20px 0}.all-results-title{text-align:center;font-size:1.3rem;font-weight:800;margin-bottom:20px;color:#fff}.all-results-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.result-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;transition:background .2s}.result-row:hover{background:#ffffff1a}.result-row.rank-1{background:linear-gradient(135deg,#ffd20033,#ffd2000d);border:1px solid rgba(255,210,0,.3)}.result-row.rank-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);border:1px solid rgba(192,192,192,.2)}.result-row.rank-3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);border:1px solid rgba(205,127,50,.2)}.result-rank{font-size:1rem;font-weight:800;min-width:40px;color:#888}.result-row.rank-1 .result-rank{color:#ffd200}.result-row.rank-2 .result-rank{color:silver}.result-row.rank-3 .result-rank{color:#cd7f32}.result-icon{display:flex;align-items:center}.result-name{flex:1;font-size:1rem;font-weight:600;color:#fff}.result-time{font-size:.85rem;font-weight:600;color:#fff;font-family:Courier New,monospace;min-width:70px;text-align:right}.result-row.rank-1 .result-time{color:#ffd200}.result-row.rank-2 .result-time{color:silver}.result-row.rank-3 .result-time{color:#cd7f32}.result-row.not-finished{opacity:.6}.result-row.not-finished .result-name:after{content:" (미완주)";font-size:.75rem;color:#888;font-weight:400}.meadow-wrapper{position:relative;z-index:1;width:100%;max-width:800px;margin:0 auto;aspect-ratio:400 / 280;border-radius:8px;overflow:hidden;background:#1a1a1a}.live-leaderboard{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:12px;z-index:500;pointer-events:none}.live-indicator{display:flex;align-items:center;gap:6px;background:#dc2626e6;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.5px}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:livePulse 1s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-rankings{display:flex;gap:8px;flex:1}.live-rank{display:flex;align-items:center;gap:6px;background:#000000b3;padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-rank.rank-1{background:linear-gradient(135deg,#ffd200e6,#ffaa00e6)}.live-rank.rank-2{background:linear-gradient(135deg,#c0c0c0e6,#a0a0a0e6)}.live-rank.rank-3{background:linear-gradient(135deg,#cd7f32e6,#b46428e6)}.live-rank-number{font-size:.85rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:16px}.live-rank.rank-1 .live-rank-number,.live-rank.rank-2 .live-rank-number,.live-rank.rank-3 .live-rank-number{color:#1a1a1a;text-shadow:none}.live-rank-name{font-size:.75rem;font-weight:700;color:#fff;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-rank.rank-1 .live-rank-name,.live-rank.rank-2 .live-rank-name,.live-rank.rank-3 .live-rank-name{color:#1a1a1a}.race-commentary{position:absolute;top:8px;right:8px;z-index:500;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.race-commentary.visible{opacity:1;transform:translateY(0)}.race-commentary.hidden{opacity:0;transform:translateY(-8px)}.commentary-led{position:relative;background:#0a0a0a;border:3px solid #444;border-radius:6px;padding:10px 16px;width:260px;height:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 10px #000c,0 4px 12px #0009,0 0 25px #0ff3}.commentary-led:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:3}.commentary-text{position:relative;z-index:2;display:block;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:900;color:#fff;text-align:center;letter-spacing:1px;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px rgba(0,255,255,.8);animation:cyanGlow .8s ease-in-out infinite alternate}@keyframes cyanGlow{0%{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px rgba(0,255,255,.7)}to{text-shadow:0 0 8px #00ffff,0 0 15px #00ffff,0 0 30px #00ffff,0 0 50px rgba(0,255,255,.9)}}.commentary-text.countdown-text{animation:countdownPop .2s ease-out,cyanGlow .8s ease-in-out infinite alternate}@keyframes countdownPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.meadow{position:relative;width:100%;height:100%}.meadow.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}.meadow.pixel-art .meadow-svg{image-rendering:pixelated;image-rendering:crisp-edges;shape-rendering:crispEdges}.meadow-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.meadow-fence-top{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.meadow-fence-bottom{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.meadow-animals{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.meadow-animal{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;gap:4px;transition:left 2s ease-in-out,top 2s ease-in-out;z-index:10}.meadow-animal.facing-right{flex-direction:row}.meadow-animal.facing-left{flex-direction:row-reverse}.meadow-animal.has-speech{z-index:100}.meadow-animal-name{font-size:.7rem;font-weight:700;color:#fff;background:#000000b3;padding:2px 6px;border-radius:8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.speech-bubble{position:absolute;top:-32px;left:70%;transform:translate(-50%);background:#fff;color:#333;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0003;animation:speechBubbleIn .2s ease-out;z-index:1000}.meadow-animal.facing-left .speech-bubble{left:30%}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}@keyframes speechBubbleIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.meadow-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:600;color:#ffffff80;text-align:center;padding:20px 40px;background:#0000004d;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grass-layer path{transform-origin:bottom center}@keyframes grassSway{0%{transform:skew(-3deg)}to{transform:skew(3deg)}}.meadow-animals.racing{pointer-events:none}.race-lanes{position:absolute;top:18%;left:0;width:100%;height:67%}.race-animal{position:absolute;display:flex;flex-direction:row;align-items:center;gap:4px;transition:left .15s linear,opacity .3s ease;z-index:10}.meadow.slowmo-zoom .race-animal{transition:left .25s linear,opacity .3s ease}.race-animal-name{font-size:.6rem;font-weight:700;color:#fff;background:#000000bf;padding:2px 6px;border-radius:8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.meadow{transition:transform .6s cubic-bezier(.16,1,.3,1);transform-origin:50% 50%}.meadow.slowmo-zoom{transform:translate(var(--translate-x, 0),var(--translate-y, 0)) scale(2.5)}.race-animal.leader{z-index:100;filter:drop-shadow(0 0 12px rgba(255,210,0,.8))}.race-animal.leader .race-animal-name{font-size:1rem;background:linear-gradient(135deg,#ffd200,#ff8c00);color:#1a1a1a;font-weight:800;padding:6px 14px;border-radius:12px;animation:leaderPulse .4s ease-in-out infinite alternate;box-shadow:0 0 20px #ffd200cc}@keyframes leaderPulse{0%{transform:scale(1);box-shadow:0 0 12px #ffd20099}to{transform:scale(1.08);box-shadow:0 0 24px #ffd200}}.meadow.slowmo-zoom .race-animal:not(.leader){opacity:.6}.static-fence{position:absolute;left:0;right:0;height:30px;z-index:10;pointer-events:none}.clouds-background{position:absolute;left:0;right:0;top:0;height:14%;z-index:1;pointer-events:none;overflow:hidden}.pixel-cloud{position:absolute;background:#fff;border-radius:50%}.pixel-cloud:before,.pixel-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{left:8%;top:25%;width:16px;height:16px}.cloud-1:before{width:11px;height:11px;left:-9px;top:5px}.cloud-1:after{width:13px;height:13px;left:12px;top:3px}.cloud-2{left:35%;top:40%;width:12px;height:12px}.cloud-2:before{width:8px;height:8px;left:-6px;top:3px}.cloud-2:after{width:9px;height:9px;left:9px;top:2px}.cloud-3{left:60%;top:20%;width:14px;height:14px}.cloud-3:before{width:10px;height:10px;left:-8px;top:4px}.cloud-3:after{width:11px;height:11px;left:11px;top:2px}.cloud-4{left:85%;top:35%;width:10px;height:10px}.cloud-4:before{width:7px;height:7px;left:-5px;top:2px}.cloud-4:after{width:8px;height:8px;left:8px;top:1px}.pixel-cloud-dynamic{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%}.pixel-cloud-dynamic:before{content:"";position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;left:-9px;top:5px}.pixel-cloud-dynamic:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;left:12px;top:3px}.static-fence-top{top:14%;z-index:10}.static-fence-bottom{top:84%;z-index:60}.static-fence .fence-posts{display:flex;justify-content:space-between;position:absolute;left:0;right:0;padding:0 2%}.static-fence-top .fence-posts{top:-4px;height:26px;z-index:1}.static-fence-bottom .fence-posts{top:-4px;height:26px;z-index:2}.static-fence .fence-post{display:flex;flex-direction:column;align-items:center;width:6px}.static-fence .post-body{width:6px;height:22px;background:#d4a574}.static-fence .post-tip{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent}.static-fence .post-tip{border-bottom:5px solid #C4956A}.static-fence .fence-rail{position:absolute;left:0;right:0;height:4px}.static-fence-top .fence-rail{z-index:2}.static-fence-bottom .fence-rail{z-index:1}.static-fence .fence-rail-1{background:#c9956a}.static-fence .fence-rail-2{background:#b8844c}.static-fence-top .fence-rail-1{top:4px}.static-fence-top .fence-rail-2{top:14px}.static-fence-bottom .fence-rail-1{top:4px}.static-fence-bottom .fence-rail-2{top:14px}.flower-garden{position:absolute;left:0;right:0;z-index:5;top:88%;height:12%;pointer-events:none;overflow:hidden}.pixel-flower{position:absolute;width:7px;height:7px}.pixel-flower:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%}.pixel-flower:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:2px;height:5px;background:#4a7c23}.pixel-flower-1:before{background:#ff6b8a}.pixel-flower-2:before{background:#ffeb3b}.pixel-flower-3:before{background:#fff}@keyframes flowerSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.meadow-progress{width:100%;max-width:800px;margin:20px auto 0;padding:0 30px;box-sizing:border-box}.meadow-progress .progress-track{overflow:hidden}.meadow-progress .progress-track.no-transition .progress-bar,.meadow-progress .progress-track.no-transition .progress-marker{transition:none!important}.animal-animated{overflow:visible}.leg-animate.leg-front-left{animation:legFrontLeft .3s ease-in-out infinite;transform-origin:top center}.leg-animate.leg-front-right{animation:legFrontRight .3s ease-in-out infinite;transform-origin:top center}.leg-animate.leg-back-left{animation:legBackLeft .3s ease-in-out infinite;transform-origin:top center}.leg-animate.leg-back-right{animation:legBackRight .3s ease-in-out infinite;transform-origin:top center}@keyframes legFrontLeft{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes legFrontRight{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes legBackLeft{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes legBackRight{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.race-animal{will-change:left;contain:layout style}.race-lanes.performance-mode .race-animal{will-change:transform,left;backface-visibility:hidden;-webkit-backface-visibility:hidden}.language-selector{display:flex;gap:4px;margin-bottom:12px}.lang-btn{flex:1;padding:6px 10px;background:transparent;border:1px solid #444;border-radius:4px;color:#666;font-size:.8rem;cursor:pointer;transition:all .15s}.lang-btn:hover{color:#888;border-color:#555}.lang-btn.active{background:#333;border-color:#555;color:#ccc}.blog-link-corner{position:fixed;top:16px;right:16px;padding:8px 16px;background:#1e1e1ecc;border:1px solid #333;border-radius:20px;color:#888;font-size:.85rem;text-decoration:none;z-index:9999;transition:all .2s}.blog-link-corner:hover{background:#323232e6;border-color:#00f260;color:#00f260}.blog-page,.blog-post-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;padding:0}.blog-header{text-align:center;padding:60px 20px 40px;background:linear-gradient(180deg,rgba(0,242,96,.1) 0%,transparent 100%)}.blog-home-link{display:inline-block;color:#00f260;text-decoration:none;font-size:.9rem;margin-bottom:20px;transition:color .2s}.blog-home-link:hover{color:#0575e6}.blog-header h1{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header p{color:#888;margin:0}.blog-controls{max-width:1200px;margin:0 auto;padding:20px}.blog-search{margin-bottom:20px}.blog-search input{width:100%;max-width:400px;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.blog-search input:focus{border-color:#00f260}.blog-categories{display:flex;flex-wrap:wrap;gap:8px}.category-btn{padding:8px 16px;background:#222;border:1px solid #333;border-radius:20px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s}.category-btn:hover{border-color:#555;color:#ccc}.category-btn.active{background:linear-gradient(135deg,#00f260,#0575e6);border-color:transparent;color:#fff}.blog-list{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.blog-card{background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid #2a2a2a;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00f2601a}.blog-card a{text-decoration:none;color:inherit;display:block}.blog-card-content{padding:24px}.blog-card-category{display:inline-block;padding:4px 10px;background:#00f2601a;border-radius:12px;color:#00f260;font-size:.75rem;margin-bottom:12px}.blog-card-title{font-size:1.25rem;margin:0 0 12px;color:#fff;line-height:1.4}.blog-card-summary{color:#888;font-size:.9rem;line-height:1.6;margin:0 0 16px}.blog-card-date{color:#555;font-size:.8rem}.blog-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666}.blog-footer{text-align:center;padding:40px 20px;border-top:1px solid #2a2a2a;margin-top:40px}.blog-footer p{color:#555;margin:0 0 10px}.blog-footer a{color:#00f260;text-decoration:none}.blog-footer a:hover{text-decoration:underline}.blog-post-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#111;border-bottom:1px solid #2a2a2a}.back-to-blog{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.back-to-blog:hover{color:#00f260}.blog-post{max-width:800px;margin:0 auto;padding:40px 20px}.blog-post-meta{display:flex;gap:16px;margin-bottom:16px}.blog-post-category{padding:4px 12px;background:#00f2601a;border-radius:12px;color:#00f260;font-size:.8rem}.blog-post-date{color:#666;font-size:.85rem}.blog-post-title{font-size:2rem;margin:0 0 16px;color:#fff;line-height:1.3}.blog-post-summary{font-size:1.1rem;color:#888;margin:0 0 40px;padding-bottom:40px;border-bottom:1px solid #2a2a2a}.blog-post-content{line-height:1.8;color:#d0d0d0}.blog-post-content h2{font-size:1.5rem;color:#fff;margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid #2a2a2a}.blog-post-content h3{font-size:1.2rem;color:#00f260;margin:30px 0 15px}.blog-post-content p{margin:0 0 16px}.blog-post-content ul,.blog-post-content ol{margin:0 0 20px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content strong{color:#fff}.blog-table{width:100%;border-collapse:collapse;margin:20px 0}.blog-table th,.blog-table td{padding:12px;text-align:left;border:1px solid #333}.blog-table th{background:#222;color:#00f260}.blog-table td{background:#1a1a1a}.blog-post-nav{max-width:800px;margin:40px auto;padding:0 20px;display:flex;justify-content:space-between;gap:20px}.nav-prev,.nav-next{flex:1;padding:20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;text-decoration:none;transition:border-color .2s}.nav-prev:hover,.nav-next:hover{border-color:#00f260}.nav-next{text-align:right}.nav-label{display:block;font-size:.8rem;color:#666;margin-bottom:8px}.nav-title{display:block;color:#fff;font-size:.95rem}@media (max-width: 768px){.blog-header h1{font-size:1.8rem}.blog-list{grid-template-columns:1fr}.blog-post-header{padding:15px 20px}.blog-post-title{font-size:1.5rem}.blog-post-nav{flex-direction:column}}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#00f260}.legal-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.legal-header{padding:30px 20px;text-align:center;border-bottom:1px solid #333}.legal-home-link{display:inline-block;color:#00f260;text-decoration:none;font-size:1.5rem;font-weight:700;margin-bottom:20px}.legal-header h1{font-size:2rem;margin:0;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-content{max-width:800px;margin:0 auto;padding:40px 20px}.legal-updated{color:#888;font-size:.9rem;margin-bottom:30px}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:1.3rem;color:#00f260;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.legal-content p{color:#ccc;line-height:1.8;margin-bottom:15px}.legal-content ul{color:#ccc;padding-left:25px;margin-bottom:15px}.legal-content li{line-height:1.8;margin-bottom:8px}.legal-content strong{color:#fff}.legal-footer{border-top:1px solid #333;padding:30px 20px;text-align:center}.legal-footer p{color:#666;margin-bottom:15px}.legal-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.legal-links a{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.legal-links a:hover{color:#00f260}@media (max-width: 768px){.legal-header h1{font-size:1.5rem}.legal-content h2{font-size:1.1rem}}