:root{font-family:'DM Sans',Arial,sans-serif;color:#f7f1e5;background:#090909;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;min-width:320px}.ambient{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse 64% 25% at 51% -8%,#a47c3028,transparent 80%),radial-gradient(ellipse 80% 42% at 100% 55%,#5b482014,transparent 75%);z-index:-1}
.app{max-width:760px;margin:auto;min-height:100dvh;padding:0 20px calc(110px + env(safe-area-inset-bottom))}.loading{min-height:90dvh;display:grid;place-content:center;text-align:center;color:#a79c83;gap:12px}.loading .crest{font-size:60px;color:#cba65d}.loading p{margin:0}.error{max-width:390px;line-height:1.6}
button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e7bf74;outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(18px + env(safe-area-inset-top)) 0 18px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:22px;letter-spacing:.06em;color:#e5c181;white-space:nowrap}.brand span{color:#f3e9d6}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #b39255;border-radius:50%;font-size:20px;margin-right:7px}.top-user{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:37px;height:37px;border-radius:50%;object-fit:cover;border:1px solid #8d733d;background:#2a251a;display:grid;place-items:center;color:#e8c583;font-weight:700;flex:none}.top-user small{display:block;color:#9f9789;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.top-user strong{display:block;font-size:12px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hairline{height:1px;background:linear-gradient(90deg,transparent,#6d5935,transparent)}.wallet{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0;background:linear-gradient(130deg,#28231a,#171614 75%);border:1px solid #57482c;border-radius:17px;padding:16px 17px;box-shadow:0 15px 60px #0006}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#bea46b}.wallet-number{font-family:'Playfair Display',Georgia,serif;font-size:26px;margin:3px 0 0}.unit{color:#bdab86;font:500 13px 'DM Sans',sans-serif}.gold-button{border:0;color:#1a1409;background:linear-gradient(125deg,#f5dd9d,#bc9049);font-weight:700;border-radius:10px;padding:12px 15px;box-shadow:0 4px 25px #d7ab5b23}.gold-button:hover{filter:brightness(1.1)}
.hero{position:relative;overflow:hidden;border:1px solid #5c4b2f;border-radius:20px;background:radial-gradient(circle at 79% 49%,#715a2a66,transparent 28%),linear-gradient(115deg,#27221a,#0e0e0e 74%);padding:34px 25px 32px;min-height:211px}.hero:after{content:'♛';position:absolute;right:25px;top:-25px;font-size:212px;line-height:1;color:#cba55c21;transform:rotate(-12deg);font-family:Georgia,serif}.hero>*{position:relative;z-index:1}.hero h1,.page-title{font-family:'Playfair Display',Georgia,serif;font-size:33px;line-height:1.1;font-weight:600;margin:13px 0}.hero p{font-size:12px;color:#c5bca9;max-width:245px;line-height:1.6;margin:0}.hero .line{width:38px;height:2px;background:#d4b26e;margin-top:23px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px}.section-head h2{font:600 20px 'Playfair Display',Georgia,serif;margin:0}.section-head small{color:#b39456;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game{min-height:167px;text-align:left;border:1px solid #3d3629;background:linear-gradient(155deg,#22201c,#141413);border-radius:15px;color:#fff;padding:17px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}.game:hover{transform:translateY(-2px);border-color:#b28a48}.game .icon{display:block;font-size:29px;color:#e6c679;height:51px}.game strong{display:block;font:600 19px 'Playfair Display',Georgia,serif}.game span:last-child{display:block;color:#928b80;font-size:11px;margin-top:7px}.game:after{content:'';position:absolute;width:130px;height:130px;border:1px solid #5c4b2a60;border-radius:50%;right:-56px;top:-61px}
.feed{border:1px solid #353129;border-radius:16px;background:#171614;padding:3px 15px}.feed-item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #292722}.feed-item:last-child{border:0}.feed-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2c2619;color:#e5be74;flex:none}.feed-item p{font-size:12px;margin:0;flex:1;color:#bfb8a8}.feed-item strong{color:#eee6d9}.feed-item time{font-size:10px;color:#716c64}.empty{color:#999080;line-height:1.6;font-size:13px;padding:15px 0}
.nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#11100ff2;border-top:1px solid #4a3c25;backdrop-filter:blur(15px);padding:9px max(12px,calc((100vw - 760px)/2 + 16px)) calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.nav button{border:0;color:#857c6d;background:none;border-radius:10px;padding:6px 1px;font-size:10px}.nav button b{display:block;font-size:20px;font-weight:400;margin-bottom:4px}.nav button.active{color:#eac887;background:#49371d55}.nav button span{white-space:nowrap}
.page-intro{margin:29px 0 23px}.page-intro p{color:#aaa293;font-size:13px;line-height:1.6;margin:0}.page-title{margin:11px 0}.panel{border:1px solid #463c2c;border-radius:17px;background:linear-gradient(145deg,#211e19,#141414);padding:20px;margin:13px 0}.panel h3{font:600 21px 'Playfair Display',Georgia,serif;margin:4px 0 10px}.panel p{font-size:13px;color:#aca391;line-height:1.6;margin:0}.back{border:0;background:transparent;color:#d8b66f;padding:5px 0;font-size:13px}.profile-head{display:flex;align-items:center;gap:15px}.profile-head .avatar{height:64px;width:64px;font-size:26px}.profile-head h2{font:600 23px 'Playfair Display',Georgia,serif;margin:0 0 4px}.profile-head p{font-size:12px}.facts{margin-top:18px}.fact{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #353027;padding:14px 0;font-size:12px}.fact span{color:#938a7c}.fact strong{font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:58%}.referral{width:100%;overflow-wrap:anywhere;color:#e1bf79;background:#191714;border:1px solid #493b22;border-radius:9px;text-align:left;padding:12px;margin:13px 0}.muted{color:#90897e;font-size:11px;line-height:1.5}.toast{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#e7c579;color:#17120a;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700;max-width:85%;z-index:20;text-align:center}
@media(max-width:390px){.app{padding-left:14px;padding-right:14px}.brand{font-size:17px}.brand-mark{width:27px;height:27px;font-size:17px}.top-user strong{max-width:75px}.hero{padding:27px 21px}.hero h1{font-size:30px}}@media(min-width:700px){.games{grid-template-columns:repeat(4,1fr)}.hero{min-height:240px}.hero h1{font-size:43px}}
.wide{width:100%;margin:4px 0 12px}.form-field{display:flex;flex-direction:column;gap:8px;color:#c4b59b;font-size:12px;margin:15px 0}.form-field input:not([type=checkbox]),.rewards-input{background:#11100f;border:1px solid #625132;border-radius:9px;color:#f7f1e5;padding:12px;font:inherit;width:100%;outline:none}.form-field input:focus,.rewards-input:focus{border-color:#dfb86d}.form-field input[type=checkbox]{width:20px;height:20px;accent-color:#c59c54}.rewards-input{height:130px;resize:vertical;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.chip{border:1px solid #63502f;background:#211d17;color:#e5c180;padding:8px 11px;border-radius:8px;font-size:11px}.chip.selected,.chip:hover{background:#514021}.admin-tabs{margin:18px 0;text-transform:capitalize}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-grid .panel{margin:0;padding:15px}.stat-grid h3{font-size:19px;overflow-wrap:anywhere}.admin-row{border-top:1px solid #363127;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;overflow-wrap:anywhere}.admin-row span{min-width:0}.admin-detail{border-top:1px solid #40372a;padding:15px 0;overflow-wrap:anywhere}.admin-detail strong{font-size:13px}.admin-detail p{margin:8px 0}.wheel{display:grid;place-items:center;margin:17px auto;width:170px;height:170px;border-radius:50%;border:2px solid #c6a166;box-shadow:inset 0 0 0 7px #252018,0 0 40px #b28e2c25;background:conic-gradient(#342b1a 0 50%,#171512 50% 100%);font:75px Georgia,serif;color:#e6c788}