/* Premium typography, live chat legibility, and the animated BloxyWin demo coin. */
:root{--font:"Inter","Segoe UI",system-ui,sans-serif;--display-font:"Poppins","Inter",system-ui,sans-serif}
h1,h2,h3,h4,.brand-text,.nav-link,.primary-button,.outline-button,.rail-heading h2,.rail-message-head b,.game-text b{font-family:var(--display-font)}
.rail-heading h2{font-size:18px;letter-spacing:-.45px}
.rail-subheading{font-size:8.5px;color:#9aa8c1;letter-spacing:1.1px}
#rail-chat-total{font-size:8px;color:#8998b2}
.rail-chat{border-color:#30394d;background:linear-gradient(180deg,#1d2231,#171b27);box-shadow:0 12px 30px #060a142a}
.rail-chat-messages{gap:9px;padding:11px}
.rail-message{min-height:58px;gap:10px;padding:10px;border-color:#30374a;border-radius:13px;background:linear-gradient(145deg,#242a3a,#202534);transition:background .16s,border-color .16s,transform .16s}
.rail-message:hover{border-color:#3c4e6b;background:linear-gradient(145deg,#293247,#212838);transform:translateY(-1px)}
.chat-avatar{width:38px;height:38px;flex-basis:38px;border-width:2px;background-color:#1e2940}
.rail-message-head b{font-size:10px;font-weight:750;letter-spacing:-.15px}
.rail-message-head time{font-size:8px;color:#8792a8}
.rail-message p{margin-top:6px;color:#d1d8e7;font-size:10px;line-height:1.5}
.chat-empty-state b{font-family:var(--display-font);font-size:11px}
.chat-empty-state>span:last-child{font-size:9px;line-height:1.6}
.rail-chat-form{padding:10px;background:#1b202e}
.rail-live.is-preview{color:#81c7ff}
.rail-live.is-preview i{background:#4eb6ff;box-shadow:0 0 9px #4eb6ff90}
.rail-chat-input{min-height:42px;border-color:#38435b;background:#141925;transition:border-color .16s,box-shadow .16s}
.rail-chat-input:focus-within{border-color:#1684ff;box-shadow:0 0 0 3px #1684ff1b}
.rail-chat-input input{font:600 10px var(--font)}
.chat-send{min-width:64px;height:31px;border-radius:8px;color:#f8fbff;font:750 9px var(--display-font)}
.chat-composer-foot{font-size:8px}
.demo-wallet-value{min-width:191px;display:flex;align-items:center;gap:9px;margin-right:auto;padding:6px 11px;border:1px solid #29456a;border-radius:9px;background:linear-gradient(115deg,#172943,#1a2030);box-shadow:inset 0 0 18px #167cff0b}
.demo-wallet-token,.demo-currency-mark{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #5aaaf8;border-radius:50%;background:radial-gradient(circle at 35% 25%,#62d9ff,#087cff 70%);box-shadow:0 0 12px #168aff44;color:#fff;font:850 10px var(--display-font)}
.demo-wallet-value>span:last-child{display:grid;gap:3px}
.demo-wallet-value small{color:#8ea8ca;font-size:7px;font-weight:850;letter-spacing:1px}
.demo-wallet-value b{color:#f5f8ff;font-size:11px;white-space:nowrap}
.coinflip-practice{position:relative;display:grid;gap:17px;margin:0 0 15px;padding:20px 22px 15px;overflow:hidden;border:1px solid #303b53;border-radius:15px;background:radial-gradient(ellipse at 50% 34%,#1d2941 0,#191f30 38%,#171b27 78%);box-shadow:0 17px 42px #05081238}
.coinflip-practice:before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#2a8fff,#72dbff,#ffb454,transparent);content:"";opacity:.85}
.coinflip-practice-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.demo-kicker{display:flex;align-items:center;gap:7px;color:#8ea1c1;font-size:8px;font-weight:850;letter-spacing:1.5px}
.demo-kicker i{width:7px;height:7px;border-radius:50%;background:#36d8a0;box-shadow:0 0 11px #36d8a088}
.coinflip-practice-head h3{margin:5px 0 4px;color:#f5f7fc;font-size:19px;letter-spacing:-.5px}
.coinflip-practice-head p{margin:0;color:#96a2b8;font-size:10px}
.practice-balance{display:grid;gap:5px;justify-items:end;padding:9px 12px;border:1px solid #2d3c57;border-radius:9px;background:#171e2c}
.practice-balance small{color:#788da9;font-size:7px;font-weight:850;letter-spacing:1px}
.practice-balance b{color:#edf6ff;font-size:12px;font-variant-numeric:tabular-nums}
.practice-balance b i{margin-left:5px;color:#65bbff;font-size:7px;font-style:normal;letter-spacing:.6px}
.coinflip-practice-body{display:grid;grid-template-columns:minmax(160px,.82fr) minmax(195px,1fr) minmax(160px,.82fr);align-items:center;gap:16px;min-height:208px;padding:15px 17px;border:1px solid #2a3347;border-radius:12px;background:linear-gradient(135deg,#151a27,#191f2d 54%,#151a26)}
.coinflip-practice-choice{display:grid;align-content:center;gap:12px}
.coinflip-practice-choice>small,.demo-stake-label{color:#8290a8;font-size:8px;font-weight:850;letter-spacing:1px}
.demo-side-options{display:grid;gap:8px}
.demo-side-option{min-height:60px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #30384b;border-radius:10px;background:#1b2130;color:#a9b5c9;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.demo-side-option:hover{transform:translateY(-1px);border-color:#586a89}
.demo-side-option.selected{border-color:#238bff;background:linear-gradient(110deg,#1b3150,#202639);box-shadow:0 0 0 2px #1684ff19,inset 0 0 18px #087cff0b}
.demo-side-option .coin-side-token{width:38px;height:38px;flex:0 0 38px;border:2px solid #91dcff;border-radius:50%;background:radial-gradient(circle at 33% 25%,#e8fbff,#45bbff 47%,#0877e8 76%,#0751ad);box-shadow:inset 0 0 0 3px #ffffff27,0 5px 13px #087cff35;color:#f5fbff;font:850 15px var(--display-font)}
.demo-side-option .coin-side-token.tails-token{border-color:#ffe2a4;background:radial-gradient(circle at 33% 25%,#fff7d8,#ffbc50 48%,#f58520 76%,#9a490c);box-shadow:inset 0 0 0 3px #ffffff27,0 5px 13px #e7862835;color:#fffaf0}
.demo-side-option>span:last-child{display:grid;gap:3px}
.demo-side-option b{color:#edf3ff;font:700 10px var(--display-font)}
.demo-side-option small{color:#8491a8;font-size:8px}
.demo-coin-stage{position:relative;min-height:182px;display:grid;align-content:center;justify-items:center;gap:10px;isolation:isolate}
.demo-coin-halo{position:absolute;z-index:-1;width:154px;height:154px;border:1px solid #419df52a;border-radius:50%;box-shadow:0 0 0 14px #1684ff08,0 0 48px #087cff15,inset 0 0 35px #1684ff13}
.coinflip-demo-coin{position:relative;z-index:1;width:112px;height:112px;perspective:650px;filter:drop-shadow(0 12px 18px #020715a8)}
.coinflip-coin-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.coinflip-demo-coin.is-rushing .coinflip-coin-inner{animation-duration:.48s}
.coinflip-face{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:0;border:4px solid #9ee7ff;border-radius:50%;background:radial-gradient(circle at 33% 26%,#bdf6ff 0,#31c1ff 35%,#1389ff 68%,#0752bd 100%);box-shadow:inset 0 0 0 5px #ffffff2e,inset 0 0 0 9px #0a72dc70,0 0 24px #138cff55;color:#f8fcff;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.coinflip-face:before{position:absolute;inset:9px;border:1px solid #ffffffa5;border-radius:50%;content:""}
.coinflip-face strong{z-index:1;font:900 36px/.9 var(--display-font);letter-spacing:-3px;text-shadow:0 3px 7px #03427f88}
.coinflip-face small{z-index:1;margin-top:5px;font:850 7px var(--display-font);letter-spacing:1.3px}
.coinflip-face i{position:absolute;right:16px;bottom:13px;color:#dcf7ffb3;font:800 6px var(--display-font);font-style:normal;letter-spacing:.8px}
.coinflip-face-image{z-index:1;width:100%;height:100%;object-fit:contain;border-radius:50%}
.coinflip-face.tails{transform:rotateY(180deg);border-color:#ffe5ae;background:radial-gradient(circle at 33% 26%,#fff5d2 0,#ffd06a 36%,#ff9c36 68%,#be5b17 100%);box-shadow:inset 0 0 0 5px #ffffff3d,inset 0 0 0 9px #b5561977,0 0 24px #ff9b3e55;color:#fffdf6}
.demo-coin-stage .coin-orbit{position:absolute;top:50%;color:#7c91ae;font-size:6px;font-weight:850;letter-spacing:1px;writing-mode:vertical-rl}
.demo-coin-stage .orbit-left{left:0;transform:translateY(-80%) rotate(180deg)}
.demo-coin-stage .orbit-right{right:0;transform:translateY(-20%)}
.demo-flip-result{min-height:15px;color:#bac8dd;text-align:center;font:650 9px var(--display-font);letter-spacing:.15px}
.demo-flip-result.is-win{color:#55e2b4}
.demo-flip-result.is-loss{color:#ffbc73}
.coinflip-practice-controls{display:grid;align-content:center;gap:9px}
.demo-stake-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.demo-stake-label>span:last-child{display:flex;align-items:center;gap:5px;color:#6eaef6;font-size:7px}
.demo-currency-mark{width:15px;height:15px;font-size:7px}
.demo-stake-input{height:43px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #333d53;border-radius:9px;background:#111621;transition:border-color .16s,box-shadow .16s}
.demo-stake-input:focus-within{border-color:#1788ff;box-shadow:0 0 0 3px #1788ff19}
.demo-stake-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f8fd;font:750 14px var(--display-font);font-variant-numeric:tabular-nums}
.demo-stake-input input::-webkit-inner-spin-button,.demo-stake-input input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.demo-stake-input input[type=number]{-moz-appearance:textfield}
.demo-stake-input>span{color:#76849b;font-size:7px;font-weight:850;letter-spacing:.8px}
.demo-stake-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.demo-stake-presets button{height:28px;border:1px solid #30384b;border-radius:7px;background:#22283a;color:#9facbf;font:750 8px var(--display-font);cursor:pointer;transition:.16s}
.demo-stake-presets button:hover,.demo-stake-presets button.selected{border-color:#347ec8;background:#1c2b43;color:#8ed6ff}
.demo-flip-button{width:100%;min-height:42px;display:flex;justify-content:center;position:relative;margin-top:1px;border:1px solid #36a9ff;border-radius:9px;background:linear-gradient(105deg,#0875ef,#168dff 54%,#33baff);box-shadow:0 8px 20px #087cff2c;color:white;font:800 9px var(--display-font);letter-spacing:.7px}
.demo-flip-button i{position:absolute;right:11px;width:21px;height:21px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#ffffff13;color:#e9f9ff;font:800 7px var(--display-font);font-style:normal}
.demo-flip-button:disabled{cursor:wait;opacity:.72}
.demo-safe-note{color:#75839b;text-align:center;font-size:7px}
.coinflip-demo-foot{display:flex;justify-content:space-between;gap:10px;color:#8592a8;font-size:8px}
.coinflip-demo-foot>span{display:flex;align-items:center;gap:6px}
.coinflip-demo-foot>span:first-child i{width:6px;height:6px;border-radius:50%;background:#42d6a6;box-shadow:0 0 9px #42d6a688}
.coinflip-side-mark{width:51px;height:51px;padding:4px}
.coinflip-side-mark .side-coin-inset{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffffa0;border-radius:50%;background:#ffffff16}
.coinflip-side-mark .side-coin-inset img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.coinflip-side-mark .side-coin-inset b{font:850 18px/.92 var(--display-font)}
.coinflip-side-mark .side-coin-inset small{margin-top:3px;font:800 5px var(--display-font);letter-spacing:.7px}
.detail-coin.custom-flip-coin{padding:0;perspective:600px;background:none;border:0;box-shadow:none;font-size:initial}
.detail-coin .coinflip-coin-inner{animation-duration:2.6s}
.detail-coin .coinflip-face strong{font-size:39px}
.detail-coin .coinflip-face small{font-size:7px}
.coin-side-select .side-choice{width:auto;min-width:108px;height:46px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #34394a;border-radius:10px;background:#202432;color:#c4cede;font:800 9px var(--display-font);letter-spacing:.5px}
.coin-side-select .side-choice.selected{border-color:#138cff;color:#91d2ff;box-shadow:0 0 0 2px #087cff22}
.coin-side-select .side-choice.tails.selected{border-color:#e89f35;color:#ffc66a}
.side-choice .coin-side-token{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff4c;border-radius:50%;background:linear-gradient(145deg,#39baff,#086add);box-shadow:inset 0 0 0 3px #ffffff18;color:#fff;font:850 13px var(--display-font)}
.side-choice .coin-side-token img,.demo-side-option .coin-side-token img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.side-choice.tails .coin-side-token{background:linear-gradient(145deg,#ffc75f,#bd5b17)}
@keyframes bloxy-coin-loop{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(max-width:1150px){.coinflip-practice-body{grid-template-columns:minmax(140px,.8fr) minmax(150px,1fr) minmax(140px,.8fr);gap:10px;padding:13px}.coinflip-demo-coin{width:96px;height:96px}.demo-coin-halo{width:132px;height:132px}}
@media(max-width:900px){.demo-wallet-value{min-width:150px}.coinflip-practice{padding:16px}.coinflip-practice-body{grid-template-columns:1fr 1.1fr;gap:13px}.demo-coin-stage{grid-column:2;grid-row:1 / span 2}.coinflip-practice-controls{grid-column:1;grid-row:2}.coinflip-practice-choice{grid-column:1;grid-row:1}.coinflip-demo-coin{width:91px;height:91px}.demo-coin-halo{width:122px;height:122px}}
@media(max-width:580px){.coinflip-practice{gap:12px;padding:14px 12px}.coinflip-practice-head h3{font-size:16px}.coinflip-practice-head p{max-width:210px;font-size:9px}.practice-balance{padding:7px}.practice-balance b{font-size:10px}.coinflip-practice-body{grid-template-columns:1fr;gap:12px;padding:11px}.demo-coin-stage,.coinflip-practice-choice,.coinflip-practice-controls{grid-column:1;grid-row:auto}.demo-coin-stage{min-height:145px;order:0}.coinflip-practice-choice{order:1}.coinflip-practice-controls{order:2}.demo-side-options{grid-template-columns:1fr 1fr}.demo-side-option{min-height:54px;gap:7px;padding:7px}.demo-side-option .coin-side-token{width:33px;height:33px;flex-basis:33px}.demo-coin-halo{width:112px;height:112px}.coinflip-demo-coin{width:80px;height:80px}.coinflip-face strong{font-size:28px}.coinflip-face small{font-size:6px}.coinflip-demo-foot{flex-direction:column;gap:5px}.demo-wallet-value{min-width:0;margin-right:auto;padding:4px 7px}.wallet-balance-row{flex-wrap:wrap}.wallet-balance-row .demo-wallet-value{flex-basis:100%;margin:5px 0 0}.rail-message p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.coinflip-coin-inner,.demo-side-option,.rail-message{animation:none!important;transition:none}}