/* Terminal surfaces; casino feedback remains in app.css and fx.js. */
:root{
 --bg:#0b0d10;--bg2:#101317;--panel:#13171c;--panel2:#191e25;
 --line:#282e37;--line2:#3a4350;--fg:#edf0f4;--dim:#a2abb9;--mute:#7d8796;
 --green:#b6f34b;--pink:#f365a7;--gold:#f6c65b;--purple:#ab91ed;--cyan:#8dcfff;
 --red:#ff6d83;--orange:#f6a664;
 --sans:"Inter","Segoe UI",sans-serif;--num:"IBM Plex Mono",Consolas,monospace;
 --display:"Inter","Segoe UI",sans-serif;--r:8px;
}
body{font-weight:400;font-size:13px}
body::before{display:none}
button,input,select{font-family:var(--sans)}
:focus-visible{outline-color:var(--green);border-radius:4px}
.gold{ text-shadow:none }
.top{height:62px;background:rgba(11,13,16,.95);gap:32px}
.brand{font:900 24px/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.04em}
.brand img{width:30px;height:30px;border-radius:7px}
.brand span{background:none;color:var(--fg);animation:none}
.topnav a{font-size:12px;font-weight:600;border-radius:5px;padding:9px 12px;gap:5px}
.topnav a.on{background:#232b1b;color:var(--green);box-shadow:inset 0 -2px var(--green)}
.topnav kbd{margin-left:6px}
.icon-btn{width:34px;height:34px;border-radius:5px}
.icon-btn:hover{transform:none;border-color:var(--dim)}
.wallet{border-radius:6px;background:var(--panel);padding:5px 11px 5px 6px}
.wallet b{font:600 14px var(--num)}
.wallet .coin{width:24px;height:24px;box-shadow:none}
.wallet small{font:500 9px var(--num);color:var(--dim)}
main{max-width:1500px;padding:24px 24px 40px}
.hero{grid-template-columns:1fr 1fr;align-items:center;padding:0 0 23px;gap:24px;margin-bottom:20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible}
.hero::after{display:none}
.kicker{font:500 10px var(--num);letter-spacing:.08em;color:var(--dim)}
.kicker i,.live i{width:5px;height:5px}
.hero h1{font:800 clamp(46px,5vw,70px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.015em;margin:9px 0 10px;text-shadow:none}
.hero .shine{background:none;color:var(--green);filter:none;animation:none}
.hero p{font-size:12px;line-height:1.7;max-width:450px}
.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.hero-stats div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;border:0;border-right:1px solid var(--line);border-radius:0;background:none;padding:18px 15px}
.hero-stats div:last-child{border-right:0}
.hero-stats span{font:500 10px/1.5 var(--sans)}
.hero-stats b{font:600 clamp(15px,1.7vw,23px) var(--num);white-space:nowrap;letter-spacing:-.06em}
.toolbar{gap:8px;margin-bottom:14px}
.seg{border-radius:6px;padding:3px;gap:2px;background:#101317}
.seg button{font-size:11px;border-radius:4px;padding:7px 14px;font-weight:600}
.seg button[aria-pressed=true]{background:var(--panel2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line2)}
.search{border-radius:6px;min-width:160px;background:#101317;margin:0;padding:0 11px}
.search input{font-size:11px;padding:10px 0;min-width:0}
.search:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #b6f34b14}
.sort{margin:0}select{border-radius:6px;font-size:11px;padding:9px 10px;background:#101317}
.board{grid-template-columns:minmax(0,1fr) 326px;gap:16px}
.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.card{padding:0;gap:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:8px;transition:border-color .18s,box-shadow .18s,transform .18s}
.card:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 8px 24px #0004}
.card.active{background:var(--panel);border:1px solid #779e3b;box-shadow:0 0 0 1px #b6f34b0a,0 5px 22px #b6f34b08}
.card.active::before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;background:var(--green);box-shadow:0 0 12px #b6f34b55}
.card header{padding:15px 14px 12px;gap:9px}
.avatar{width:34px;height:34px;border-radius:6px;font:700 11px var(--num);box-shadow:inset 0 0 0 1px #ffffff24}
.c-cyan{background:#193c4d;color:#86d6f8}.c-orange{background:#47351b;color:#f3c47b}
.c-blue{background:#25344e;color:#a9bdff}.c-violet{background:#3e294a;color:#daa8ec}
.card-title a{font:700 14px var(--sans);letter-spacing:-.03em}
.card-title small{font-size:10px;color:var(--mute);margin-top:2px}
.badge{font:600 9px var(--num);border-radius:4px;padding:3px 5px;letter-spacing:0}
.badge.hot{background:#f6a66414;color:var(--orange);border:1px solid #f6a66438;animation:none}
.badge.in{background:#f6c65b0a;border-color:#f6c65b38}
.star .ic{width:16px;height:16px}
.card-tag{margin:0 14px 13px;padding-left:8px;border-left:2px solid var(--line2);font-size:10px;line-height:1.6;color:var(--dim)}
.market-label{display:flex;justify-content:space-between;gap:8px;padding:10px 14px 8px;border-top:1px solid var(--line);font:400 9px var(--num);color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.market-label b{color:var(--dim);font-weight:500}
.card .tiles{padding:0 10px;gap:5px}
.tile{border-radius:5px;background:#0d1014;padding:9px 9px 12px;gap:6px;min-width:0}
.tile-top{font-size:10px;gap:3px;font-weight:500}
.tile-name .ic{width:11px;height:11px;margin-right:4px}
.tile-pct{font-size:9px;color:var(--mute)}
.tile-x{font:600 21px/1.15 var(--num);letter-spacing:-.06em}
.tile .bar{height:2px;box-shadow:none;opacity:.65}
.tile:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,currentColor 7%,#0d1014)}
.tile.chosen{background:color-mix(in srgb,currentColor 9%,#0d1014);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 25%,transparent),0 0 14px -8px currentColor}
.card footer{margin-top:12px;padding:10px 14px;border-top:1px solid var(--line);font-size:10px;background:#101317}
.card footer b{font-weight:500;color:var(--fg)}
.card footer a{color:var(--dim);font-size:10px}.card footer a:hover{color:var(--green)}
.live,.dead{font:500 9px var(--num);letter-spacing:.04em}
.box{border-radius:8px;background:var(--panel);padding:16px}
.rail{gap:12px}
.box-head{font-size:12px}.box-head a{font-size:10px}
.slip-box{border:1px solid var(--line2);background:var(--panel);box-shadow:none}
.slip-head{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:15px}
.slip-title{font:700 13px var(--sans)}.slip-title .ic{color:var(--green)}
.chip-tag{font:500 9px var(--num);border-radius:3px;color:var(--dim);border-color:var(--line2)}
.slip-market b{font:700 14px var(--sans)}.slip-market small{font-size:10px}
.slip-market a{font-size:10px;color:var(--dim)}
.pill{border-radius:5px;padding:9px 8px;font-size:10px;font-weight:500}
.pill small{font-size:10px;font-weight:500}.pill .ic{width:12px;height:12px}
.pill:hover{transform:translateY(-1px)}
.pill.on{background:color-mix(in srgb,currentColor 12%,#0d1014);box-shadow:none}
.pill.on span{color:var(--fg)}.pill.on small{color:inherit}
label{font-size:10px;font-weight:500}.field{border-radius:6px;background:#0d1014;border-color:var(--line)}
.field input{font:500 23px var(--num)}.field:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #b6f34b14}
.field>span:last-child{font:500 10px var(--num)}
.chips-row{gap:10px;margin:13px 3px 17px}.poker{font:600 10px var(--num);aspect-ratio:1;max-width:39px;justify-self:center;width:100%}
.poker.max{font-size:9px}
.win-box{align-items:flex-start;gap:6px;border-radius:6px;padding:13px;background:linear-gradient(115deg,#b6f34b0d,transparent);border:1px solid #b6f34b24}
.win-box>span{font:500 9px var(--num);letter-spacing:.06em}
.win-box strong{font:600 30px var(--num);letter-spacing:-.055em;text-shadow:0 0 22px #b6f34b20}
.win-box small{font:400 9px var(--num)}
.ape{border-radius:6px;font:800 13px var(--sans);padding:14px 10px;letter-spacing:.04em;background:linear-gradient(180deg,#c3ff60,var(--green));box-shadow:0 3px 0 #5d7f23,0 8px 20px -10px #b6f34b88;animation:none;color:#18200d}
.ape::after{animation-duration:5s;opacity:.28}
.ape:hover:not(:disabled){box-shadow:0 4px 0 #5d7f23,0 10px 26px -9px #b6f34baa}
.ape:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 #5d7f23}
.ape:disabled{background:var(--line);color:var(--dim);box-shadow:none}
.btn{border-radius:5px;font-size:11px;font-weight:600}.btn:hover:not(:disabled){border-color:var(--dim)}
.fine{font-size:10px;line-height:1.7}.feed p{font-size:11px}.feed time{font-size:9px}
.statrow div{border-radius:6px;background:var(--panel)}.statrow b{font:600 21px var(--num)}
.page-head h1{font-weight:800;letter-spacing:-.04em}.page-head p{font-size:12px}
.detail-hero h1{font:800 clamp(32px,4vw,56px)/1.1 "Barlow Condensed",Impact,sans-serif;text-shadow:none}
.detail-hero .shine{background:none;color:var(--green);filter:none;animation:none}
.pot-big{border-radius:6px}.pot-big b{font:600 26px var(--num)}
.tiles.big .tile-x{font:600 30px var(--num)}
.bag-main b{font:700 14px var(--sans)}.bag-num b{font-family:var(--num)}
.result h2{font:900 62px/1 "Barlow Condensed",Impact,sans-serif}.result strong{font:600 36px var(--num)}
.float-txt{font:700 22px var(--num)}
@media(min-width:981px) and (max-width:1200px){.hero{grid-template-columns:1fr .95fr}.hero-stats div{padding:15px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-top{flex-wrap:wrap}.tile-pct{margin-left:auto}}
@media(max-width:980px){
 .board{grid-template-columns:minmax(0,1fr)}.hero{grid-template-columns:1fr;gap:18px}
 .hero-stats div{padding:14px 12px}.hero-stats b{font-size:20px}
 .slip-box{border-radius:14px 14px 0 0;background:var(--panel)}
 .tabbar{background:rgba(11,13,16,.97)}.tabbar a{border-radius:5px;font-size:10px}
 .tabbar a.on{background:#b6f34b0a}.tabbar a.on .ic{color:var(--green);filter:none}
 .sheet-fab{border-radius:6px;background:var(--green);font-size:12px;box-shadow:0 3px 0 #5d7f23,0 8px 20px #0004;animation:none}
}
@media(max-width:640px){
 main{padding:20px 14px 150px}.top{padding:0 14px}.brand{font-size:23px}
 .hero{padding:0 0 20px}.hero h1{font-size:56px}.hero p{font-size:11px}
 .hero-stats div{padding:12px 9px;gap:6px}.hero-stats span{font-size:9px}.hero-stats b{font-size:15px}
 .grid{grid-template-columns:minmax(0,1fr)}.seg button{padding:7px 9px}
 .card header{padding-top:14px}.card .tiles{gap:7px}.tile-top{font-size:11px}.tile-pct{font-size:10px}
 .tile{padding:10px 10px 13px}.tile-x{font-size:23px}.card-tag{font-size:11px}
 .market-label{font-size:9px}.wallet b{font-size:12px}.wallet{padding-right:8px}
 .tiles.big .tile-x{font-size:25px}
}