:root{--ink:#071b18;--ink2:#0c3029;--ink3:#174a3e;--cream:#f0f2ed;--paper:#fff;--gold:#f2bd32;--gold2:#ffdc69;--green:#43cfa1;--red:#ef6958;--blue:#6377ee;--muted:#7f918a;--line:#dce2dc}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f2bd3277;outline-offset:3px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.brand__coin{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffe47a,#e4a81e 55%,#8c5e0c);box-shadow:inset 0 0 0 4px #fff4,0 8px 20px #0004;transform:rotate(-7deg)}
.brand__coin i{width:31px;height:31px;display:grid;place-items:center;border:1px dashed #5c3d0a88;border-radius:50%;color:#432d06;font-size:10px;font-style:normal;font-weight:950}
.brand__text{display:flex;flex-direction:column;line-height:.95}
.brand__text b{color:#fff;font-size:14px;letter-spacing:.08em}
.brand__text small{color:var(--gold);font-size:9px;letter-spacing:.34em;font-weight:900;margin-top:6px}
.brand--compact .brand__coin{width:38px;height:38px}
.brand--compact .brand__coin i{width:25px;height:25px;font-size:8px}
.brand--compact .brand__text b{font-size:11px}.brand--compact .brand__text small{font-size:7px;margin-top:4px}
.outline-button,.dark-button,.gold-button{border-radius:13px;min-height:50px;padding:0 20px;font-weight:850;border:0}
.outline-button{border:1px solid #fff3;background:#fff1;color:#fff}
.dark-button{border:1px solid #fff2;background:#fff1;color:#fff}
.gold-button{background:linear-gradient(135deg,var(--gold2),#e7ac20);color:#3c2800;box-shadow:0 12px 26px #dfa51b33}
.gold-button:disabled,button:disabled{cursor:not-allowed;opacity:.55}
.flash{width:min(100%,760px);margin:0 auto 14px;padding:13px 15px;border-radius:12px;font-size:12px;font-weight:700}
.flash--success{background:#dff5eb;color:#176b52;border:1px solid #b9e9d8}.flash--error{background:#ffe1dc;color:#8b2c22;border:1px solid #ffc0b7}.flash--info{background:#e4edff;color:#344e96}
.toast-container{position:fixed;z-index:500;right:16px;top:82px;display:grid;gap:8px;pointer-events:none}
.toast{max-width:340px;padding:13px 16px;border-radius:13px;color:#fff;background:#153d35;box-shadow:0 15px 35px #0004;font-size:12px;font-weight:750;animation:toast-in .3s ease}
.toast--success{background:#227e63}.toast--error{background:#a83c31}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}}

/* Landing */
.landing-page{background:var(--ink);color:#fff}
.landing{min-height:100dvh;overflow:hidden;position:relative;background:radial-gradient(circle at 58% 35%,#174d4033,transparent 32rem),linear-gradient(155deg,#041410,#071b18 52%,#0b2b24)}
.landing:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:42px 42px}
.landing__glow{position:absolute;border-radius:50%;filter:blur(20px)}.landing__glow--one{width:360px;height:360px;right:-180px;top:-180px;background:#f2bd3220}.landing__glow--two{width:430px;height:430px;left:-220px;bottom:-280px;background:#43cfa119}
.landing__header{width:min(1160px,calc(100% - 40px));height:96px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.landing__hero{width:min(1160px,calc(100% - 40px));margin:auto;min-height:calc(100dvh - 230px);padding:46px 0 72px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,110px);align-items:center;position:relative;z-index:2}
.landing__copy{max-width:570px}.eyebrow,.form-kicker{display:inline-flex;align-items:center;color:#a8ead5;font-size:10px;font-weight:900;letter-spacing:.14em}
.eyebrow{border:1px solid #43cfa144;border-radius:999px;padding:9px 13px;background:#1d82671f}
.landing__copy h1{font-size:clamp(56px,6vw,86px);line-height:.94;letter-spacing:-.065em;margin:22px 0 20px}
.landing__copy h1 em{color:var(--gold);font-style:normal;position:relative}.landing__copy h1 em:after{content:"";position:absolute;left:4px;right:0;bottom:-8px;height:5px;border-radius:99px;background:var(--gold);transform:rotate(-1deg)}
.landing__copy>p{max-width:525px;color:#a7bab3;font-size:17px;line-height:1.7}
.landing__actions{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap}.landing__actions .gold-button span{margin-left:12px}
.landing__players{display:flex;align-items:center;margin-top:32px}.landing__players>span{width:34px;height:34px;display:grid;place-items:center;margin-left:-7px;border:3px solid var(--ink);border-radius:50%;background:#6c78bc;font-size:10px;font-weight:900}.landing__players>span:first-child{margin-left:0;background:#9e772c}.landing__players>span:nth-child(3){background:#3f8874}.landing__players b{margin-left:12px;font-size:11px}
.landing__game-card{width:min(100%,450px);justify-self:center;padding:21px;border:1px solid #fff2;border-radius:32px;background:linear-gradient(150deg,#1b4a3fdd,#071b18f7);box-shadow:0 45px 80px #0006,inset 0 1px #fff2;transform:rotateY(-4deg) rotateZ(1deg)}
.landing__game-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.landing__game-card>header span{color:#a8e8d4;font-size:8px;font-weight:900;letter-spacing:.13em}.landing__game-card>header span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d5a7;box-shadow:0 0 10px #45d5a7;margin-right:6px}.landing__game-card>header b{font-size:9px;color:#d8e4df;background:#fff1;border-radius:99px;padding:8px 10px}
.mini-board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:14px;border-radius:20px;background:#0003}.mini-board>i{aspect-ratio:1;border-radius:10px;position:relative;background:linear-gradient(145deg,#e5dccb,#a69b88);box-shadow:inset 0 2px #fff6,0 4px 7px #0005}.mini-board>i.red{background:linear-gradient(145deg,#ff907f,#b63f34)}.mini-board>i.blue{background:linear-gradient(145deg,#919fff,#5365ca)}
.mini-pawn{position:absolute;width:40%;height:40%;left:30%;top:28%;border-radius:50%;background:#f5c331;box-shadow:0 5px 5px #0005}.mini-pawn:after{content:"";position:absolute;left:-25%;bottom:-35%;width:150%;height:42%;border-radius:50%;background:inherit}.mini-pawn.green{background:#3fd0a1}
.landing__game-card>footer{display:flex;justify-content:space-between;align-items:center;padding:17px 6px 0}.landing__game-card>footer span{display:flex;flex-direction:column;font-size:10px}.landing__game-card>footer span:last-child{text-align:right}.landing__game-card>footer small{color:#63d2ae;font-size:8px;margin-top:3px}.landing__game-card>footer em{font-size:8px;color:#6e837b;font-style:normal;font-weight:900}
.landing__features{width:min(1160px,calc(100% - 40px));margin:0 auto 35px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #fff1;position:relative;z-index:2}.landing__features article{display:flex;justify-content:center;align-items:center;gap:13px;padding:25px;border-right:1px solid #fff1;font-size:24px}.landing__features article:last-child{border-right:0}.landing__features span{display:flex;flex-direction:column;font-size:12px}.landing__features small{color:#7e928a;font-size:10px;margin-top:4px}
.auth-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px}.auth-modal.open{display:grid}.auth-modal__backdrop{position:absolute;inset:0;border:0;background:#020c0aaa;backdrop-filter:blur(9px)}
.auth-card{width:min(100%,430px);max-height:calc(100dvh - 30px);overflow:auto;position:relative;z-index:2;padding:28px;border-radius:27px;background:#fff;color:var(--ink);box-shadow:0 30px 70px #0008;animation:auth-in .3s ease}@keyframes auth-in{from{opacity:0;transform:translateY(15px) scale(.97)}}
.auth-card__close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#edf0ec;color:#66766f;font-size:20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#edf0eb;margin-bottom:24px}.auth-tabs[hidden]{display:none}.auth-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:#84918c;font-size:9px;font-weight:900;letter-spacing:.1em}.auth-tabs button.active{background:#fff;color:#174a3e;box-shadow:0 4px 12px #0b302615}
.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{margin:7px 0 4px;font-size:28px;letter-spacing:-.04em}.auth-form>p{margin:0 0 22px;color:#7d8b86;font-size:12px}.auth-form label,.simple-card label,.settings-form label,.admin-form label{display:flex;flex-direction:column;gap:7px;margin:13px 0;color:#455750;font-size:11px;font-weight:800}.auth-form input,.simple-card input,.settings-form input,.settings-form textarea,.admin-form input,.admin-table input,.admin-table textarea,.admin-search input,.word-form input{width:100%;height:45px;border:1px solid #d8dfda;border-radius:11px;background:#f8faf7;color:var(--ink);padding:0 12px}.auth-form label small,.settings-form label small{color:#8b9994;font-size:8px;font-weight:500}.auth-form .gold-button{width:100%;margin-top:10px}.at-input{display:flex;align-items:center;height:45px;border:1px solid #d8dfda;border-radius:11px;background:#f8faf7}.at-input span{padding-left:12px;color:#76877f;font-weight:900}.at-input input{border:0;background:transparent}.form-link{display:block;margin-top:14px;text-align:center;color:#328b70;font-size:10px;font-weight:750}

/* App */
.app-body{min-height:100dvh;background:var(--cream);padding-bottom:105px}
.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 760px)/2));position:sticky;top:0;z-index:50;background:var(--ink);box-shadow:0 8px 25px #061a161f}
.app-header__actions{display:flex;align-items:center;gap:12px}.header-icon{text-decoration:none}.header-admin{padding:7px 9px;border-radius:8px;background:var(--gold);color:#3a2700;text-decoration:none;font-size:7px;font-weight:950}.header-exit{color:#8da099;text-decoration:none;font-size:10px;font-weight:750}
.app-container{width:min(100%,760px);margin:auto;padding:26px 20px 35px}
.welcome-row,.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.welcome-row{align-items:center;margin-bottom:20px}.welcome-row p{margin:0;color:#70817a;font-size:13px}.welcome-row h1{margin:2px 0 0;font-size:26px;letter-spacing:-.04em}.notification-button{width:45px;height:45px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none}.notification-button i{position:absolute;right:-3px;top:-4px;width:19px;height:19px;display:grid;place-items:center;border:2px solid var(--cream);border-radius:50%;background:var(--red);color:#fff;font-size:8px;font-style:normal;font-weight:900}
.balance-card{min-height:205px;padding:21px;position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#0e3c32,#061914);color:#fff;box-shadow:0 17px 36px #06261f2e}.balance-card:after{content:"OD";position:absolute;right:-15px;bottom:-45px;color:#fff0;font-size:140px;font-weight:950;letter-spacing:-.15em;text-shadow:0 0 30px #fff1}.balance-card>header{display:flex;justify-content:space-between;color:#8fa8a0;font-size:9px;letter-spacing:.17em}.balance-card>header b{letter-spacing:.2em}.balance-value{display:flex;align-items:center;gap:9px;margin-top:21px;position:relative;z-index:2}.balance-value i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffe374,#d89d19);box-shadow:inset 0 0 0 3px #fff4;color:#624300;font-style:normal}.balance-value strong{font-size:36px;letter-spacing:-.05em}.balance-value small{align-self:flex-end;margin-bottom:7px;color:#98aea6;font-size:11px}.balance-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;position:relative;z-index:2}.balance-card>footer a{height:42px;display:grid;place-items:center;border:1px solid #fff2;border-radius:12px;background:#fff1;color:#fff;text-decoration:none;font-size:11px;font-weight:800}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:13px 0 27px}.stats-grid article{padding:16px;position:relative;border:1px solid var(--line);border-radius:18px;background:#fff}.stats-grid article>span{float:right}.stats-grid small{display:block;color:#7e8d87;font-size:10px}.stats-grid b{display:block;margin-top:4px;font-size:27px}.stats-grid em{display:block;margin-top:4px;color:#3aa27f;font-size:8px;font-style:normal;font-weight:800}
.section-heading{align-items:flex-end;margin:22px 0 12px}.section-heading span,.page-heading>div>span{color:#84938d;font-size:8px;font-weight:900;letter-spacing:.17em}.section-heading h2,.page-heading h1{margin:4px 0 0;letter-spacing:-.04em}.section-heading h2{font-size:18px}.section-heading>a{color:#2e9173;text-decoration:none;font-size:9px;font-weight:850}
.empty-card,.schedule-card,.notification-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:17px;background:#fff}.empty-card{padding:16px;font-size:23px}.empty-card span,.schedule-card>div:not(.date-tile),.notification-item>div{display:flex;flex:1;flex-direction:column;min-width:0}.empty-card b,.schedule-card b,.notification-item b{font-size:10px}.empty-card small,.schedule-card small,.notification-item small{color:#82918b;font-size:8px;margin-top:4px}.schedule-card{padding:12px;margin-bottom:8px}.date-tile{width:47px;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#123d34;color:#fff}.date-tile b{font-size:17px}.date-tile span{color:var(--gold);font-size:7px;font-weight:900}.inline-actions{display:flex;gap:5px}.inline-actions button{width:31px;height:31px;border:0;border-radius:9px;background:#dff3ea;color:#197257}.inline-actions button:last-child{background:#ffe2dd;color:#8e3026}
.quick-play{margin-top:20px;padding:18px;border-radius:21px;background:linear-gradient(130deg,#114a3e,#092a23);color:#fff}.quick-play>div{display:flex;align-items:center;gap:11px;font-size:29px}.quick-play span{display:flex;flex-direction:column}.quick-play b{font-size:13px}.quick-play small{margin-top:3px;color:#9db5ad;font-size:9px}.quick-play>a{height:42px;display:grid;place-items:center;margin-top:14px;border-radius:12px;background:var(--gold);color:#382500;text-decoration:none;font-size:9px;font-weight:950}
.notifications{scroll-margin-top:82px}.notification-item{padding:13px;margin-bottom:7px}.notification-item.unread{border-color:#efc95d;background:#fffaf0}.notification-item>span{font-size:21px}.notification-item button{border:0;border-radius:9px;padding:9px;background:#174a3e;color:#fff;font-size:7px;font-weight:900}.notification-item>a{text-decoration:none;font-size:20px;color:#778a82}
.bottom-nav{position:fixed;z-index:80;left:50%;bottom:10px;width:min(calc(100% - 22px),600px);min-height:70px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid #fff2;border-radius:23px;background:#071b18f5;box-shadow:0 18px 38px #04120f66;backdrop-filter:blur(15px);transform:translateX(-50%)}
.bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;position:relative;border-radius:16px;color:#738b82;text-decoration:none}.bottom-nav a.active{color:var(--gold);background:#fff1}.bottom-nav span{font-size:19px}.bottom-nav small{font-size:7px;font-weight:900;letter-spacing:.07em}.bottom-nav i{position:absolute;right:23%;top:7px;width:7px;height:7px;border-radius:50%;background:#45d9a8;box-shadow:0 0 8px #45d9a8}
.page-heading{margin-bottom:24px}.page-heading h1{font-size:28px}.page-heading>small{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#71837c;font-size:8px;font-weight:800}.online-count i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}
.rank-hero{padding:24px;text-align:center;border-radius:24px;background:linear-gradient(145deg,#0e3b32,#061914);color:#fff}.rank-hero>span{font-size:44px;color:var(--gold)}.rank-hero h2{margin:5px 0;font-size:19px}.rank-hero p{margin:0;color:var(--gold);font-size:11px;font-weight:800}.rank-list{margin-top:12px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.rank-list article{min-height:67px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #edf0ec}.rank-list article:last-child{border-bottom:0}.rank-list article.me{background:#f9f3df}.rank-list article>i{width:23px;text-align:center;color:#84938d;font-size:11px;font-style:normal;font-weight:900}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#91d7c2;color:#143e35;font-size:12px;font-weight:900}.rank-list article>div{display:flex;flex:1;flex-direction:column}.rank-list article b{font-size:10px}.rank-list article small{margin-top:3px;color:#82918b;font-size:8px}.rank-list article strong{font-size:10px}.rank-list em{padding:2px 4px;border-radius:4px;background:#ecd37f;color:#6b4b07;font-size:6px;font-style:normal}.rank-note{text-align:center;color:#87948f;font-size:8px}
.mode-card{margin-bottom:13px;padding:21px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.mode-card--real{border:0;background:linear-gradient(140deg,#0e4438,#071b18);color:#fff;box-shadow:0 15px 32px #072b242c}.mode-card>small{color:#3e9c7d;font-size:7px;font-weight:950;letter-spacing:.18em}.mode-card h2{margin:5px 0 7px;font-size:24px;letter-spacing:-.04em}.mode-card p{width:calc(100% - 90px);min-height:47px;margin:0;color:#75867f;font-size:10px;line-height:1.55}.mode-card--real p{color:#9ab4ab}.mode-art{position:absolute;right:20px;top:48px;width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#eff3f0;font-size:38px}.mode-card--real .mode-art{background:#fff1}.mode-tag{position:absolute;right:17px;top:0;padding:7px 9px;border-radius:0 0 9px 9px;background:var(--gold);color:#3e2a00;font-size:6px;font-style:normal;font-weight:950}.mode-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #edf0ec}.mode-card--real footer{border-color:#fff1}.mode-card footer>span{color:#84958e;font-size:9px}.mode-card footer button{height:40px;padding:0 14px;border:0;border-radius:11px;background:#174a3e;color:#fff;font-size:8px;font-weight:950}.mode-card--real footer button{background:var(--gold);color:#3b2800}
.rules-card{padding:15px;border:1px solid var(--line);border-radius:19px;background:#fff}.rules-card>div{display:flex;align-items:center;gap:10px;font-size:21px}.rules-card>div span{display:flex;flex-direction:column}.rules-card b{font-size:10px}.rules-card small{color:#83928c;font-size:8px;margin-top:3px}.rules-card footer{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px;color:#677870;font-size:7px}.rules-card footer i{width:7px;height:7px;border-radius:50%}.rules-card footer i.red{background:var(--red)}.rules-card footer i.blue{background:var(--blue)}.rules-card footer span{padding:5px 7px;border-radius:99px;background:#f0f2ef}
.match-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:#020c0ac4;backdrop-filter:blur(8px)}.match-modal.open{display:grid}.match-modal>section{width:min(100%,380px);padding:30px 25px 24px;position:relative;text-align:center;border:1px solid #fff2;border-radius:28px;background:linear-gradient(145deg,#123f34,#071b18);color:#fff}.match-modal>section>button:first-child{position:absolute;right:13px;top:12px;width:33px;height:33px;border:0;border-radius:50%;background:#fff1;color:#fff;font-size:19px}.radar{width:125px;height:125px;display:grid;place-items:center;margin:auto;position:relative;border-radius:50%;font-size:40px;background:#43cfa111}.radar i{position:absolute;inset:12px;border:1px solid #43cfa155;border-radius:50%;animation:radar 2.4s ease-out infinite}.radar i:nth-child(2){animation-delay:-.8s}.radar i:nth-child(3){animation-delay:-1.6s}@keyframes radar{from{transform:scale(.3);opacity:1}to{transform:scale(1.35);opacity:0}}.match-modal small{display:block;margin-top:18px;color:#5dd9b1;font-size:8px;letter-spacing:.17em;font-weight:950}.match-modal h2{margin:4px 0 8px;font-size:38px}.match-modal p{color:#9db3ab;font-size:10px;line-height:1.6}.match-progress{height:5px;margin:19px 0;border-radius:99px;overflow:hidden;background:#fff1}.match-progress i{display:block;width:0;height:100%;background:var(--gold);transition:width 1s linear}.match-modal>section>button:last-child{width:100%;height:42px;border:1px solid #fff2;border-radius:11px;background:#fff1;color:#fff;font-size:8px;font-weight:900}
.live-challenge{position:fixed;z-index:150;left:50%;top:80px;width:min(calc(100% - 26px),500px);padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid #fff2;border-radius:17px;background:#0c372e;color:#fff;box-shadow:0 20px 45px #0006;transform:translateX(-50%);animation:toast-in .3s ease}.live-challenge>div{display:flex;gap:9px;align-items:center}.live-challenge>div>span{font-size:25px}.live-challenge>div div{display:flex;flex-direction:column}.live-challenge b{font-size:10px}.live-challenge small{color:#9db5ad;font-size:7px}.live-challenge>button{height:34px;border:0;border-radius:9px;padding:0 10px;background:var(--gold);color:#3b2800;font-size:7px;font-weight:950}.live-challenge>button:last-child{background:#fff1;color:#9fb5ad}
.profile-summary{display:flex;align-items:center;gap:12px;margin-bottom:17px}.profile-avatar{width:61px;height:61px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#f7d469,#a57717);color:#3b2800;font-size:20px;font-weight:950}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-summary div{flex:1}.profile-summary h1{margin:0;font-size:21px}.profile-summary p{margin:4px 0 0;color:#7d8c86;font-size:9px}.profile-summary>a{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#39725f;text-decoration:none;font-size:8px;font-weight:800}
.settings-balance{display:flex;align-items:center;gap:11px;padding:14px;border-radius:18px;background:#0d332b;color:#fff}.settings-balance>span{font-size:28px}.settings-balance>div{display:flex;flex:1;flex-direction:column}.settings-balance small{color:#84a098;font-size:7px;letter-spacing:.13em;font-weight:900}.settings-balance b{font-size:12px;margin-top:3px}.settings-balance>a{padding:8px 9px;border:1px solid #fff2;border-radius:9px;background:#fff1;color:#d5e4df;text-decoration:none;font-size:7px}
.settings-stack{margin-top:13px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.settings-stack details{border-bottom:1px solid #edf0ec}.settings-stack details:last-child{border-bottom:0}.settings-stack summary{min-height:67px;display:flex;align-items:center;gap:11px;padding:12px 14px;list-style:none;cursor:pointer;font-size:19px}.settings-stack summary::-webkit-details-marker{display:none}.settings-stack summary>span{display:flex;flex:1;flex-direction:column}.settings-stack summary b{font-size:10px}.settings-stack summary small{margin-top:3px;color:#82918b;font-size:8px}.settings-stack summary>i{color:#8c9994;font-size:19px;font-style:normal;transition:transform .2s}.settings-stack details[open] summary>i{transform:rotate(90deg)}
.settings-form{padding:5px 15px 18px;border-top:1px solid #edf0ec;background:#fafbf8}.settings-form textarea{min-height:95px;padding:11px;resize:vertical}.settings-form>button,.settings-form form>button,.copy-row button,.pix-box button{width:100%;min-height:41px;border:0;border-radius:10px;background:#174a3e;color:#fff;font-size:8px;font-weight:950}.settings-form>button:disabled{background:#8c9894}.pix-box{padding:14px;margin:10px 0;border-radius:14px;background:#0e372f;color:#fff}.pix-box small{display:block;color:#7e9c92;font-size:7px;letter-spacing:.15em}.pix-box b{display:block;margin:4px 0;word-break:break-all;font-size:12px}.pix-box span{display:block;color:#9eb6ad;font-size:8px}.pix-box button{margin-top:10px;background:var(--gold);color:#3b2800}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.package-grid label{margin:0}.package-grid input{position:absolute;opacity:0;pointer-events:none}.package-grid span{min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.package-grid input:checked+span{border-color:#b9850f;background:#fff7dd;box-shadow:0 0 0 2px #f2bd3244}.package-grid b{font-size:12px}.package-grid small{margin-top:3px;color:#7f8d88;font-size:8px}.history-row{min-height:39px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ebe6;font-size:9px}.status{padding:4px 6px;border-radius:6px;font-size:6px;text-transform:uppercase}.status--pending,.status--open{background:#fff1c8;color:#765900}.status--approved,.status--paid,.status--answered{background:#dff5eb;color:#146c51}.status--rejected,.status--closed{background:#ffe1dc;color:#8b2c22}.legal-note{padding:10px;border-radius:10px;background:#fff3ce;color:#6f550e;font-size:8px;line-height:1.5}
.copy-row{display:flex;gap:6px}.copy-row button{width:auto;padding:0 10px}.affiliate-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.affiliate-levels>span{padding:11px 5px;text-align:center;border:1px solid var(--line);border-radius:11px;background:#fff}.affiliate-levels b{display:block;font-size:16px}.affiliate-levels small{color:#778781;font-size:7px}.commission-balance{padding:13px;border-radius:12px;background:#0d332b;color:#fff}.commission-balance small{color:#8ba69d;font-size:7px}.commission-balance b{display:block;margin-top:3px;font-size:20px}.admin-card{display:flex;align-items:center;gap:11px;margin-top:13px;padding:15px;border:1px dashed #abbdb5;border-radius:17px;background:#e3ebe6;text-decoration:none}.admin-card>span{display:flex;flex:1;flex-direction:column}.admin-card b{font-size:10px}.admin-card small{color:#7a8c84;font-size:8px;margin-top:3px}.admin-card strong{padding:7px 9px;border-radius:8px;background:#174a3e;color:#fff;font-size:7px}.version-label{text-align:center;color:#95a19c;font-size:7px;margin-top:22px}

/* Game */
.game-body{min-height:100dvh;background:#030e0c;color:#fff}
.game-screen{width:min(100%,560px);min-height:100dvh;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 28%,#12493d,#071b18 48%,#04100d)}
.game-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:24px 24px}
.game-header{height:60px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 11px;position:relative;z-index:3}.game-header>a,.game-header>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #fff2;border-radius:11px;background:#fff1;color:#fff;text-decoration:none;font-size:20px}.game-header>div{display:flex;flex-direction:column;text-align:center}.game-header small{color:var(--gold);font-size:6px;letter-spacing:.17em;font-weight:950}.game-header b{font-size:11px;margin-top:3px}
.players-bar{height:64px;padding:7px 14px;display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:6px;position:relative;z-index:3;border-top:1px solid #fff1;border-bottom:1px solid #fff1;background:#0002}.players-bar>div:not(.turn-timer){display:flex;align-items:center;gap:7px;padding:4px;border-radius:11px}.players-bar>div:last-child{justify-content:flex-end;text-align:right}.players-bar>div.active{background:#f2bd3217;box-shadow:inset 0 0 0 1px #f2bd322b}.player-avatar{width:34px;height:34px;display:grid;place-items:center;border:2px solid #fff2;border-radius:50%;font-size:9px;font-weight:950}.player-avatar.gold{background:linear-gradient(145deg,#f8d76d,#986712);color:#352300}.player-avatar.green{background:linear-gradient(145deg,#8ce2c5,#238c6e);color:#082b23}.players-bar p{display:flex;flex-direction:column;margin:0;min-width:0}.players-bar b{max-width:96px;overflow:hidden;text-overflow:ellipsis;font-size:8px}.players-bar small{margin-top:3px;color:#718b82;font-size:5px;letter-spacing:.09em;font-weight:900}.players-bar>div.active small{color:var(--gold)}
.turn-timer{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #3daf8b;border-radius:50%;background:#09251f;box-shadow:0 0 0 3px #3daf8b19}.turn-timer b{font-size:14px}.turn-timer small{font-size:5px}.turn-timer.danger{border-color:var(--red);animation:pulse .7s infinite alternate}@keyframes pulse{to{transform:scale(1.07);box-shadow:0 0 15px #ef695855}}
.event-toast{width:fit-content;max-width:calc(100% - 35px);margin:8px auto 4px;padding:6px 11px;position:relative;z-index:3;border:1px solid #fff2;border-radius:99px;background:#020e0b99;color:#b7cbc3;text-align:center;font-size:7px}
.board-wrap{width:calc(100% - 20px);max-width:515px;margin:auto;padding:8px;position:relative;z-index:2;border:1px solid #fff2;border-radius:22px;background:linear-gradient(145deg,#1f5042c7,#071b17e6);box-shadow:0 20px 38px #0005,inset 0 1px #fff2}
.board-grid{width:100%;aspect-ratio:7/10;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,1fr);gap:3px;padding:4px;position:relative;border-radius:16px;background:radial-gradient(circle,#5cb3932d,#02110d77)}
.board-cell{min-width:0;min-height:0;display:grid;place-items:center;position:relative;border-radius:8px;background:linear-gradient(145deg,#e5dece,#a69c88);box-shadow:inset 0 2px 1px #fff7,0 4px 5px #0004}.board-cell:after{content:"";position:absolute;inset:3px;border:1px solid #3c342424;border-radius:5px}.board-cell>small{position:absolute;left:4px;top:3px;color:#302b225d;font-size:clamp(4px,1vw,6px);font-weight:850}.board-cell>span{color:#fff;font-size:clamp(9px,2.5vw,14px);font-weight:950;text-shadow:0 1px 2px #0005}.board-cell--red{background:linear-gradient(145deg,#ff907f,#b44135)}.board-cell--blue{background:linear-gradient(145deg,#909eff,#5063c8)}.board-cell--finish{background:linear-gradient(145deg,#ffe374,#c98c13)}.board-cell--finish>span{color:#684600}
.board-vault{grid-row:2;grid-column:5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f2bd3244;border-radius:12px;background:#f2bd3214;color:var(--gold)}.board-vault span{font-size:17px}.board-vault small{font-size:5px;font-weight:950;letter-spacing:.13em}
.base-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px dashed #fff3;border-radius:13px}.base-pad>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:7px}.base-pad>span{color:#8ba098;font-size:4px;letter-spacing:.12em;font-weight:950}.base-pad--viewer{grid-row:9;grid-column:1;background:#f2bd3211}.base-pad--viewer>b{background:var(--gold);color:#3a2600}.base-pad--opponent{grid-row:1;grid-column:7;background:#43cfa111}.base-pad--opponent>b{background:var(--green);color:#052c23}.base-pad>[data-base]{position:absolute;left:0;right:0;bottom:-7px;display:flex;justify-content:center}
.token-pack{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}.token-pack .pawn{pointer-events:auto}.token-pack .pawn+.pawn{margin-left:-8px;transform:scale(.75)}
.pawn{width:clamp(21px,6vw,33px);height:clamp(17px,5vw,26px);padding:0;position:relative;border:0;border-radius:50%;filter:drop-shadow(0 5px 3px #0006)}.pawn:before{content:"";position:absolute;left:21%;top:-48%;width:58%;height:72%;border-radius:50% 50% 42% 42%;background:inherit;box-shadow:inset 3px 3px #fff4}.pawn i{position:absolute;inset:3px;border:1px solid #fff4;border-radius:50%}.pawn--viewer{background:linear-gradient(145deg,#ffdb67,#c18911)}.pawn--opponent{background:linear-gradient(145deg,#87e4c5,#23916f)}.pawn.selected{animation:selected .65s infinite alternate;filter:drop-shadow(0 0 7px #ffd85f) drop-shadow(0 5px 3px #0006)}@keyframes selected{to{transform:translateY(-3px) scale(1.1)}}
.game-controls{min-height:127px;display:grid;grid-template-columns:1fr 114px 67px;gap:6px;align-items:center;padding:3px 13px max(7px,env(safe-area-inset-bottom));position:relative;z-index:3;background:linear-gradient(180deg,transparent,#030e0cb8)}
.piece-selector,.chat-toggle{height:56px;border:1px solid #fff2;border-radius:14px;background:#fff1;color:#fff}.piece-selector{min-width:0;display:flex;align-items:center;gap:7px;padding:0 9px;text-align:left}.piece-selector>.pawn{width:26px;height:20px;flex:0 0 auto;transform:scale(.76)}.piece-selector>div{display:flex;flex:1;flex-direction:column;min-width:0}.piece-selector small{color:#718c82;font-size:5px;letter-spacing:.1em}.piece-selector b{font-size:8px}.piece-selector>i{color:#6c867d;font-style:normal}
.roll-area{align-self:end;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center}.roll-area p{margin:12px 0 0;color:var(--gold);font-size:5px;letter-spacing:.14em;font-weight:950}.die-button{width:80px;height:70px;padding:0;border:0;background:transparent}.die-scene{width:58px;height:58px;display:block;margin:auto;perspective:320px}.die-cube{width:58px;height:58px;display:block;position:relative;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(28deg);transition:transform .5s ease}.die-face{position:absolute;inset:0;padding:10px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);border:1px solid #7b530044;border-radius:10px;background:linear-gradient(145deg,#ffdf73,#d59a1b);box-shadow:inset 4px 4px 8px #fff4;backface-visibility:hidden}.die-face i{width:7px;height:7px;place-self:center;border-radius:50%;background:#3e2a03}.die-face--1{transform:translateZ(29px)}.die-face--2{transform:rotateY(90deg) translateZ(29px)}.die-face--3{transform:rotateY(180deg) translateZ(29px)}.die-face--4{transform:rotateY(-90deg) translateZ(29px)}.die-face--5{transform:rotateX(90deg) translateZ(29px)}.die-face--6{transform:rotateX(-90deg) translateZ(29px)}
.die-face--1 i{grid-area:2/2}.die-face--2 i:first-child,.die-face--3 i:first-child,.die-face--4 i:first-child,.die-face--5 i:first-child,.die-face--6 i:first-child{grid-area:1/1}.die-face--2 i:nth-child(2),.die-face--3 i:nth-child(3),.die-face--4 i:nth-child(4),.die-face--5 i:nth-child(4),.die-face--6 i:nth-child(6){grid-area:3/3}.die-face--3 i:nth-child(2),.die-face--5 i:nth-child(5){grid-area:2/2}.die-face--4 i:nth-child(2),.die-face--5 i:nth-child(2){grid-area:1/3}.die-face--4 i:nth-child(3),.die-face--5 i:nth-child(3){grid-area:3/1}.die-face--6 i:nth-child(2){grid-area:2/1}.die-face--6 i:nth-child(3){grid-area:3/1}.die-face--6 i:nth-child(4){grid-area:1/3}.die-face--6 i:nth-child(5){grid-area:2/3}
.die-scene.face-2 .die-cube{transform:rotateX(-12deg) rotateY(-65deg)}.die-scene.face-3 .die-cube{transform:rotateX(-15deg) rotateY(196deg)}.die-scene.face-4 .die-cube{transform:rotateX(-15deg) rotateY(110deg)}.die-scene.face-5 .die-cube{transform:rotateX(-104deg) rotateY(12deg)}.die-scene.face-6 .die-cube{transform:rotateX(104deg) rotateY(-12deg)}.die-scene.rolling .die-cube{animation:roll-cube .7s cubic-bezier(.22,.9,.26,1)}@keyframes roll-cube{0%{transform:rotateX(0) rotateY(0) scale(.85)}55%{transform:rotateX(440deg) rotateY(520deg) translateY(-10px) scale(1.08)}100%{transform:rotateX(720deg) rotateY(900deg)}}
.chat-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.chat-toggle small{color:#819a91;font-size:5px;font-weight:900}
.game-chat-bubble{position:absolute;z-index:20;left:50%;bottom:130px;width:max-content;max-width:78%;display:flex;flex-direction:column;padding:9px 12px;border:1px solid #fff2;border-radius:13px;background:#071b18e8;color:#fff;box-shadow:0 12px 25px #0006;transform:translateX(-50%);animation:chat-pop .28s ease}.game-chat-bubble b{color:var(--gold);font-size:7px}.game-chat-bubble span{margin-top:3px;font-size:9px}@keyframes chat-pop{from{opacity:0;transform:translate(-50%,8px) scale(.96)}}
.chat-drawer{position:fixed;inset:0;z-index:220;display:none;align-items:flex-end;justify-content:center}.chat-drawer.open{display:flex}.chat-backdrop{position:absolute;inset:0;border:0;background:#0009;backdrop-filter:blur(4px)}.chat-drawer>section{width:min(100%,560px);height:min(70dvh,560px);display:flex;flex-direction:column;position:relative;z-index:2;border-radius:27px 27px 0 0;background:#f4f2ea;color:var(--ink);animation:drawer .3s ease}@keyframes drawer{from{transform:translateY(100%)}}.chat-drawer>section>header{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.chat-drawer header div{display:flex;flex-direction:column}.chat-drawer header b{font-size:13px}.chat-drawer header small{color:#81908a;font-size:7px}.chat-drawer header button{width:32px;height:32px;border:0;border-radius:50%;background:#e1e5df;font-size:19px}.chat-messages{flex:1;overflow:auto;padding:14px 18px}.chat-messages article{width:fit-content;max-width:82%;margin-bottom:9px}.chat-messages small{color:#788781;font-size:7px}.chat-messages p{margin:3px 0 0;padding:9px 11px;border-radius:5px 13px 13px;background:#fff;font-size:10px}.emoji-row{display:flex;gap:6px;padding:0 18px 8px}.emoji-row button{width:36px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff}.chat-drawer form{display:flex;gap:7px;padding:10px 14px max(11px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.chat-drawer form input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px}.chat-drawer form button{width:42px;border:0;border-radius:12px;background:#174a3e;color:#fff}
.winner-overlay{position:fixed;inset:0;z-index:250;display:none;place-items:center;padding:22px;background:#020e0ddd;backdrop-filter:blur(9px)}.winner-overlay.open{display:grid}.winner-overlay section{width:min(100%,370px);padding:33px 24px 24px;text-align:center;border:1px solid #fff2;border-radius:28px;background:linear-gradient(145deg,#164b3e,#071b18);color:#fff}.winner-overlay section>span{font-size:62px}.winner-overlay small{display:block;margin-top:8px;color:var(--gold);font-size:8px;letter-spacing:.18em;font-weight:950}.winner-overlay h2{margin:6px 0 8px;font-size:23px}.winner-overlay p{color:#9db4ab;font-size:10px}.winner-overlay a{height:43px;display:grid;place-items:center;margin-top:20px;border-radius:12px;background:var(--gold);color:#3a2700;text-decoration:none;font-size:8px;font-weight:950}

/* Admin e telas simples */
.admin-body{min-height:100dvh;background:#e9ede8}.admin-header{min-height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff}.admin-header nav{display:flex;gap:16px}.admin-header nav a{color:#a6bbb3;text-decoration:none;font-size:9px;font-weight:800}.admin-container{width:min(100% - 30px,1180px);margin:auto;padding:28px 0 45px}.admin-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.admin-title>div>span,.admin-section>header span{color:#478d76;font-size:8px;letter-spacing:.16em;font-weight:950}.admin-title h1{margin:4px 0;font-size:30px}.admin-title p{margin:0;color:#74847e;font-size:10px}.admin-title>b{padding:8px 10px;border-radius:9px;background:#fff;color:#708079;font-size:8px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.admin-stats article,.admin-panel,.admin-section{border:1px solid #d8dfd9;border-radius:18px;background:#fff}.admin-stats article{padding:15px}.admin-stats article>span{float:right}.admin-stats small{display:block;color:#7b8a84;font-size:8px}.admin-stats b{display:block;margin-top:5px;font-size:24px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.admin-panel{padding:17px}.admin-panel header{display:flex;justify-content:space-between}.admin-panel small{color:#7e8e88;font-size:7px;letter-spacing:.12em}.admin-panel h2{margin:4px 0;font-size:21px}.admin-panel header>span{font-size:28px}.admin-panel p{margin:7px 0 0;color:#6f8179;font-size:9px}
.admin-section{margin-bottom:12px;overflow:hidden}.admin-section>header{min-height:68px;display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #e8ece8}.admin-section>header h2{margin:3px 0 0;font-size:17px}.admin-section>header>b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eef2ef;color:#497060;font-size:10px}.admin-empty{padding:22px;text-align:center;color:#87958f;font-size:10px}.admin-table article{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #edf0ed}.admin-table article:last-child{border-bottom:0}.admin-table article>div{display:flex;flex:1;flex-direction:column;min-width:220px}.admin-table article>div b{font-size:10px}.admin-table article>div small{margin-top:4px;color:#7d8c86;font-size:8px}.admin-table>a{padding:7px 8px;border-radius:8px;background:#e8f0eb;color:#265f4d;text-decoration:none;font-size:7px;font-weight:900}.admin-table form{display:flex;gap:5px}.admin-table input{width:130px;height:35px}.admin-table button,.admin-search button,.word-form button,.admin-form button,.version-form button{height:35px;padding:0 9px;border:0;border-radius:8px;background:#244f42;color:#fff;font-size:6px;font-weight:950}.admin-table button.approve{background:#238161}.admin-table button.reject{background:#bd493d}.admin-table .gold-adjust input:first-of-type{width:85px}.support-form textarea{width:180px;min-height:48px;padding:8px}.admin-search{display:flex;gap:5px}.admin-search input{height:36px;width:180px}.admin-section.compact{margin:0}.admin-form{padding:15px}.admin-form label{margin:9px 0}.admin-form input{height:40px}.admin-form .check{display:flex;flex-direction:row;align-items:center}.admin-form .check input{width:16px;height:16px}.admin-form button{width:100%;height:41px}.version-form{padding:0 15px 15px}.version-form button{width:100%;height:40px;background:#b88717}.word-form{display:flex;gap:6px;padding:14px}.word-list{max-height:330px;overflow:auto;padding:0 14px 14px}.word-list form{display:flex;align-items:center;gap:7px;padding:6px;border-bottom:1px solid #edf0ed}.word-list span{flex:1;font-size:9px}.word-list span.off{text-decoration:line-through;color:#9aa59f}.word-list button{border:0;background:transparent;color:#427c68;font-size:6px;font-weight:900}
.simple-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#16483d,#061814 60%)}.simple-card{width:min(100%,430px);padding:27px;border-radius:25px;background:#fff;box-shadow:0 30px 70px #0007}.simple-card .brand{margin-bottom:25px}.simple-card .brand__text b{color:var(--ink)}.simple-card h1{margin:7px 0;font-size:27px}.simple-card>p{color:#7b8984;font-size:11px}.simple-card form>button{width:100%;height:43px;border:0;border-radius:11px;background:var(--gold);color:#3c2900;font-size:8px;font-weight:950}.simple-card>a{display:block;margin-top:16px;text-align:center;color:#34765f;text-decoration:none;font-size:9px;font-weight:800}

@media(max-width:820px){.landing__header,.landing__hero,.landing__features{width:min(100% - 28px,620px)}.landing__hero{grid-template-columns:1fr;padding-top:42px;gap:65px}.landing__copy{text-align:center;margin:auto}.eyebrow{margin:auto}.landing__copy h1{font-size:clamp(52px,15vw,74px)}.landing__copy>p{font-size:14px}.landing__actions,.landing__players{justify-content:center}.landing__game-card{width:min(92%,430px)}.landing__features{margin-top:25px}.admin-table article{align-items:flex-start;flex-wrap:wrap}.admin-table article>div{width:100%}.admin-table form{flex-wrap:wrap}.admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.landing__header{height:76px;padding-top:env(safe-area-inset-top)}.landing__hero{padding-bottom:55px}.landing__copy h1{font-size:clamp(47px,15vw,64px)}.landing__actions{display:grid;grid-template-columns:1fr}.landing__actions button{width:100%}.landing__game-card{padding:15px;border-radius:25px}.mini-board{gap:5px;padding:10px}.landing__features{grid-template-columns:1fr}.landing__features article{justify-content:flex-start;padding:16px 10px;border-right:0;border-bottom:1px solid #fff1}.landing__features article:last-child{border-bottom:0}.app-container{padding-left:15px;padding-right:15px}.app-header{padding:0 16px}.balance-value strong{font-size:33px}.mode-card{padding:18px}.mode-art{width:67px;height:67px;font-size:34px}.mode-card p{width:calc(100% - 70px)}.package-grid{grid-template-columns:1fr}.live-challenge{grid-template-columns:1fr auto}.live-challenge>button:last-child{display:none}.game-controls{grid-template-columns:1fr 100px 60px;padding-left:8px;padding-right:8px}.die-button{transform:scale(.9)}.admin-header{padding:0 14px}.admin-header nav a:not(:first-child){display:none}.admin-container{width:min(100% - 20px,1180px)}.admin-stats{grid-template-columns:1fr 1fr}.admin-title p{max-width:250px}.admin-table input,.admin-table textarea{width:100%}.admin-search input{width:120px}.toast-container{left:12px;right:12px}.toast{max-width:none}}
@media(max-height:760px) and (max-width:560px){.game-header{height:48px}.players-bar{height:54px}.event-toast{margin-top:4px}.board-wrap{width:min(calc(100% - 18px),430px)}.game-controls{min-height:109px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* 1.0.1: partida legível e totalmente contida na tela */
.game-body{height:100dvh;min-height:100dvh;overflow:hidden}
.game-screen{width:min(100%,1180px);height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(360px,1fr) 310px;grid-template-rows:60px 72px 36px minmax(0,1fr);grid-template-areas:"header header" "players players" "event event" "board controls";overflow:hidden}
.game-header{grid-area:header;height:auto;padding:0 18px}.game-header small{font-size:10px}.game-header b{font-size:17px}.game-header>a,.game-header>button{width:42px;height:42px;font-size:23px}
.players-bar{grid-area:players;height:auto;padding:8px 20px;grid-template-columns:1fr 58px 1fr;gap:12px}.players-bar>div:not(.turn-timer){gap:10px;padding:7px}.player-avatar{width:42px;height:42px;font-size:13px}.players-bar b{max-width:220px;font-size:14px}.players-bar small{font-size:10px;margin-top:4px}
.turn-timer{width:52px;height:52px}.turn-timer b{font-size:19px}.turn-timer small{font-size:9px}
.event-toast{grid-area:event;align-self:center;margin:0 auto;padding:7px 14px;font-size:12px;line-height:1.25}
.board-wrap{grid-area:board;box-sizing:border-box;height:min(calc(100dvh - 180px),760px);width:auto;max-width:none;aspect-ratio:7/10;align-self:center;justify-self:center;margin:0;padding:8px;border-radius:20px}
.board-grid{width:100%;height:100%;aspect-ratio:auto}.board-cell>small{font-size:8px}.board-cell>span{font-size:16px}.board-vault span{font-size:22px}.board-vault small{font-size:8px}.base-pad>b{width:31px;height:31px;font-size:10px}.base-pad>span{font-size:8px;margin-top:2px}
.game-controls{grid-area:controls;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 20px;background:linear-gradient(90deg,transparent,#030e0c99)}
.piece-selector,.chat-toggle{width:100%;height:66px}.piece-selector{padding:0 14px}.piece-selector small{font-size:10px}.piece-selector b{font-size:14px;margin-top:3px}.chat-toggle{font-size:22px}.chat-toggle small{font-size:10px}.roll-area{align-self:stretch;min-height:165px}.roll-area p{font-size:11px;line-height:1.35;margin-top:15px}.die-button{transform:scale(1.12)}
.game-chat-bubble b{font-size:11px}.game-chat-bubble span{font-size:14px}.chat-drawer header b{font-size:17px}.chat-drawer header small{font-size:11px}.chat-messages small{font-size:10px}.chat-messages p{font-size:14px;line-height:1.4}.chat-drawer form input{font-size:16px}.winner-overlay small{font-size:11px}.winner-overlay h2{font-size:27px}.winner-overlay p{font-size:14px;line-height:1.5}.winner-overlay a{font-size:12px}

@media(max-width:800px){
  .game-screen{width:100%;grid-template-columns:1fr;grid-template-rows:52px 66px 34px minmax(0,1fr) 104px;grid-template-areas:"header" "players" "event" "board" "controls"}
  .game-header{padding:0 12px}.game-header small{font-size:9px}.game-header b{font-size:15px}.game-header>a,.game-header>button{width:38px;height:38px}
  .players-bar{padding:6px 10px;grid-template-columns:1fr 52px 1fr;gap:5px}.players-bar>div:not(.turn-timer){gap:6px;padding:5px}.player-avatar{width:38px;height:38px;font-size:11px}.players-bar b{max-width:105px;font-size:12px}.players-bar small{font-size:9px}.turn-timer{width:48px;height:48px}.turn-timer b{font-size:18px}.turn-timer small{font-size:8px}
  .event-toast{max-width:calc(100% - 20px);padding:5px 10px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .board-wrap{height:min(100%,calc((100vw - 18px)*10/7));width:auto;aspect-ratio:7/10;padding:6px;border-radius:17px}.board-grid{gap:2px;padding:3px;border-radius:13px}.board-cell{border-radius:6px}.board-cell>small{left:3px;top:2px;font-size:7px}.board-cell>span{font-size:13px}.board-vault span{font-size:17px}.board-vault small{font-size:7px}.base-pad{border-radius:9px}.base-pad>b{width:25px;height:25px;font-size:9px}.base-pad>span{font-size:7px}
  .game-controls{min-height:0;display:grid;grid-template-columns:1fr 108px 64px;gap:7px;padding:2px 9px max(5px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#030e0ccc)}.piece-selector,.chat-toggle{height:56px}.piece-selector{padding:0 8px}.piece-selector small{font-size:9px}.piece-selector b{font-size:13px}.chat-toggle{font-size:19px}.chat-toggle small{font-size:9px}.roll-area{align-self:center;min-height:98px}.roll-area p{font-size:9px;margin-top:10px}.die-button{transform:scale(.92)}
}

@media(max-width:380px){.players-bar b{max-width:78px;font-size:11px}.players-bar small{font-size:8px}.piece-selector small{font-size:8px}.piece-selector b{font-size:12px}}
@media(max-height:700px) and (max-width:800px){.game-screen{grid-template-rows:46px 58px 30px minmax(0,1fr) 90px}.game-header>a,.game-header>button{width:34px;height:34px}.players-bar{padding-top:4px;padding-bottom:4px}.player-avatar{width:34px;height:34px}.turn-timer{width:43px;height:43px}.event-toast{font-size:9px}.game-controls{grid-template-columns:1fr 96px 58px}.piece-selector,.chat-toggle{height:50px}.roll-area{min-height:84px}.die-button{transform:scale(.8)}.roll-area p{font-size:8px;margin-top:5px}}