:root{--bg:#080d1b;--panel:#10182b;--panel2:#17213a;--text:#f7f8fc;--muted:#93a0bd;--primary:#7c5cff;--accent:#22d3a7;--danger:#ff5c7c;--line:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#162449 0,#080d1b 42%);color:var(--text);font-family:Helvetica,Arial,sans-serif;min-height:100%}button,input,select,textarea{font:inherit}.app-shell{max-width:560px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(88px + env(safe-area-inset-bottom))}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#b15cff);font-weight:800}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:var(--muted);margin-top:2px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:white;font-size:20px}.hero{background:linear-gradient(145deg,#6c4cff,#9d55ff 55%,#d656b7);border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(79,52,190,.35)}.profile{display:flex;align-items:center;gap:12px}.profile img{width:46px;height:46px;border-radius:16px;background:#ffffff22;border:2px solid #ffffff55;object-fit:cover}.profile small{opacity:.8}.profile h1{font-size:18px;margin:3px 0}.balance{margin-top:22px}.balance span{font-size:13px;opacity:.8;display:block}.balance strong{display:block;font-size:32px;margin:5px 0 13px}.balance button{border:0;padding:10px 14px;border-radius:12px;background:#fff;color:#4e32ae;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 24px}.stats article{padding:14px 8px;text-align:center;background:rgba(16,24,43,.9);border:1px solid var(--line);border-radius:18px}.stats span,.stats strong,.stats small{display:block}.stats strong{font-size:18px;margin:7px 0 2px}.stats small{font-size:11px;color:var(--muted)}.panel{display:none}.panel.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:end;margin:20px 2px 12px}.section-head h2{font-size:17px;margin:0}.section-head span{font-size:12px;color:var(--muted)}.earn-grid{display:grid;gap:11px}.earn-card{border:1px solid var(--line);background:var(--panel);color:white;border-radius:20px;padding:15px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left}.earn-card.featured{background:linear-gradient(135deg,rgba(34,211,167,.18),rgba(124,92,255,.18));border-color:rgba(34,211,167,.28)}.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--panel2);color:var(--accent);font-size:22px}.earn-card strong,.earn-card small{display:block}.earn-card small{color:var(--muted);margin-top:4px}.earn-card b{color:var(--accent);font-size:13px}.task-list,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.task{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--panel2);font-size:12px;color:var(--accent)}.task strong,.task small{display:block}.task small{font-size:12px;color:var(--muted);margin-top:4px}.task em{font-style:normal;font-size:12px;color:var(--accent)}.form-card{padding:16px}.form-card label{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}.form-card input,.form-card select,.form-card textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:#0c1325;color:white;border-radius:13px;padding:12px}.form-card textarea{min-height:90px;resize:vertical}.primary-btn{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,var(--primary),#a65cff);color:white;padding:14px;font-weight:700}.empty-state{text-align:center;padding:45px 20px;background:var(--panel);border-radius:22px;border:1px solid var(--line)}.empty-state span{font-size:42px}.empty-state p{color:var(--muted);line-height:1.5}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(8,13,27,.9);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:11px}.bottom-nav span{display:block;font-size:22px;margin-bottom:4px}.bottom-nav button.active{color:var(--accent)}.toast{position:fixed;z-index:30;left:50%;bottom:95px;transform:translate(-50%,20px);background:#fff;color:#111827;padding:12px 16px;border-radius:13px;opacity:0;pointer-events:none;transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{position:fixed;inset:0;z-index:40;display:none;place-items:center;background:rgba(4,8,18,.72);backdrop-filter:blur(5px)}.loading.show{display:grid}.loading div{width:46px;height:46px;border:4px solid #ffffff22;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading p{margin-top:-40vh}@keyframes spin{to{transform:rotate(360deg)}}
.task-btn{width:100%;border:0;color:inherit;text-align:left}.game-grid{display:grid;grid-template-columns:1fr;gap:11px}.game-card{position:relative;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:20px;padding:16px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left}.game-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--panel2);font-size:22px;color:var(--accent)}.game-card strong,.game-card small{display:block}.game-card small{grid-column:2/4;color:var(--muted);margin-top:-20px}.game-card em{font-style:normal;color:var(--accent);font-size:12px}.game-area{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;min-height:150px}.empty-game{text-align:center;padding:28px 10px}.empty-game strong,.empty-game small{display:block}.empty-game small{color:var(--muted);margin-top:7px}.game-question{text-align:center}.game-question h3{font-size:30px;margin:8px 0 18px}.game-question p{color:var(--muted)}.game-actions{display:flex;gap:9px;flex-wrap:wrap}.game-actions input{flex:1;min-width:140px;border:1px solid var(--line);background:#0c1325;color:#fff;border-radius:13px;padding:12px}.game-actions button,.box-grid button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--primary),#a65cff);color:#fff;padding:12px 16px;font-weight:700}.box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.box-grid button{aspect-ratio:1;background:var(--panel2);font-size:24px}.modal{position:fixed;inset:0;z-index:50;background:rgba(4,8,18,.78);display:none;align-items:flex-end;justify-content:center;padding:16px}.modal.show{display:flex}.modal-card{width:min(520px,100%);background:#111a2e;border:1px solid var(--line);border-radius:24px;padding:22px;position:relative}.modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:12px;background:var(--panel2);color:#fff;font-size:22px}.muted{color:var(--muted)}.ref-reward{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.ref-reward>div,.ref-stats{background:var(--panel2);border-radius:16px;padding:14px}.ref-reward small,.ref-reward strong{display:block}.ref-reward strong{margin-top:5px;color:var(--accent)}.ref-stats{display:flex;justify-content:space-between}.conditions{margin:14px 0;color:var(--muted);font-size:13px;line-height:1.7}.copy-label{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.copy-label input{width:100%;margin-top:7px;border:1px solid var(--line);background:#0c1325;color:#fff;border-radius:13px;padding:12px}

/* V2.1 layout and Telegram WebView cache-safe fixes */
button{-webkit-appearance:none;appearance:none}
.task-btn{background:transparent;padding:15px;font:inherit}
.game-card{grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto}
.game-card>span{grid-row:1/3}
.game-card>strong{grid-column:2;grid-row:1;min-width:0}
.game-card>small{grid-column:2;grid-row:2;margin:3px 0 0;line-height:1.35;min-width:0}
.game-card>em{grid-column:3;grid-row:1/3;align-self:center;white-space:nowrap}
.modal-card{max-height:calc(100vh - 32px);overflow:auto}
@media(max-width:380px){.app-shell{padding-left:12px;padding-right:12px}.game-card{grid-template-columns:44px minmax(0,1fr)}.game-card>span{width:44px;height:44px}.game-card>em{grid-column:2;grid-row:3;justify-self:start;margin-top:5px}.ref-reward{grid-template-columns:1fr}.ref-stats{gap:8px;flex-direction:column}.bottom-nav{padding-left:6px;padding-right:6px}}