*{box-sizing:border-box}body{margin:0;background:#07110d;color:#f5fff8;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1100px,92%);margin:auto}.top{height:68px;display:flex;align-items:center;gap:30px}.logo{font-size:25px;font-weight:900;color:#66e2a0;letter-spacing:-1px}.logo span{color:#fff;font-size:13px;letter-spacing:2px}header{background:#09150f;border-bottom:1px solid #193324}.top nav{display:flex;gap:22px;flex:1}.top nav a{color:#9ab0a3;font-size:12px}.top nav a:hover{color:#6ee7a7}.user{font-size:11px;color:#b4c8bc}.hero{background:radial-gradient(circle at 75% 50%,#17462f,transparent 32%),linear-gradient(135deg,#0b2116,#07100c);border-bottom:1px solid #1c3828}.hero-in{display:grid;grid-template-columns:1.2fr .8fr;min-height:480px;align-items:center;gap:40px}.badge,.eyebrow{display:inline-block;color:#72e8a9;background:#153b29;border:1px solid #286243;border-radius:20px;padding:7px 12px;font-size:9px;font-weight:800;letter-spacing:1px}.hero h1{font-size:45px;max-width:600px;line-height:1.04;margin:18px 0}.hero p{color:#9ab0a4;line-height:1.7;max-width:560px}.hero-buttons{display:flex;gap:10px;margin-top:24px}.btn{border:0;border-radius:9px;padding:12px 18px;background:#32bb78;color:#03150c;font-weight:900;cursor:pointer}.ghost{background:#10231a;color:#76e8aa;border:1px solid #28543d}.hero-card{height:330px;display:grid;place-items:center}.table-preview{width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,#185333,#0a2416 62%);border:10px solid #2d5e45;box-shadow:0 0 80px #2bba7044;position:relative;display:grid;place-items:center}.circle{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;border:2px solid #79e5a8;color:#79e5a8;font-size:24px;font-weight:900}.p{position:absolute;font-size:30px}.p1{top:-25px}.p2{right:-10px}.p3{left:-10px}.mini-tiles{position:absolute;bottom:35px;background:#eee;color:#111;padding:7px;border-radius:6px}.section{padding:75px 0}.section h2,.how h2{font-size:28px;margin:10px 0}.section p{color:#84988d}.room-create{margin-top:25px;background:#0d1d15;border:1px solid #1e3b2b;border-radius:17px;padding:18px;display:flex;gap:20px;align-items:center}.room-create form{display:flex;gap:9px;flex:1}.room-create input{background:#08130e;border:1px solid #274635;color:#fff;padding:12px;border-radius:8px;flex:1}.room-info{border-left:1px solid #294334;padding-left:20px;display:flex;flex-direction:column;gap:5px}.room-info span{color:#80978a;font-size:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.steps>div{background:#0e1d15;border:1px solid #1e382a;padding:24px;border-radius:15px}.steps b{color:#57df99}.steps h3{font-size:15px}.steps p{font-size:11px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#153b29,#07110d 55%)}.authbox{width:min(410px,92%);background:#0d1d15;border:1px solid #285039;border-radius:20px;padding:30px;box-shadow:0 25px 90px #0009}.authbox h1{font-size:24px}.authbox input,.authbox button{width:100%;padding:13px;margin:6px 0;border-radius:8px;border:1px solid #294a38;background:#08130e;color:#fff}.authbox button{background:#32bb78;color:#03150c;font-weight:900}.authbox p{font-size:12px;color:#84998d}.authbox a{color:#67e5a2}.alert{background:#3b171d;color:#ffb2bc;padding:10px;border-radius:8px;font-size:11px}.profile-stat{display:inline-flex;flex-direction:column;background:#142a1e;padding:15px 20px;border-radius:10px;margin:4px}.profile-stat b{font-size:20px;color:#6de5a4}.profile-stat span{font-size:9px;color:#8ba093}.game{padding:25px 0}.game-top{display:flex;gap:20px;align-items:center;margin-left:auto}.game-top span,.game-top a{font-size:11px;color:#9bb0a4}.board{min-height:760px;border:1px solid #285039;border-radius:28px;background:radial-gradient(circle at center,#16472e,#0a1c13 48%,#07100c);position:relative;overflow:hidden;box-shadow:0 30px 90px #0008}.table-center{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:300px;height:220px;border-radius:50%;border:2px solid #32664a;background:#0e2c1c;display:grid;place-items:center}.logo-circle{font-size:34px;font-weight:900;color:#70e8a7}.discard{position:absolute;bottom:35px;background:#f4f4f0;color:#111;width:45px;height:60px;border-radius:5px;display:grid;place-items:center;font-size:22px;font-weight:bold}.turn{position:absolute;top:25px;color:#8af0b5;font-size:11px}.seat{position:absolute;background:#0c1912;border:1px solid #28503a;border-radius:12px;padding:9px;display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-items:center}.seat .avatar{grid-row:span 2;font-size:24px}.seat small{color:#7f9689;font-size:8px}.seat-top{top:20px;left:50%;transform:translateX(-50%)}.seat-left{left:20px;top:42%}.seat-right{right:20px;top:42%}.human{color:#69e7a2}.hand-area{position:absolute;left:20px;right:20px;bottom:20px;background:#08130eaa;border:1px solid #284a37;border-radius:15px;padding:12px}.hint{font-size:10px;color:#92a89c;margin-bottom:10px}.hand{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.tile{width:42px;height:58px;border:0;border-radius:5px;background:#f5f5ee;color:#111;font-weight:900;font-size:18px;box-shadow:0 2px 5px #0008;cursor:pointer}.tile.red{color:#d32f2f}.tile.blue{color:#235dc9}.tile.yellow{color:#d39300}.tile.black{color:#171717}.actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-side{background:#09150f;border-right:1px solid #1d3829;padding:20px}.admin-side a{display:block;padding:12px;border-radius:8px;color:#8ea399;margin:3px 0}.admin-side a.sel,.admin-side a:hover{background:#143322;color:#fff}.admin-main{padding:30px;width:min(1200px,100%)}.dashcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashcards>div,.admin-panel{background:#0d1d15;border:1px solid #224332;border-radius:15px;padding:18px;margin-top:15px}.dashcards b{font-size:25px;display:block;color:#6de5a4}.dashcards span{font-size:9px;color:#879c90}.admin-panel label{display:block;font-size:10px;color:#9aada2;margin:10px 0}.admin-panel input{display:block;width:100%;padding:10px;background:#07120d;border:1px solid #294735;color:#fff;border-radius:7px;margin-top:5px}.admin-panel button{padding:9px 14px;border:0;border-radius:7px;background:#36ba7a;color:#03150c;font-weight:bold}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel th,.admin-panel td{padding:9px;border-bottom:1px solid #1f382a;text-align:left;font-size:10px}.danger{background:#5a1f29!important;color:#fff!important}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.notice{padding:10px;background:#123622;border:1px solid #285a40;color:#83ebb1;border-radius:8px}
@media(max-width:800px){.top nav{display:none}.hero-in{grid-template-columns:1fr;padding:55px 0}.hero-card{display:none}.room-create{display:block}.room-create form{display:grid;grid-template-columns:1fr}.steps{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-side{position:relative}.game{width:96%}.board{min-height:720px}.table-center{width:230px;height:180px}.seat-left{left:8px}.seat-right{right:8px}.grid{grid-template-columns:1fr}.game-top{gap:8px}.hero h1{font-size:35px}}