*{box-sizing:border-box}html,body{margin:0;background:#07090d;color:#f6f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.app{max-width:560px;margin:auto;min-height:100vh;background:linear-gradient(#090c12,#06080c);padding-bottom:92px}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;padding:15px 17px;background:#07090de8;backdrop-filter:blur(18px);border-bottom:1px solid #171c24}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd16c,#ff9f2d);color:#15100a;font-weight:900;font-size:22px;box-shadow:0 8px 28px #ffad3330}.brand{font-weight:900;font-size:20px}.tag,.eyebrow{font-size:10px;letter-spacing:.18em;color:#8993a1;text-transform:uppercase}.eyebrow{color:#ffc65d;font-weight:800}.premium{margin-left:auto;border:1px solid #78551e;background:#211607;color:#ffd270;border-radius:15px;padding:10px 12px;font-weight:800}main{padding:15px}.hero{position:relative;overflow:hidden;border:1px solid #272119;border-radius:28px;min-height:420px;background:#17100a;box-shadow:0 20px 60px #0008}.hero img,.game img,.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after,.game:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#070a10 94%)}.hero-copy{position:absolute;z-index:2;left:23px;right:23px;bottom:23px}.hero h1{font-size:38px;line-height:.98;margin:9px 0 13px;letter-spacing:-.04em}.muted{color:#aab2bf;line-height:1.45}.cta{width:100%;border:0;border-radius:17px;padding:16px;background:linear-gradient(135deg,#ffd36d,#ffab35);font-weight:900;color:#17100a;margin-top:17px}.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section h2,.section-head h2{margin:0;font-size:21px}.section small{color:#7f8997}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat,.panel{padding:15px 11px;border:1px solid #1d2430;background:#0d1118;border-radius:18px}.stat b{display:block;font-size:22px}.stat span{font-size:11px;color:#8893a2}.feature{padding:18px;border-radius:22px;background:linear-gradient(135deg,#17120b,#0e1015);border:1px solid #282116}.feature p{margin:6px 0 0}.filters{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #242c37;background:#0d1118;color:#b7c0cc;padding:9px 13px;border-radius:999px}.chip.on{color:#111;background:#ffc45c;border-color:#ffc45c;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.game{position:relative;min-height:245px;border-radius:22px;overflow:hidden;border:1px solid #27303c;background:#0c1118;text-align:left;color:white;padding:0}.game-copy{position:absolute;z-index:2;left:14px;right:12px;bottom:14px}.game b{font-size:19px;line-height:1.05;display:block}.game span{display:block;color:#b9c1cc;font-size:12px;margin-top:5px}.badge{display:inline-block!important;width:auto!important;color:#ffe0a1!important;border:1px solid #7c5c28;border-radius:999px;padding:4px 7px;background:#171006;margin-bottom:8px!important}.bottom{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#070a0ef5;backdrop-filter:blur(20px);border-top:1px solid #1b222d}.nav{border:0;background:none;color:#748091;padding:7px 3px;font-size:11px}.nav i{display:block;margin:auto auto 5px;width:22px;height:22px;border:2px solid currentColor;border-radius:7px}.nav.on{color:#ffc45c;font-weight:800}.nav:nth-child(1) i{clip-path:polygon(50% 0,100% 40%,88% 40%,88% 100%,12% 100%,12% 40%,0 40%)}.nav:nth-child(2) i{border-radius:4px;background:linear-gradient(90deg,transparent 44%,currentColor 45% 55%,transparent 56%),linear-gradient(transparent 44%,currentColor 45% 55%,transparent 56%)}.nav:nth-child(3) i{border-radius:50%}.nav:nth-child(4) i{border-radius:50% 50% 35% 35%}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(145deg,#ffc45c,#ff8c32);display:grid;place-items:center;color:#17100a;font-size:26px;font-weight:900}.profile-head h2{margin:0}.profile-head p{margin:4px 0}.list button{width:100%;text-align:left;padding:15px 2px;border:0;border-bottom:1px solid #1a202a;background:none;color:#e9edf3}.room-code{font-size:38px;letter-spacing:.14em;font-weight:900}.players{display:flex;flex-wrap:wrap;gap:8px}.player{padding:8px 11px;background:#151b24;border-radius:999px;color:#cbd2db}.modal{position:fixed;z-index:60;inset:0;background:#07090df2;overflow:auto}.modal-in{max-width:560px;margin:auto;padding:18px 18px 110px}.cover{height:300px;border-radius:28px;overflow:hidden;position:relative}.back{position:fixed;z-index:70;top:18px;left:max(18px,calc(50% - 262px));width:42px;height:42px;border:1px solid #ffffff25;border-radius:14px;background:#0a0d12cc;color:#fff}.modes{display:grid;gap:8px}.mode{padding:15px;border:1px solid #26303c;border-radius:17px;background:#0d1219;color:white;text-align:left}.mode.lock{border-color:#6c5128;color:#ffd178}.cardplay{min-height:330px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:26px;border-radius:28px;background:radial-gradient(circle at 50% 10%,#2a1d0f,#0d1118 60%);border:1px solid #292f38}.cardplay h2{font-size:28px}.splash{height:100vh;display:grid;place-content:center;text-align:center;gap:8px}.splash .logo{margin:auto}.splash span{color:#7e8795}@media(max-width:380px){.hero h1{font-size:33px}.game{min-height:220px}.grid{gap:8px}main{padding:12px}}