:root{--matchi-ink:#27464b;--matchi-muted:#62746f;--matchi-accent:#087f82;--matchi-border:#cddbcf;--matchi-card:linear-gradient(135deg,#d9eee6e6,#f8efdde0 50%,#f5d8cfd9);--matchi-teal:linear-gradient(180deg,#beeee5,#91d7cd);--matchi-coral:linear-gradient(180deg,#f9ddd1,#edc0b0);--matchi-shadow:0 6px 20px #28574b12;}
*{box-sizing:border-box;}
html,body{margin:0;min-height:100%;font-family:Estedad,Tahoma,sans-serif;color:var(--matchi-ink);}
body{background:#edf1e6;}
button,input{font:inherit;}
button{cursor:pointer;}
#matchiPreview{min-height:100dvh;}
.preview-stage{min-height:100dvh;display:block;padding:0;direction:rtl;}
.device-stage{display:flex;align-items:center;justify-content:center;min-width:0;}
.phone-frame{width:100%;max-width:900px;height:100dvh;margin:auto;overflow:hidden;border:0;border-radius:0;background:#f2f3e9;}
.phone-app{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f2f3e9;}
.app-logo img{display:block;width:100%;height:100%;object-fit:contain;}
.phone-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:8px 16px 24px;background:linear-gradient(#f2f3e970,#f2f3e970),url("/static/brand/entry-background.webp") center center/cover no-repeat;}
.phone-content::-webkit-scrollbar{display:none;}
.app-page{min-height:100%;animation:screen-in .18s ease;}
.app-page[hidden]{display:none!important;}
.matchi-panel{padding:16px;background:var(--matchi-card);border:1px solid var(--matchi-border);border-radius:22px;box-shadow:var(--matchi-shadow);backdrop-filter:blur(10px);}
.history-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--matchi-border);border-radius:17px;background:#edf3e7;}
.history-tabs button{flex:1;min-height:39px;border:0;border-radius:13px;background:transparent;color:var(--matchi-muted);font-size:12px;font-weight:800;}
.history-tabs button.selected{background:linear-gradient(100deg,#beeee5,#91d7cd);color:var(--matchi-ink);box-shadow:0 5px 14px #05beea30;}
.auth-form{display:grid;gap:10px;margin-top:14px;}
.auth-form[hidden]{display:none!important;}
.auth-form label,.settings-form>label{display:grid;gap:5px;color:var(--matchi-ink);font-size:11px;font-weight:800;}
.auth-form input,.settings-form input,.chat-compose input{height:44px;width:100%;border:1px solid var(--matchi-border);border-radius:14px;padding:0 12px;background:#fff;color:var(--matchi-ink);outline:none;}
.auth-form input:focus,.settings-form input:focus{border-color:#91d7cd;box-shadow:0 0 0 3px #05beea20;}
.matchi-action{width:100%;min-height:48px;padding:10px 14px;border:1px solid #69bdb5;border-bottom:3px solid #65afa6;border-radius:16px;background:var(--matchi-teal);box-shadow:inset 0 1px 0 #fff9,0 4px 9px #438e7d18;color:#164f4d;font-size:15px;font-weight:700;}
.pink-action{background:var(--matchi-coral);border-color:#e7bca9;border-bottom-color:#dca58e;color:#783d30;box-shadow:inset 0 1px 0 #fff9,0 4px 9px #b5786414;}
.page-title-row,.screen-heading,.question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.page-title-row{margin:9px 2px 14px;}
.page-title-row h1,.screen-heading h1{margin:0;font-size:18px;font-weight:750;}
.back-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;padding:0;}
.back-button img{width:33px;height:33px;object-fit:contain;}
.small-action,.friend-row>button{border:0;border-radius:13px;padding:7px 17px;background:linear-gradient(100deg,#beeee5,#91d7cd);color:var(--matchi-ink);font-size:11px;font-weight:750;}
.compact-leaderboard h2,.settings-list h2{margin:0 0 10px;font-size:14px;}
.screen-heading{height:48px;margin:1px 0 10px;}
.screen-heading h1{flex:1;text-align:center;}
.form-step{margin:11px 2px 8px;font-size:14px;font-weight:750;}
.settings-form{display:grid;gap:9px;padding:11px;}
.lobby-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.lobby-panel-head h2{margin:0;font-size:13px;}
.lobby-panel-head b{color:var(--matchi-accent);font-size:11px;}
.matchi-action+.leave-link{margin-top:8px;}
.leave-link{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:37px;border:0;border-radius:14px;background:transparent;color:#d94370;font-size:11px;font-weight:850;}
.leave-link img{width:29px;height:29px;object-fit:contain;}
.question-toolbar{height:42px;margin:0 0 8px;padding:0 6px;font-size:11px;font-weight:900;color:#173c58;}
.question-timer{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #f1c76b;border-radius:14px;background:linear-gradient(135deg,#fff8d6,#ffe8b3);color:#8a5310;font-size:12px;font-weight:850;box-shadow:0 4px 12px #d8872730;}
.question-timer img{width:29px;height:29px;object-fit:contain;}
.question-progress{height:8px;border-radius:99px;background:#ffffffa8;border:1px solid #ffffffbb;overflow:hidden;margin-bottom:14px;box-shadow:inset 0 1px 3px #2d61722a;}
.question-progress i{display:block;height:100%;background:linear-gradient(90deg,#0eabb4,#47d6c0 52%,#f3b449);border-radius:99px;box-shadow:0 0 10px #19c9c080;}
.question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.picture-option{position:relative;min-width:0;overflow:hidden;padding:5px;border:2px solid var(--matchi-border);border-radius:18px;background:#fff;color:var(--matchi-ink);}
.picture-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;}
.picture-option span{position:absolute;bottom:9px;left:9px;min-width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--matchi-accent);font-size:11px;font-weight:750;box-shadow:0 3px 8px #101c4b28;}
.picture-option.selected{border:3px solid #d79a81;box-shadow:0 0 0 2px #f234a52e;}
.stats-options .picture-option span{right:7px;left:auto;top:7px;bottom:auto;min-width:41px;background:#fffffff0;}
.stats-options .picture-option.correct{border-color:#20b981;}
.stats-options .picture-option.correct span{background:#20b981;color:white;}
.my-rank{display:flex;align-items:center;gap:8px;padding:9px;margin:8px 0;}
.my-rank>img{width:50px;height:50px;object-fit:contain;border-radius:0;}
.my-rank>div{display:grid;gap:2px;}
.my-rank small{font-size:9px;color:var(--matchi-muted);}
.my-rank b{font-size:12px;}
.my-rank strong{margin-right:auto;color:var(--matchi-accent);font-size:12px;}
.my-rank strong small{display:inline;}
.compact-leaderboard{margin:10px 0;padding:11px;}
.leader-row{height:41px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--matchi-border);font-size:10px;}
.leader-row img{width:35px;height:35px;object-fit:contain;border-radius:0;}
.leader-row i{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#f0f3fa;color:var(--matchi-muted);font-style:normal;font-weight:750;}
.leader-row i.gold{background:#ffe278;color:#725500;}
.leader-row b{flex:1;}
.leader-row strong{color:var(--matchi-accent);}
.leader-row.you{background:#f7e0d5;border-radius:10px;padding:0 5px;}
.result-head{display:grid;justify-items:center;text-align:center;padding:18px 14px 12px;border:1px solid #f0c86e99;border-radius:24px 24px 14px 14px;background:linear-gradient(145deg,#fff8dbeF,#ffe9c7d9 55%,#f7d8e9d9);box-shadow:0 12px 26px #9b63302b,inset 0 1px 0 #fff;}
.result-head img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 8px #a56b2f38);}
.result-head h1{margin:6px 0 2px;font-size:21px;font-weight:900;color:#70401e;}
.result-head p{margin:0;color:#8b6247;font-size:12px;font-weight:750;}
.result-score{text-align:center;padding:16px 14px;margin-top:10px;border:1px solid #b6ddd5;background:linear-gradient(145deg,#effffcE8,#fff7f0E8);box-shadow:0 9px 22px #39756c22;}
.result-score>b{display:block;margin:2px 0 4px;font-size:15px;color:#315665;}
.result-score>strong{display:block;color:#079b98;font-size:32px;font-weight:950;text-shadow:0 3px 0 #fff;}
.result-score>small{font-size:10px;color:#66827e;font-weight:750;}
.result-score>p{margin:8px 0 0;color:#8b6b64;font-size:12px;font-weight:800;}
.result-score .league-card-reward{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:9px 8px;border:1px solid #e4c98e;border-radius:15px;background:#fff8e6c9;color:#6f5228;font-size:11px;font-weight:850;}
.result-score .league-card-reward>b{width:100%;font-size:11px;color:#93651f;}
.result-score .league-card-reward .reward-part{display:inline-flex;align-items:center;gap:4px;}
.result-score .league-card-reward img{width:24px;height:24px;object-fit:contain;}
.profile-card{display:flex;align-items:center;gap:9px;padding:11px;}
.profile-avatar{width:72px;height:72px;object-fit:contain;border-radius:0;background:transparent;}
.profile-title{display:grid;gap:2px;}
.profile-title b{font-size:16px;}
.profile-title small{font-size:9px;color:var(--matchi-muted);}
.outline-action{display:flex;align-items:center;justify-content:center;gap:4px;margin-right:auto;border:1px solid var(--matchi-border);border-radius:12px;background:#fff;color:var(--matchi-accent);padding:7px 9px;font-size:10px;font-weight:850;}
.outline-action img{width:27px;height:27px;object-fit:contain;}
.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;}
.profile-stat-grid>.matchi-panel,.profile-stat-grid>div{display:grid;justify-items:center;gap:2px;padding:9px 3px;text-align:center;}
.profile-stat-grid b{font-size:17px;color:var(--matchi-accent);}
.profile-stat-grid small{font-size:8px;color:var(--matchi-muted);}
.profile-links{display:grid;gap:6px;margin-top:11px;padding:8px;border:1px solid #ffffffc9;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#fffdf7db,#e6f6f0d9);box-shadow:0 8px 18px #3b71652a;}
.profile-links button,.profile-links button.outline-action{display:flex;align-items:center;gap:8px;min-height:46px;margin-right:0!important;padding:6px 10px;border:1px solid #ffffffb5;border-radius:14px;background:linear-gradient(100deg,#fff3d9e8,#fffdf8cc);text-align:right;color:var(--matchi-ink);font-size:11px;font-weight:800;box-shadow:0 3px 8px #427c6c10;}
.profile-links button:nth-child(odd){background:linear-gradient(100deg,#fff9ebd9,#fffdf8b8);}
.profile-links button:nth-child(even){background:linear-gradient(100deg,#e9fbf7d9,#f8ffffb8);}
.profile-links button>img:first-child{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 4px #376b6230);}
.profile-links b{margin-right:auto;color:var(--matchi-accent);}
.logout-button{margin-top:8px;}
.transaction-row{display:flex;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--matchi-border);font-size:10px;}
.transaction-row img{width:29px;height:29px;object-fit:contain;}
.transaction-row span{flex:1;}
.transaction-row b{color:#138e6a;}
.history-tabs{margin:8px 0 12px;}
.history-card{width:100%;display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:1fr 1fr;align-items:center;gap:0 8px;margin:7px 0;padding:9px;text-align:right;border:1px solid var(--matchi-border);border-radius:16px;background:#ffffffd9;color:var(--matchi-ink);}
.history-info{display:grid;gap:2px;}
.history-info b{font-size:10px;}
.history-info small{font-size:8px;color:var(--matchi-muted);}
.history-card strong{grid-column:3;grid-row:1;font-size:9px;color:var(--matchi-accent);}
.history-card>i{grid-column:3;grid-row:2;font-size:9px;font-style:normal;font-weight:750;}
.friend-row,.message-row{display:flex;align-items:center;gap:8px;margin:7px 0;padding:8px;border:1px solid var(--matchi-border);border-radius:15px;background:#ffffffd9;}
.friend-row>img,.message-row>img{width:50px;height:50px;object-fit:contain;border-radius:0;background:transparent;}
.friend-row>div,.message-row>div{display:grid;gap:2px;flex:1;}
.friend-row b,.message-row b{font-size:11px;}
.friend-row small,.message-row small{font-size:8px;color:var(--matchi-muted);}
.friend-row>button{padding:6px 10px;font-size:9px;}
.public-player{text-align:center;}
.public-player>img{width:98px;height:98px;object-fit:contain;border:0;border-radius:0;padding:0;background:transparent;}
.public-player h2{margin:5px 0 0;font-size:17px;}
.public-player>small{font-size:9px;color:var(--matchi-muted);}
.message-row{cursor:pointer;min-height:61px;}
.message-row time{font-size:8px;color:var(--matchi-muted);}
.chat-history{flex:1;min-height:290px;display:flex;flex-direction:column;gap:9px;padding:10px 1px;}
.chat-bubble{max-width:83%;padding:9px 11px;border-radius:15px;font-size:10px;}
.chat-bubble small{display:block;margin-top:3px;text-align:left;font-size:7px;opacity:.7;}
.chat-bubble.received{align-self:flex-start;background:#fff;border:1px solid var(--matchi-border);}
.chat-bubble.sent{align-self:flex-end;background:#d8eee5;}
.chat-compose{display:flex;gap:7px;padding:8px 0;}
.chat-compose input{flex:1;height:42px;}
.chat-compose button{width:43px;border:0;border-radius:14px;background:#91d7cd;}
.chat-compose img{width:32px;height:32px;object-fit:contain;}
.settings-list{padding:12px;}
.account-settings-form{display:grid;gap:12px;}
.account-settings-form>.form-step{margin:0;font-size:13px;text-align:right;}
.account-settings-form>input,.account-settings-form>select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--matchi-border);border-radius:14px;background:#fff;color:var(--matchi-ink);font:inherit;font-size:13px;}
.account-settings-form>.profile-avatar{justify-self:center;border-radius:50%;object-fit:cover;}
.account-settings-form .switch-row{font-size:12px;}
.account-settings-form>input:focus,.account-settings-form>select:focus{outline:2px solid #91d7cd;outline-offset:2px;}
.switch-row{min-height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--matchi-border);font-size:10px;font-weight:750;}
.switch-row img{width:32px;height:32px;object-fit:contain;}
.switch-row span{flex:1;}
.switch-row input{accent-color:#91d7cd;width:18px;height:18px;}
@keyframes screen-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}

#appHeader[hidden]{display:none!important;}

.app-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:60px;padding:0;border:0;background:transparent;}

.member-home[hidden],.guest-home[hidden]{display:none!important;}
.profile-links button>img:not(:first-child){width:18px;height:18px;object-fit:contain;margin-right:auto;}
.guest-room-panel{display:grid;gap:12px;}
.guest-room-panel label{display:grid;gap:6px;font-size:11px;font-weight:850;}
.guest-room-panel input{height:44px;border:1px solid var(--matchi-border);border-radius:14px;padding:0 12px;background:#fff;color:var(--matchi-ink);}
.message-row{width:100%;text-align:right;}
.is-entry .phone-content{background:#f2f3e9 url('/static/brand/entry-background.webp') center center/cover no-repeat;padding:28px 22px calc(28px + env(safe-area-inset-bottom));}
#screen-login{display:flex;flex-direction:column;justify-content:center;gap:22px;width:100%;max-width:400px;margin-inline:auto;padding:0;min-height:100%;font-family:Estedad,Tahoma,sans-serif;color:#243c43;}
#screen-login [hidden]{display:none!important;}
#screen-login .entry-brand{display:grid;justify-items:center;gap:8px;margin:0;text-align:center;}
#screen-login .entry-logo-halo{display:grid;place-items:center;width:190px;height:150px;}
#screen-login .entry-logo-halo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px #204f4b20);}
#screen-login .entry-brand h1{margin:0;font-size:21px;line-height:1.7;font-weight:750;color:#27464b;}
#screen-login .auth-panel{width:100%;padding:24px 22px;border:1px solid #f4deb39c;border-radius:28px;background:linear-gradient(135deg,#d9eee6ba 0%,#f8efdd9e 50%,#f5d8cfa6 100%);box-shadow:0 12px 35px #28574b20,inset 0 1px 0 #fff9,inset 0 -1px 0 #b7ccbb66;backdrop-filter:blur(12px);}
#screen-login .entry-choice-stack{display:grid;gap:18px;}
#screen-login .entry-account-group{display:grid;gap:12px;}
#screen-login .entry-account-group h2{margin:0 0 2px;font-size:15px;line-height:1.8;font-weight:650;color:#3c5e5a;text-align:center;}
#screen-login .entry-existing-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;padding-top:18px;border-top:1px solid #668e7738;}
#screen-login .matchi-action{min-height:52px;padding:12px 16px;border:1px solid #69bdb5;border-bottom:3px solid #65afa6;border-radius:17px;background:linear-gradient(180deg,#beeee5,#91d7cd);color:#164f4d;font-size:16px;font-weight:750;box-shadow:inset 0 1px 0 #fff9,0 4px 9px #438e7d18;}
#screen-login .entry-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:10px 12px;border:1px solid #bdcec4;border-bottom:3px solid #b0c9ba;border-radius:17px;background:linear-gradient(180deg,#f6f5e8,#e9eee0);color:#344e52;font-size:14px;font-weight:650;box-shadow:inset 0 1px 0 #fffc,0 3px 8px #28574b0c;}
#screen-login .entry-login-action{min-height:48px;padding:10px 12px;border:1px solid #bdcec4;border-bottom-width:2px;border-radius:14px;background:linear-gradient(180deg,#f3f3e4,#e3e8d4);color:#3c584f;font-size:15px;font-weight:650;box-shadow:inset 0 1px 0 #fff9,0 3px 7px #438e7d0c;}
#screen-login .entry-register-action{justify-self:center;width:140px;min-height:44px;padding:9px 16px;border-radius:999px;background:linear-gradient(180deg,#f9ddd1,#edc0b0);border-color:#e7bca9;border-bottom-width:2px;border-bottom-color:#dca58e;color:#783d30;font-size:14px;box-shadow:inset 0 1px 0 #fff8,0 3px 7px #b5786414;}
#screen-login .entry-guest-action{min-height:58px;padding:13px 16px;border:1px solid #69bdb5;border-bottom:3px solid #65afa6;border-radius:18px;background:linear-gradient(180deg,#a9e7dc,#7acbc0);color:#164f4d;font-size:17px;font-weight:750;line-height:1.7;box-shadow:inset 0 1px 0 #fff9,0 5px 10px #438e7d1c;}
#screen-login .entry-google{min-width:0;width:100%;min-height:48px;padding:9px 8px;gap:6px;border:1px solid #c6cec8;border-radius:14px;background:#fff;box-shadow:0 2px 5px #28574b08;color:#303c3b;font-size:13px;font-weight:550;}
#screen-login .entry-google-logo{width:20px;height:20px;object-fit:contain;flex:0 0 20px;}
#screen-login .auth-form{display:grid;gap:18px;margin:0;}
#screen-login .entry-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px;}
#screen-login .entry-form-heading h2{margin:0;font-size:21px;line-height:1.6;font-weight:750;color:#27464b;}
#screen-login .entry-form-heading button{min-height:44px;padding:8px 12px;border:1px solid #dce5df;border-radius:12px;background:#f3f6f0;color:#52686a;font-size:12px;font-weight:600;}
#screen-login .entry-form-intro{margin:0;font-size:13px;line-height:1.9;font-weight:450;color:#596b6b;}
#screen-login .auth-form label{display:grid;gap:8px;font-size:13px;font-weight:600;line-height:1.8;color:#3a5356;}
#screen-login .auth-form input{width:100%;height:52px;padding:0 14px;border:1px solid #cadad3;border-radius:13px;background:#fff;color:#243c43;font-size:16px;font-weight:450;line-height:normal;}
#screen-login .auth-form input::placeholder{color:#7e908d;opacity:1;font-size:13px;}
#screen-login .auth-form input:focus{border-color:#159d9e;box-shadow:0 0 0 3px #159d9e1c;outline:none;}
#screen-login input[type=email],#screen-login input[autocomplete=one-time-code]{direction:ltr;text-align:left;}
#screen-login input[autocomplete=one-time-code]{text-align:center;letter-spacing:4px;font-size:22px;}
#screen-login.entry-form-active{gap:20px;}
#screen-login.entry-form-active .entry-logo-halo{width:146px;height:114px;}
#screen-login.entry-form-active .entry-brand h1{font-size:18px;}
#screen-login button:focus-visible{outline:3px solid #087f82;outline-offset:3px;}
#screen-login .matchi-action:active,#screen-login .entry-secondary:active{transform:translateY(1px);}
@media(max-height:700px){.is-entry .phone-content{padding:20px 20px;}#screen-login{gap:18px;}#screen-login .entry-logo-halo{width:146px;height:114px;}#screen-login .auth-panel{padding:22px 20px;}#screen-login.entry-form-active .entry-logo-halo{width:108px;height:84px;}#screen-login .auth-form{gap:14px;}}
@media(min-width:600px){.is-entry .phone-content{padding:40px 24px;background-size:100% 100%;}#screen-login{max-width:420px;gap:26px;}#screen-login .auth-panel{padding:30px;}}
@media(prefers-reduced-motion:reduce){#screen-login{animation:none;}}




.home-announcement[hidden]{display:none!important;}
.home-announcement{background:rgba(255,255,255,.28);border-color:rgba(116,196,221,.28);box-shadow:0 3px 12px rgba(26,164,204,.055);backdrop-filter:blur(2px);}
.home-announcement-text{font-size:14px;font-weight:750;background:linear-gradient(90deg,#087fae 0%,#fa258f 28%,#6842e8 52%,#00a9c7 76%,#fa258f 100%);background-size:260% auto;filter:drop-shadow(0 1px 3px rgba(210,39,143,.32));animation:announcement-shine 2.1s linear infinite,announcement-pop 1.45s ease-in-out infinite;}
@keyframes announcement-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.announcement-spark{color:#e79522;font-size:20px;filter:drop-shadow(0 0 3px rgba(235,166,40,.3));}
@media(prefers-reduced-motion:reduce){.home-announcement-text,.announcement-spark{animation:none;}}
.weekly-leaderboard{margin:14px 0 20px;padding:16px;border:1px solid var(--matchi-border);border-radius:24px;background:var(--matchi-card);box-shadow:var(--matchi-shadow);backdrop-filter:blur(10px);}
.weekly-leaderboard-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;}
.weekly-leaderboard-head h2{margin:0;font-size:17px;font-weight:700;color:var(--matchi-ink);}
.weekly-leaderboard-head span{padding:4px 8px;border-radius:999px;background:#edf3e7;color:var(--matchi-muted);font-size:11px;font-weight:500;}
.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:end;margin-bottom:9px;}
.podium-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:6px 2px 7px;border:1px solid rgba(180,198,226,.28);border-radius:14px;background:rgba(255,255,255,.28);text-align:center;}
.podium-item img{width:44px;height:44px;object-fit:contain;}
.podium-item b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:var(--matchi-ink);}
.podium-item small{font-size:11px;font-weight:500;color:var(--matchi-muted);white-space:nowrap;}
.podium-gold{min-height:96px;background:rgba(255,245,211,.4);border-color:rgba(238,192,81,.35);}
.podium-silver,.podium-bronze{min-height:84px;}
.leaderboard-ranks{display:grid;gap:3px;}
.leaderboard-row{min-height:32px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:2px 5px;border-radius:10px;background:rgba(255,255,255,.22);}
.leaderboard-row img{display:block;width:26px;height:30px;object-fit:contain;}
.leaderboard-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--matchi-ink);font-size:10px;font-weight:750;}
.leaderboard-row span{color:var(--matchi-muted);font-size:9px;font-weight:750;white-space:nowrap;}
.league-card-reward{display:grid;gap:6px;order:1;min-width:0;color:var(--matchi-ink);}
.league-card-reward small{font-size:11px;color:var(--matchi-muted);font-weight:800;}
.league-card-reward em{display:flex;align-items:center;font-size:12px;line-height:1.55;font-style:normal;font-weight:800;}
.league-card-reward .reward-part{display:flex;align-items:center;gap:7px;min-width:0;}
.league-card-reward .reward-part>span{white-space:normal;overflow-wrap:break-word;}
.league-card-reward .reward-icon{width:22px;height:22px;object-fit:contain;flex:0 0 22px;}
.private-create-intro{display:grid;gap:4px;margin:3px 3px 10px;color:var(--matchi-ink);}
.private-create-intro b{font-size:14px;}
.private-create-intro small{font-size:10px;color:var(--matchi-muted);}
.private-settings{padding:10px;}
.room-create-cost{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px;border-radius:12px;background:#fff1f8;color:var(--matchi-ink);font-size:10px;font-weight:850;}
.room-create-cost img{width:25px;height:25px;object-fit:contain;}
.room-create-cost span{flex:1;}
.room-create-cost b{font-size:11px;}
#screen-question{height:100%;min-height:0;display:grid;grid-template-rows:34px 6px minmax(72px,1fr) minmax(140px,2fr) 14px 48px;gap:8px;}
#screen-question .question-toolbar{height:auto;margin:0;}
#screen-question .question-progress{margin:0;}
#screen-question .quiz-handwritten-question{height:100%;margin:0;}
#screen-question .quiz-handwritten-options{height:100%;grid-template-rows:repeat(2,minmax(0,1fr));margin:0;}
#screen-question .quiz-handwritten-option{height:100%;aspect-ratio:auto;}
#screen-question .question-foot{margin:0;}
#screen-question .live-submit-answer{height:48px;min-height:48px;margin:0;}
.quiz-handwritten-question{display:block;width:100%;height:clamp(92px,22vw,145px);margin:0 0 10px;padding:8px;box-sizing:border-box;object-fit:contain;object-position:center;border:2px solid #ffffffd9;border-radius:22px;background:linear-gradient(145deg,#fffdf5eF,#e7f6f3e8);box-shadow:0 10px 24px #2e68722b,inset 0 1px 0 #fff;overflow:hidden;}
.quiz-handwritten-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.quiz-handwritten-option{position:relative;min-height:0;aspect-ratio:1/0.72;border:2px solid #ffffffd4;border-radius:20px;background:linear-gradient(145deg,#fffdf8f2,#e7f4f1e8);box-shadow:0 8px 18px #315c6530,inset 0 1px 0 #fff;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;}
.quiz-handwritten-option:nth-child(4n+1){background:linear-gradient(145deg,#fff6dcf5,#ffe6b8e8);}
.quiz-handwritten-option:nth-child(4n+2){background:linear-gradient(145deg,#e8f8fff5,#cfeff7e8);}
.quiz-handwritten-option:nth-child(4n+3){background:linear-gradient(145deg,#f5eafff5,#e6d8ffe8);}
.quiz-handwritten-option:nth-child(4n){background:linear-gradient(145deg,#e8fff2f5,#c9f0dce8);}
.quiz-handwritten-option:active{transform:translateY(2px) scale(.99);box-shadow:0 4px 10px #315c6530;}
.quiz-handwritten-option.selected{border-color:#f19d36;box-shadow:0 0 0 3px #f1b34a55,0 9px 20px #bf702c38;}
.quiz-handwritten-option img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:10px;}
.quiz-handwritten-option span{font-size:10px;font-weight:850;}
.question-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 2px 9px;color:var(--matchi-muted);font-size:10px;font-weight:850;}
.question-foot span{display:flex;align-items:center;gap:3px;}
.question-foot img{width:22px;height:22px;object-fit:contain;}
.waiting-game-card{margin:0 0 10px;padding:12px 13px;border:1px solid var(--matchi-border);border-radius:18px;background:#ffffffdc;box-shadow:0 7px 18px #12205512;}
.waiting-game-card .lobby-countdown-prominent{display:flex;align-items:baseline;justify-content:center;gap:6px;color:var(--matchi-ink);}
.waiting-game-card .lobby-countdown-prominent b{font-size:24px;line-height:1.1;}
.waiting-game-card .lobby-countdown-prominent span{font-size:10px;font-weight:850;}
.waiting-game-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.waiting-game-metrics>div{display:grid;justify-items:center;gap:3px;padding:7px 4px;border-radius:12px;background:#edf3e7;color:var(--matchi-muted);font-size:9px;}
.waiting-game-metrics b{display:flex;align-items:center;gap:3px;color:var(--matchi-ink);font-size:11px;}
.waiting-game-metrics img{width:20px;height:20px;object-fit:contain;}
.waiting-players-card{padding:11px;margin:0 0 10px;}
.waiting-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.waiting-player{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:12px;background:#edf3e7;color:var(--matchi-ink);font-size:10px;}
.waiting-player .player-level-badge{transform:scale(.72);transform-origin:center top;height:28px;}
.screen-heading.centered-lobby-heading{margin-bottom:8px;}
.screen-heading.centered-lobby-heading h1{font-size:16px;}
.waiting-game-card+.waiting-players-card+.matchi-action{margin-top:2px;min-height:46px;font-size:12px;}
#screen-publicLobby{height:100%;}
.public-confirm-page{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;padding:0;}
.public-room-confirm-card{flex:1;min-height:0;position:relative;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;border:3px solid #d59b37;border-radius:24px;background:linear-gradient(180deg,#effcff,#d5f5fb 34%,#eef1ff);box-shadow:0 10px 24px rgba(32,70,130,.18);padding:0 16px 16px;color:var(--matchi-ink);text-align:center;}
.public-room-confirm-art{display:block;width:calc(100% + 32px);height:104px;max-height:104px;object-fit:contain;margin:0 -16px 4px;}
.public-room-confirm-card>h1{position:absolute;top:58px;left:0;right:0;margin:0;color:#253d78;font-size:18px;line-height:1.3;font-weight:750;}
.public-room-confirm-card .public-room-countdown{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 12px;color:var(--matchi-ink);}
.public-room-confirm-card .public-room-countdown b{font-size:25px;line-height:1.1;font-weight:750;}
.public-room-confirm-card .public-room-countdown span{font-size:11px;font-weight:750;}
.public-room-confirm-card .public-room-prizes{width:100%;box-sizing:border-box;overflow:hidden;padding:10px 8px;border:1px solid rgba(77,118,180,.3);border-radius:16px;background:rgba(255,255,255,.88);text-align:right;box-shadow:0 3px 10px rgba(31,62,118,.08);}
.public-room-confirm-card .public-room-prizes h2{margin:0 0 8px;color:var(--matchi-ink);text-align:center;font-size:14px;line-height:1.35;font-weight:750;}
.public-room-confirm-card .public-room-prizes p{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;box-sizing:border-box;min-width:0;max-width:100%;gap:7px;margin:0;padding:12px 0;border-top:1px solid rgba(101,128,174,.18);font-size:var(--prize-font-size,12px);line-height:1.35;font-weight:850;overflow:hidden;}
.public-room-confirm-card .public-room-prizes p>b{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;max-width:28px;color:#23417e;white-space:normal;font-size:10px;line-height:1.15;}
.public-room-confirm-card .prize-group-row{--prize-font-size:11px;}
.public-room-confirm-card .rank-icon{width:28px;height:28px;max-width:28px;max-height:28px;object-fit:contain;margin:0 auto 2px;}
.public-room-confirm-card .prize-details{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-width:0;max-width:100%;gap:4px;white-space:normal;overflow:hidden;text-align:right;}
.public-room-confirm-card .reward-part{display:inline-flex;align-items:center;min-width:0;max-width:100%;gap:3px;white-space:nowrap;}
.public-room-confirm-card .reward-part>span{min-width:0;}
.public-room-confirm-card .prize-xp{direction:ltr;white-space:nowrap;font-size:inherit;}
.public-room-confirm-card .prize-ticket-legend{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 12px;font-size:12px;line-height:1.7;color:var(--matchi-ink);}
.public-room-confirm-card .public-room-prizes .prize-calculation{margin-top:10px;border-top:1px solid var(--matchi-border);padding-top:10px;font-size:12px;line-height:1.7;}
.public-room-confirm-card .prize-calculation summary{cursor:pointer;color:var(--matchi-accent);font-weight:850;}
.public-room-confirm-card .prize-calculation>div{display:grid;gap:4px;padding:10px 0;}
.public-room-confirm-card .prize-calculation .reward-part{white-space:normal;}
.public-room-confirm-card .reward-icon{width:18px;height:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;object-fit:contain;display:inline-block;flex:0 0 18px;}
.public-confirm-page>.public-pay-entry{position:sticky;bottom:0;z-index:5;flex:0 0 auto;width:100%;min-height:48px;margin-top:auto;padding:10px 12px;border:0;border-radius:15px;background:linear-gradient(110deg,#49d9e9,#08b7d9);color:#12355a;font-size:13px;font-weight:750;box-shadow:0 5px 14px #08b7d92b;}



.header-level-chip{display:flex;align-items:center;gap:3px;min-height:36px;padding:3px 5px;border:1px solid #c5d5ba;border-radius:12px;background:#edf3e5;color:#426451;font-size:10px;font-weight:650;}
.header-level-chip .player-level-badge{display:flex!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:38px!important;padding:0!important;align-items:center;justify-content:center;overflow:visible!important;}
.header-level-chip .level-circle{display:grid;place-items:center;flex:none;border:2px solid var(--level-color);border-radius:50%;background:var(--level-fill);color:var(--matchi-ink);font-weight:650;box-sizing:border-box;width:28px!important;height:28px!important;font-size:11px!important;}
.header-score{display:grid;justify-items:center;gap:1px;line-height:1;}
.header-score b{font-size:13px;font-weight:650;white-space:nowrap;unicode-bidi:isolate;}
.header-score small{font-size:10px;font-weight:500;color:var(--matchi-muted);white-space:nowrap;}

.user-chip{direction:rtl;position:relative;width:54px!important;height:54px!important;padding:0!important;border:3px solid transparent!important;border-radius:50%!important;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(135deg,#20c7eb,#f34eae) border-box!important;box-shadow:0 2px 6px rgba(32,199,235,.18),0 2px 6px rgba(243,78,174,.16)!important;display:grid;place-items:center;box-sizing:border-box;overflow:visible!important;}
.user-chip::before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;background:linear-gradient(135deg,#20c7eb,#f34eae);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.user-chip img{position:relative;z-index:1;display:block;width:36px;height:36px;object-fit:contain;}
.user-chip .player-level-badge{position:relative;display:grid;place-items:center;width:44px;height:48px;}
.user-chip .level-circle{display:grid;place-items:center;width:36px;height:36px;margin-top:12px;border:2px solid var(--level-color);border-radius:50%;background:var(--level-fill);box-sizing:border-box;}
.user-chip .level-circle img{width:30px;height:30px;object-fit:contain;}

.invite-code-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:10px 0;border:1px solid var(--matchi-border);border-radius:16px;background:#fff;color:var(--matchi-ink);}
.invite-code-card small{font-size:12px;font-weight:800;}
.invite-code-card b{font-size:18px;letter-spacing:2px;unicode-bidi:isolate;}
.private-settings label{gap:7px;font-size:12px;}
.private-settings select{width:100%;min-height:44px;border:1px solid var(--matchi-border);border-radius:14px;padding:8px 10px;background:#fff;color:var(--matchi-ink);font:inherit;}
.private-settings>.matchi-action{margin-top:12px;}
.screen-heading>.back-button{width:auto;min-width:54px;font-size:12px;color:var(--matchi-accent);}
.account-empty{font-size:13px;line-height:1.9;text-align:center;}
.friend-search-form{display:flex;gap:8px;margin:12px 0;}
.friend-search-form input{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--matchi-border);border-radius:12px;background:#fff;}
.profile-links button{font:inherit;}
.private-settings input[type=number]{direction:ltr;text-align:right;}
.is-entry .bottom-nav,.is-entry .mobile-nav-trigger{display:none}
.economy-hero{position:relative;padding:22px 18px;margin:16px 0 20px;border:1px solid var(--matchi-border);border-radius:24px;background:var(--matchi-card);color:var(--matchi-ink);overflow:hidden;box-shadow:var(--matchi-shadow);}
.economy-hero h2{font-size:24px;line-height:1.5;margin:6px 0}
.economy-tabs{display:flex;gap:6px;padding:5px;background:#eaf0e5;border-radius:16px;margin-bottom:16px}
.economy-tab{flex:1;border:0;min-height:44px;border-radius:12px;background:transparent;color:var(--matchi-muted);font-weight:800}
.economy-tab.selected{background:#fff;color:var(--matchi-ink);box-shadow:0 3px 9px #14235412}
.economy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.economy-card{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;padding:14px 10px;background:#fffffff5;border:1px solid var(--matchi-border);border-radius:22px;box-shadow:0 5px 18px #23386808}
.economy-art{width:100%;height:110px;object-fit:contain;display:block}
.economy-card h3{font-size:15px;line-height:1.7;margin:8px 0 4px;color:var(--matchi-ink)}
.economy-card p{font-size:13px;line-height:1.8;margin:0 0 10px;color:var(--matchi-muted)}
.economy-card .matchi-action{margin-top:auto;min-height:44px;border-radius:13px;font-size:12px;padding:8px}
.economy-price,.economy-note{font-size:12px;line-height:1.8;color:var(--matchi-muted);margin-bottom:12px}
.economy-wheel-link{width:100%;min-height:52px;border:1px solid #e7bca9;border-bottom:3px solid #dca58e;border-radius:16px;margin:20px 0;background:var(--matchi-coral);color:#783d30;font-weight:700;}
.economy-result{display:grid;justify-items:center;padding:22px;margin:16px 0;background:#f1fbf7;border:1px solid #a5dac3;border-radius:20px;color:#164d39;text-align:center}
.economy-result img{height:100px;width:140px}
.economy-result b{font-size:20px}
.economy-result p{font-size:14px}
.wheel-stage{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:28px auto 20px;direction:ltr;isolation:isolate}
.wheel-stage:before{content:"";position:absolute;inset:5%;border-radius:50%;box-shadow:0 0 45px #754de83b;background:#233466}
.wheel-rotor{position:absolute;inset:0;border-radius:50%;overflow:hidden;will-change:transform}
.wheel-disc{width:100%;height:100%;object-fit:contain;display:block;clip-path:circle(48.5% at 50% 50%)}
.wheel-hub{position:absolute;width:27%;height:27%;left:36.5%;top:36.5%;object-fit:contain;clip-path:circle(47% at 50% 50%);z-index:3;pointer-events:none}
.wheel-pointer{position:absolute;width:16%;height:23%;left:42%;top:-8%;object-fit:contain;z-index:4;pointer-events:none}
.wheel-prize{position:absolute;transform:translate(-50%,-50%);width:13%;height:13%;display:grid;place-items:center}
.wheel-prize img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #17204499)}
.wheel-spin{background:var(--matchi-coral);border-color:#e7bca9;border-bottom-color:#dca58e;color:#783d30;}
.wheel-disclosure{font-size:12px;line-height:1.9;color:var(--matchi-muted);text-align:center;margin:14px 4px}
.wheel-probabilities{padding:14px;background:#fff;border-radius:18px;margin:16px 0}
.wheel-probabilities summary{cursor:pointer;min-height:36px;color:var(--matchi-ink);font-weight:800;font-size:14px}
.wheel-odds-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--matchi-border);font-size:12px}
.wheel-odds-row img{width:40px;height:34px}
.wheel-odds-row span{flex:1}
.wheel-odds-row b{color:#5a3a97}
.transaction-row>div{display:grid;gap:5px;min-width:0}
.transaction-row small{font-size:11px;color:var(--matchi-muted)}
.transaction-row .credit{color:#166345}
.transaction-row .debit{color:#8f3456}
button:focus-visible,summary:focus-visible{outline:3px solid #187cb3;outline-offset:3px}
button:disabled{cursor:default;opacity:.65}
@media(min-width:600px){.economy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.economy-art{height:140px}



.economy-hero h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.app-page,.preview-nav{animation:none;transition:none}}
.shop-balance{display:flex;align-items:center;gap:8px;min-height:48px;margin:4px 0 16px;color:var(--matchi-muted);font-size:13px}
.shop-balance img{width:28px;height:28px}
.shop-balance b{margin-inline-start:auto;color:var(--matchi-ink);font-size:17px}
.shop-signin{margin-inline-start:auto;border:1px solid var(--matchi-border);border-radius:12px;background:#fff;color:var(--matchi-ink);min-height:44px;padding:8px 20px;font-weight:800}

.account-logout-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--matchi-border);border-radius:24px;background:#fff;color:var(--matchi-ink);box-shadow:0 18px 60px #15204b40;direction:rtl;text-align:right}
.account-logout-dialog::backdrop{background:#18254b80}
.account-logout-dialog h2{margin:0 0 12px;font-size:20px}
.account-logout-dialog p{margin:0 0 20px;line-height:2;font-size:15px}
.account-logout-actions{display:grid;gap:12px}
.account-logout-actions button{width:100%;min-height:48px;margin:0;font:inherit}
.account-logout-actions .leave-link{font-size:14px;background:#fff0f4}

/* canonical home */
#screen-home .home-leagues{margin:0;padding:0 0 12px;border:0;background:transparent;box-shadow:none}
#screen-home .home-leagues-head{display:none}
#screen-home .league-card-row{display:grid;grid-template-columns:1fr;gap:12px;padding:0}
#screen-home .league-card{position:relative;display:block;width:100%;height:182px;min-height:182px;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:hidden;color:var(--matchi-ink);font:inherit;text-align:right}
#screen-home .league-card>img:not(.league-lock){position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none;filter:saturate(1.08) drop-shadow(0 8px 10px #234e5d45)}
#screen-home .league-card::after{content:"";position:absolute;inset:5px;z-index:1;border-radius:22px;background:linear-gradient(115deg,transparent 28%,#ffffff55 49%,transparent 70%);background-size:220% 100%;pointer-events:none;animation:home-hall-sheen 4.5s ease-in-out infinite}
@keyframes home-hall-sheen{0%,55%{background-position:140% 0;opacity:0}70%{opacity:.7}100%{background-position:-70% 0;opacity:0}}
#screen-home .league-card>img.league-lock{display:none}
#screen-home .league-card-content{position:absolute;inset:0;display:block;padding:0;z-index:2}
#screen-home .league-card-content>strong{position:absolute;top:57px;left:12%;right:12%;margin:0;text-align:center;color:#26334b;font-size:16px;font-weight:900;line-height:22px;text-shadow:0 2px 0 #fff,0 3px 7px #294b5a30;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-home .league-card-meta{display:none}
#screen-home .league-card-reward{position:absolute;top:86px;left:8%;right:8%;height:36px;min-height:36px;margin:0;padding:0 5px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:1px 4px;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;white-space:normal}
#screen-home .league-card-reward small{display:inline-flex;flex:0 0 auto;font-size:9px;font-weight:900;color:#405a5d}
#screen-home .league-card-reward em{display:inline-flex;flex:0 0 auto;align-items:center;margin:0;font-size:0;line-height:1;font-style:normal}
#screen-home .league-card-reward .reward-part{display:inline-flex;align-items:center;gap:1px;min-height:16px;font-size:9px;direction:ltr}
#screen-home .league-card-reward .reward-part>span{font-size:9px;font-weight:850;color:#324f50;line-height:1}
#screen-home .league-card-reward .reward-icon{width:15px;height:15px;flex-basis:15px;object-fit:contain}
#screen-home .league-join-action{position:absolute;width:auto;left:calc(9% + 15px);right:calc(9% + 15px);bottom:35px;min-height:30px;margin:0;padding:5px 8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffffd9;border-bottom:4px solid #419b90;border-radius:10px;background:linear-gradient(180deg,#c0f7e9,#72cdbc);color:#214e4f;box-shadow:inset 0 1px 0 #ffffffd9,0 4px 0 #419b90,0 8px 14px #245c5a55,0 0 0 2px #ffffff70;font:900 11px/14px Estedad,Tahoma,sans-serif;width:auto;white-space:normal;text-align:center;transition:transform .12s ease,box-shadow .12s ease}
#screen-home .league-card.is-locked .league-join-action{background:linear-gradient(#f0f2fa,#d7ddec);color:#48536b;border-bottom-color:#aeb8d0;box-shadow:inset 0 1px 0 #ffffffd0,0 3px 0 #aeb8d0,0 6px 10px #4e587126}
.hall-action-lock{width:17px;height:17px;object-fit:contain;flex:0 0 19px}
#screen-home .league-card:active{transform:scale(.99)}
#screen-home .leaderboard-podium{max-height:62px}
#screen-home .leaderboard-ranks{display:none}
#screen-home .leaderboard-self{display:none}
@media(prefers-reduced-motion:reduce){#screen-home .league-card::after{animation:none}}
@media(min-width:640px){#screen-home .league-card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
#screen-home .weekly-leaderboard{max-height:176px;overflow:hidden;margin:0 0 10px;padding:8px 10px;border:1px solid #c8b9e5;border-radius:20px;background:linear-gradient(135deg,#fffafdE8,#eef8ffEA 55%,#fff1e9E8);box-shadow:0 7px 16px #4c3c7a22,inset 0 1px 0 #fff}
#screen-home .weekly-leaderboard-head{display:flex;align-items:center;justify-content:space-between;margin:0 1px 5px}
#screen-home .weekly-leaderboard-head h2{margin:0;font-size:13px;font-weight:850;color:#493b72}
#screen-home .weekly-leaderboard-head span{padding:3px 7px;border-radius:99px;background:#f4eaf8;color:#8a6484;font-size:9px}

#screen-home .home-create-card{display:grid;justify-items:center;gap:4px;margin:12px 0 18px;padding:14px;border:1px solid #c8d9ce;border-radius:24px;background:linear-gradient(135deg,#fffafde8,#eef8ffeb 55%,#fff1e9e8);box-shadow:0 7px 16px #4c3c7a22,inset 0 1px 0 #fff;backdrop-filter:blur(10px)}
#screen-home .home-create-art{display:grid;place-items:center;width:100%;height:auto;margin:0}
#screen-home .home-create-art img{display:block;width:min(100%,192px);height:auto;max-height:192px;margin:auto;object-fit:contain}
#screen-home .home-create-copy{display:grid;gap:6px;width:100%;min-width:0;text-align:right}
#screen-home .home-create-copy h2{margin:0;color:var(--matchi-ink);font-size:18px;font-weight:900;line-height:1.65;overflow-wrap:anywhere}
#screen-home .home-create-copy p{margin:0;color:var(--matchi-muted);font-size:13px;line-height:1.65}
#screen-home .home-create-button{margin-top:2px;cursor:pointer}
#screen-home .home-create-button:focus-visible{outline:3px solid #4775bc;outline-offset:3px}
#screen-home .home-create-button:active{transform:translateY(1px)}

.top-nav{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;margin:0 0 8px;padding:8px 8px 4px;border:0;background:transparent;direction:ltr}
.top-profile{position:relative;width:50px;height:50px;justify-self:start;display:grid;place-items:center;padding:2px;border:2px solid #f0b34d;border-radius:50%;background:linear-gradient(145deg,#fff4d8,#e5f5ff);box-shadow:0 3px 9px #c47b3c44}
.top-profile img{width:45px;height:45px;object-fit:contain;border-radius:50%}
.profile-level-ring{position:absolute;right:-7px;bottom:-6px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:2px solid #fff8e8;border-radius:50%;background:linear-gradient(145deg,#ffbd4a,#e36b32);color:#fff;font-size:10px;font-weight:900;z-index:3}
.top-logo{position:relative;z-index:2;width:92px;height:62px;justify-self:center;display:grid;place-items:center;padding:0;border:0;background:transparent;transform:none;filter:drop-shadow(0 5px 6px #28574b33)}
.top-logo img{width:100%;height:100%;object-fit:contain}
.top-status{display:flex;flex-direction:column;align-items:stretch;justify-self:end;gap:1px;min-width:76px;padding:4px 6px;border:1px solid #ffffffd9;border-radius:13px;background:linear-gradient(145deg,#fffef5e8,#eef8f6e8);box-shadow:0 5px 12px #376b6324,inset 0 1px 0 #fff;direction:ltr}
.header-level-chip,.header-wallet-chip{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;min-height:24px;padding:0 2px;border:0;border-radius:7px;background:transparent;color:#29484a;box-shadow:none}
.header-level-chip .hud-stat-copy,.header-wallet-chip .hud-stat-copy{order:1;line-height:1}
.header-level-chip img,.header-wallet-chip img{order:2;width:23px;height:23px;object-fit:contain}
.hud-stat-value{font-size:13px;font-weight:950;letter-spacing:.1px}


#screen-home .league-join-action:active{transform:translateY(4px) scale(.985);box-shadow:inset 0 1px 0 #ffffff80,0 1px 0 #419b90,0 2px 4px #245c5a35}
@media(prefers-reduced-motion:reduce){#screen-home .league-join-action{transition:none}}