/* Bink Poker Lobby + Bink Social materials, adapted to the INTL shell.
   Sources: poker-lobby-originals.css, bink-metal.css, social-surfaces.module.css. */
@font-face{font-family:'Bink Fredoka';src:url('/fonts/fredoka-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Bink Poppins';src:url('/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{
 --canvas:#10161f;--ink:#f5f6f2;--muted:#a5b2c4;--line:#71879b55;
 --panel:linear-gradient(145deg,#343c48 0%,#252d38 55%,#1a232e 100%);
 --hero:radial-gradient(ellipse at 4% 0%,#d8eafa20,transparent 65%),var(--panel);
 --key:linear-gradient(180deg,#535b67,#353d49 42%,#272f3b);
 --well:linear-gradient(180deg,#080e15,#141d26);
 --green:linear-gradient(180deg,#13cf78,#00a85a 42%,#008846);
 --key-shadow:inset 0 2px 0 #ffffff35,inset 0 -3px 0 #0004,0 3px 0 #080c14,0 6px 12px #0003;
 --panel-shadow:inset 0 2px 0 #d4e9f025,inset 0 -3px 0 #0005,0 5px 0 #080e16,0 18px 36px #0005;
}
html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#65768b #10161f}
body{background:radial-gradient(ellipse at 50% 0,#25314270,transparent 65%),var(--canvas);color:var(--ink);font-family:'Bink Fredoka',sans-serif;font-weight:500;min-height:100vh;color-scheme:dark}
button,input,select,textarea{font:inherit}button{font-weight:600;touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a7f2c3;outline-offset:4px}
button:hover{filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}
.topbar{height:76px;background:var(--hero);border-bottom:2px solid #0a1018;box-shadow:inset 0 1px #d4e9f025,0 4px 15px #0005;padding:0 3%}
.brand img{filter:drop-shadow(0 3px 2px #0006)}.brand span{color:#b7c2d1;border-color:#71879b55;font-size:11px;letter-spacing:2px}
.wallet-bar{gap:8px}.balance{background:var(--well);border:1px solid #71879b60;box-shadow:inset 0 3px 7px #0009,0 1px #cfdfec25;border-radius:12px;min-width:175px;height:46px}
.balance strong{font-size:15px;letter-spacing:.4px;font-variant-numeric:tabular-nums}.balance small{color:#99a9bc;font-size:9px;letter-spacing:1.8px;font-weight:500}
.deposit,.primary,.mint,.chat form button{background:var(--green);color:#f5fff8;border:2px solid #073e2a;box-shadow:inset 0 2px #b4ffce65,inset 0 -3px #005c3970,0 3px #071e16,0 6px 12px #0003;text-shadow:0 1px 1px #004d38;border-radius:12px;font-weight:600}
.deposit{height:46px;letter-spacing:.6px}.account-bar #username{color:#d4dce6}.shield{background:linear-gradient(145deg,#8e9cac,#3b485a);color:#dbe8f5}
.menu-button,.rank-button,.chat-button,.close-modal{background:var(--key);border:1px solid #8293a550;box-shadow:var(--key-shadow);border-radius:12px}
.menu-button{width:44px;height:44px}.menu-button span{background:#d7e1ec;width:20px}.menu-button[aria-expanded=true]{background:var(--well);box-shadow:inset 0 2px 6px #0009;border-color:#80daa075}
.rank-button{width:44px;height:44px;display:grid;place-items:center}.rank-button .shield{width:24px;height:28px;font-size:23px}
.account-menu{top:88px;right:18px;width:310px;padding:13px;background:var(--hero);border:2px solid #10161e;border-radius:19px;box-shadow:var(--panel-shadow),0 0 0 1px #71879b55;max-height:calc(100dvh - 105px);overflow:auto;scrollbar-width:thin;scrollbar-color:#65768b #1a232e}
.menu-item{border:1px solid transparent;border-radius:11px;color:#dce4ed;min-height:49px;padding:11px 14px;gap:17px;font-size:14px;letter-spacing:.25px;margin:2px 0;transition:background .12s,border-color .12s}
.menu-item svg{color:#a6b8cd;stroke:currentColor;width:22px;height:22px}.menu-item:hover,.menu-item:focus-visible{background:var(--key);border-color:#8293a550;box-shadow:var(--key-shadow);color:#fff}.menu-item:hover svg{color:#9defbe}
.menu-item .tag{background:linear-gradient(180deg,#2ecb85,#008c52);color:#edfff4;border:1px solid #7bf1b270;border-radius:6px;box-shadow:inset 0 1px #cbffe650;font-size:10px;letter-spacing:.6px;padding:3px 7px}
.game-grid{gap:25px;margin-top:32px}.original-card{border:1px solid #8397af50;border-radius:14px;box-shadow:0 4px 0 #070d15,0 9px 18px #0005;background:#18222d}
.original-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0007,0 0 0 2px #5ecb9580}.game-card .badge{background:#16231ee8;color:#b0f6ce;border:1px solid #78c99c66;border-radius:6px;font-family:'Bink Fredoka',sans-serif}
.game-card .play-label{background:var(--green);color:#fff;border-radius:8px;font-family:'Bink Fredoka',sans-serif;font-weight:600}
footer{color:#8c9db3;border-top:1px solid #71879b30;padding-top:20px;letter-spacing:1px}footer button{color:#bccbdc}
.overlay{background:#060b13c9;backdrop-filter:blur(6px)}
.modal-nav,.modal-content{background:var(--panel);border:2px solid #10161e;border-radius:20px;box-shadow:var(--panel-shadow),0 0 0 1px #71879b40}
.modal-nav{padding:14px}.modal-nav button{color:#bbc7d5;border:1px solid transparent;border-radius:11px;font-weight:500;font-size:15px}
.modal-nav button.active{background:var(--key);border-color:#8293a560;box-shadow:var(--key-shadow);color:#fff}.modal-nav button:hover{background:#40506465}
.modal-nav svg{color:#b4c4d5}.panel-section{border-bottom:1px solid #71879b35}.panel-title{font-size:18px;font-weight:600;letter-spacing:.3px;color:#f7fafc}
.panel-copy,.form-note,.muted,.faq p,.info-list{color:var(--muted)}.panel-copy{font-family:'Bink Poppins',sans-serif;font-size:12px;line-height:1.9}
.field label,.field-label,.subheading{color:#e0e7f0}.field label span,.field-label span{color:#9daec1}
.input-wrap,.chat input{background:var(--well);border:1px solid #71879b65;box-shadow:inset 0 3px 7px #0009,0 1px #cfdfec20;border-radius:12px}
.input-wrap input,.input-wrap select{color:#f1f5f9;font-family:'Bink Poppins',sans-serif;font-size:12px}.input-wrap select{background:#111b27}.input-wrap input::placeholder,.chat input::placeholder{color:#8998ae}.input-wrap:focus-within{border-color:#82d9a4}
.input-wrap button,.input-wrap button.purple,.secondary,.game-top button{background:var(--key);color:#e4edf6;border:1px solid #8293a550;box-shadow:var(--key-shadow);border-radius:9px}
.readonly,.seed{color:#b3c3d5}.primary{font-size:16px;letter-spacing:.7px}.segment{background:var(--well);border:1px solid #71879b40;border-radius:12px}.segment button{border-radius:8px;color:#a5b4c7}.segment button.active{background:var(--key);box-shadow:var(--key-shadow);color:#fff}
.green-box{background:linear-gradient(145deg,#204638,#122e27);border:1px solid #64be8a60;box-shadow:inset 0 1px #b4ffce25;border-radius:15px;color:#9aefbd}
.success{color:#8de9b0}.checkbox-row{color:#b4c3d4}.checkbox-row input,.range{accent-color:#12bd75}.progress{background:#111b28}.progress i{background:#13cf78}.stat{color:#a2b3c8}.stat strong{color:#f5f6f2}.table th,.table td{border-color:#71879b40}.table th{color:#a8b9ce}.result-box{background:var(--well);border:1px solid #71879b40;border-radius:12px}
.chat{background:var(--panel);border:1px solid #7b879660;border-radius:18px;box-shadow:var(--panel-shadow)}.chat-heading{background:var(--hero);border-bottom:1px solid #71879b50;letter-spacing:.6px}.chat-messages b{color:#9aefbd}.chat form{border-color:#71879b40}.chat form button{border-radius:10px}.chat-button{background:var(--key);border-radius:14px}.chat-button svg{fill:#c9d9e8}.toast{background:var(--panel);border-color:#82d9a470;box-shadow:var(--panel-shadow);color:#edf5f0}
.game-top h1{font-weight:600}.game-top span{color:#a5b4c7}.original-frame{background:#111923;border:1px solid #71879b40;border-radius:18px}.speech{background:#15362b;border:1px solid #67b98b40;color:#b0dcc1}.faq details{border-color:#71879b40}
@media(max-width:1000px){.game-grid{gap:18px}.account-bar{gap:8px}.topbar{padding:0 18px}}
@media(max-width:700px){
 .topbar{height:70px;padding:0 13px}.brand img{width:65px}.wallet-bar{gap:6px}.balance{min-width:112px;height:40px;padding:5px 8px;border-radius:10px}.balance strong{font-size:12px;line-height:16px}.balance small{font-size:7px;letter-spacing:1.2px}.deposit{height:40px;font-size:11px;padding:0 12px;border-radius:10px}.menu-button{width:36px;height:38px;border-radius:10px}.rank-button{display:none}
 .account-menu{top:81px;right:10px;width:min(304px,calc(100vw - 20px));padding:11px;max-height:calc(100dvh - 94px);border-radius:17px}.menu-item{min-height:47px;font-size:13px;padding:10px 12px}
 .game-grid{gap:12px;margin-top:22px}.original-card{border-radius:11px}.original-card:hover{transform:none}.overlay{padding-top:84px}.modal-nav{padding:7px;border-radius:13px}.modal-nav button{font-size:11px;padding:10px 6px}.modal-content{border-radius:17px}.panel-title{font-size:17px}.panel-copy{font-size:11px}.close-modal{border-radius:10px}.chat-button{border-radius:12px}
}
@media(max-width:370px){.topbar{padding:0 9px}.brand img{width:53px}.balance{min-width:98px}.deposit{padding:0 9px}.wallet-bar{gap:4px}.menu-button{width:32px}}
@media(prefers-reduced-motion:reduce){.menu-item,.original-card{transition:none}}

/* The complete interior system: inset wells, raised rows, and mechanical keys. */
.modal-content{overflow:hidden}
.panel-section{background:radial-gradient(ellipse at 0 0,#d8eafa09,transparent 70%);padding:28px}
.panel-section+.panel-section{box-shadow:inset 0 1px #d8eafa12}
.modal-content .field{margin-bottom:24px}
.modal-content .field:last-child{margin-bottom:0}
.field label,.field-label{font-size:12px;letter-spacing:.6px;margin-bottom:11px}
.input-wrap{padding:5px;min-height:56px;border-radius:13px}
.input-wrap .readonly{font-variant-numeric:tabular-nums;min-height:44px;font-size:14px;padding:10px 14px}
.input-wrap button{min-height:36px;padding:8px 12px;font-size:11px;letter-spacing:.4px;flex-shrink:0}
.input-wrap input{min-height:40px}.input-wrap:focus-within{box-shadow:inset 0 3px 7px #0009,0 0 0 3px #57b98520}
.primary,.secondary,.input-wrap button,.segment button,.modal-nav button{transition:filter .12s,box-shadow .12s,transform .12s}
.primary:active:not(:disabled),.secondary:active:not(:disabled),.input-wrap button:active:not(:disabled){box-shadow:inset 0 2px 5px #0007,0 1px #d8eafa20;transform:translateY(2px)}
.primary:disabled,.secondary:disabled{opacity:1;background:linear-gradient(180deg,#35404b,#232d38);border-color:#111923;box-shadow:inset 0 1px #d8eafa15,inset 0 -2px #0005;color:#8997a8;text-shadow:none}
.checkbox-row{position:relative;min-height:52px;margin:9px 0;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px #d8eafa25,0 3px #0c121b;cursor:pointer;gap:13px;font-size:13px}
.checkbox-row:has(input:checked){border-color:#82d9a465;background:linear-gradient(145deg,#34473f,#25372f 70%,#1a2c25)}
.checkbox-row input{appearance:none;position:relative;width:34px;height:20px;flex:0 0 34px;margin:0;background:var(--well);border:1px solid #71879b70;border-radius:12px;box-shadow:inset 0 2px 4px #0008;cursor:pointer}
.checkbox-row input::after{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:linear-gradient(#bdc9d7,#6b7d91);box-shadow:0 2px 3px #0007;transition:transform .15s}
.checkbox-row input:checked{background:linear-gradient(#00a85a,#007a42);border-color:#7be4a890}.checkbox-row input:checked::after{transform:translateX(14px);background:linear-gradient(#ecfff4,#8ee5b1)}
.stats{gap:14px;align-items:start}.stats .stat{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--key-shadow);font-size:11px;letter-spacing:.4px}.stat strong{font-size:18px;margin-top:7px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}
.stats>.field{min-width:0;margin:0}.stats select{padding-left:7px}.stats input[type=date]{padding-left:7px;font-size:11px}
.table{border-collapse:separate;border-spacing:0;background:var(--well);border:1px solid var(--line);border-radius:13px;overflow:hidden;font-size:12px}.table th{background:var(--key);font-weight:500;font-size:10px;letter-spacing:.8px;padding:14px 10px}.table td{padding:14px 10px;font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#748ca014}
#friend-list>.field-label{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:13px;box-shadow:var(--key-shadow);letter-spacing:0}#friend-list .secondary{font-size:10px;padding:9px 12px}
.faq details{margin:10px 0;padding:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--well)}.faq summary{padding:16px;background:var(--key);color:#e4edf6;font-size:14px;box-shadow:inset 0 1px #d8eafa25}.faq details[open] summary{border-bottom:1px solid var(--line)}.faq p{padding:0 16px;font-family:'Bink Poppins',sans-serif;font-size:11px;line-height:1.9}
.league-row{background:var(--well);border:1px solid var(--line);border-radius:16px;padding:25px 10px;gap:45px}.big-shield{background:linear-gradient(145deg,#d2dce7,#748397 48%,#455367);color:#f0f7ff;filter:drop-shadow(0 4px 3px #0008)}.trophy{color:#d5b77b}.progress{height:10px;border:1px solid #71879b50;box-shadow:inset 0 2px 3px #0008}.progress i{background:var(--green)}
.range{height:8px;border-radius:5px;margin:18px 0 22px}.empty-state{background:radial-gradient(ellipse at top,#52617325,transparent);padding:38px 26px}.empty-state h3{font-size:17px;color:#dfe8f2}.empty-state p{color:#a5b2c4}
.seed{background:var(--well);border:1px solid var(--line);border-radius:12px;padding:16px;font:11px/1.9 JetBrains,monospace;white-space:pre-wrap}.seed:empty{display:none}.result-box{padding:20px;box-shadow:inset 0 3px 7px #0007;font-size:13px;line-height:1.9}
.chat-messages p:not(.muted){padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px #d8eafa20,0 3px #080c12}.chat-heading button{width:32px;height:32px;background:var(--key);border:1px solid var(--line);border-radius:9px;box-shadow:var(--key-shadow)}
.form-note{font-family:'Bink Poppins',sans-serif;font-weight:400;font-size:10px;line-height:1.9}.subheading{font-size:14px;letter-spacing:.8px}.panel-copy.small{font-size:11px}
@media(max-width:700px){.panel-section{padding:23px 19px}.stats{gap:11px}.stats .stat{padding:13px}.stat strong{font-size:16px}.table{font-size:10px}.table th,.table td{padding:11px 7px}.checkbox-row{font-size:12px}.input-wrap button{padding:8px}.panel-copy{line-height:1.9}}