@font-face{font-family:Unbounded;src:url("/assets/unbounded-latin.woff2") format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:Unbounded;src:url("/assets/unbounded-cyrillic.woff2") format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Manrope;src:url("/assets/manrope-latin.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url("/assets/manrope-cyrillic.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0400-052F}
:root{--ink:#07161c;--panel:#0b2229;--line:#2b5156;--mint:#adf5d1;--lime:#d5fd72;--chalk:#e9f5e8;--dim:#91a9a6;--red:#f16b62;--yellow:#f8ce75}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink)}
body{min-height:100vh;margin:0;color:var(--chalk);font-family:Manrope,sans-serif;background:radial-gradient(ellipse 65% 75% at 79% 10%,#1b4044 0%,transparent 66%),radial-gradient(ellipse 48% 62% at -7% 92%,#193a35 0%,transparent 69%),var(--ink);overflow-x:hidden}
button{font:inherit}
.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.shell{max-width:1450px;margin:auto;padding:0 clamp(18px,4vw,64px) 38px;position:relative}
.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #36585a}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--chalk)}
.brand-mark{display:grid;place-items:center;width:53px;height:53px;background:var(--lime);color:var(--ink);clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);font-family:Unbounded,sans-serif;font-size:12px;font-weight:900;letter-spacing:-.13em;padding-right:4px}
.brand-mark span{color:#346d54}
.brand-word{font-family:Unbounded,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.08em}
.live-indicator{margin-right:auto;margin-left:clamp(20px,6vw,90px);color:#8da9a1;font-size:10px;letter-spacing:.28em;font-weight:800}
.live-indicator i{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin:0 7px 1px 0;box-shadow:0 0 14px var(--lime)}
.sound-button{border:1px solid #55746e;background:transparent;color:var(--chalk);padding:11px 14px;min-width:105px;font-size:10px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:background .2s,color .2s}
.sound-button:hover,.sound-button:focus-visible{background:var(--lime);color:var(--ink);outline:none}
.layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(370px,1fr);gap:clamp(28px,6vw,100px);align-items:center;min-height:calc(100vh - 96px)}
.briefing{grid-column:1;grid-row:1}
.daily-box{grid-column:1;grid-row:2;width:100%}
.invite-box{grid-column:1;grid-row:3;width:100%}
.game-panel{grid-column:2;grid-row:1 / span 3;position:sticky;top:20px;align-self:start}
.briefing{padding:25px 0 40px;align-self:center}
.eyebrow{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.26em;margin:0 0 34px}
.eyebrow span{font-size:15px;vertical-align:-1px}
h1{font-family:Unbounded,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:1.04;font-size:clamp(47px,5.8vw,92px);max-width:660px;margin:0;text-wrap:balance}
.heading-dot{color:var(--lime)}
.subtitle{font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:#b9cbc2;max-width:460px;margin:30px 0 44px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:505px;border-top:1px solid #53736d;border-bottom:1px solid #53736d}
.stat{min-height:100px;padding:20px 15px 18px 0;border-right:1px solid #53736d;display:flex;flex-direction:column;gap:8px}
.stat+.stat{padding-left:22px}.stat:last-child{border-right:0}
.stat span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#99b4aa}
.stat strong{font-family:Unbounded,sans-serif;font-size:clamp(21px,2vw,30px);font-weight:800;letter-spacing:-.06em;color:var(--lime);font-variant-numeric:tabular-nums}
.vault-link{display:inline-flex;align-items:center;gap:32px;color:var(--ink);background:var(--lime);text-decoration:none;font-family:Unbounded,sans-serif;font-size:11px;font-weight:900;margin-top:32px;padding:14px 17px;box-shadow:4px 4px 0 #668f6c;transition:transform .15s,box-shadow .15s}
.vault-link:hover,.vault-link:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 #668f6c;outline:none}
.vault-link span{font-size:18px}
.instructions{display:flex;gap:20px;align-items:flex-start;margin-top:48px;max-width:470px}
.instructions-symbol{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #628979;color:var(--lime);font-size:24px}
.instructions strong{display:block;font-size:11px;letter-spacing:.18em;color:var(--lime);margin:0 0 7px}
.instructions p{margin:0;color:#aac0b5;font-size:13px;line-height:1.65}
.responsible{color:#6e8f8a;font-size:11px;margin-top:38px;max-width:420px;line-height:1.55}
.game-panel{width:min(100%,690px);justify-self:end;margin:20px 0 0;border:1px solid #5a8074;background:#0a2027;box-shadow:0 0 0 8px #081920,0 20px 70px #0008,0 0 65px #59e9aa14}
.panel-head,.panel-foot{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-family:Unbounded,sans-serif;font-size:9px;font-weight:700;letter-spacing:.13em;color:#b7eac0;background:#102930}
.panel-head{border-bottom:1px solid #5a8074}.panel-foot{height:33px;border-top:1px solid #5a8074;color:#789c91;font-size:8px}
.viewport{position:relative;width:100%;height:min(70vh,750px);min-height:460px;overflow:hidden;background:#102a31;touch-action:manipulation}
canvas{display:block;width:100%;height:100%}
.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#071b1dbc,#071d23ef);backdrop-filter:blur(5px);z-index:5;text-align:center;padding:22px}
.overlay[hidden]{display:none}
.overlay-inner{width:min(100%,360px);display:flex;flex-direction:column;align-items:center}
.overlay-kicker{font-size:10px;font-weight:900;letter-spacing:.34em;color:var(--lime)}
.overlay-emblem{width:170px;height:170px;display:flex;align-items:center;justify-content:center;gap:1px;margin:36px 0 20px;background:radial-gradient(circle at 50% 40%,#e0ffc1,#a2e892 58%,#346f5e 59%,#0c282d 67%);border:1px solid #bcffb0;border-radius:50%;box-shadow:0 0 0 12px #c2ffc416,0 0 0 25px #c2ffc40a,0 0 65px #a3f5a243;color:#103a30;font-family:Unbounded,sans-serif;font-size:45px;font-weight:900;letter-spacing:-.14em;padding-right:7px;transform:rotate(-8deg)}
.overlay-emblem i{font-style:normal;color:#ffef96;font-size:31px;text-shadow:2px 2px #245642}
.overlay p{min-height:3em;max-width:310px;color:#e0f5d8;line-height:1.45;font-size:14px;margin:8px 0 26px}
#primaryButton{width:100%;min-height:59px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--lime);color:#10221c;cursor:pointer;font-family:Unbounded,sans-serif;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:6px 6px 0 #679a73;transition:transform .15s,box-shadow .15s}
#primaryButton:not(:disabled):hover,#primaryButton:not(:disabled):focus-visible{transform:translate(3px,3px);box-shadow:3px 3px 0 #679a73;outline:none}
#primaryButton:disabled{opacity:.5;cursor:not-allowed}
#primaryButton span{font-size:21px}
#shareButton:not([hidden]){width:100%;min-height:49px;margin-top:14px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #a9f5cc;background:rgba(8,31,37,.85);color:#d9ffe7;cursor:pointer;font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;letter-spacing:.03em}
#shareButton:disabled{opacity:.55;cursor:wait}
.invite-box{margin-top:18px;padding:17px;border:1px solid rgba(169,245,204,.22);background:rgba(10,35,39,.68)}
.daily-box{margin-top:18px;padding:17px;border:1px solid rgba(213,253,114,.35);background:rgba(10,35,39,.68)}
.daily-box h2{font-family:Unbounded,sans-serif;font-size:12px;letter-spacing:.06em;color:var(--lime);margin:0 0 8px}
.daily-box p,.daily-box output{display:block;color:#a8c6bc;font-size:11px;line-height:1.5;margin:8px 0}
.daily-box button{width:100%;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--lime);background:transparent;color:var(--lime);font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;cursor:pointer}
.daily-box button[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.daily-box button:disabled{opacity:.5;cursor:not-allowed}
.daily-box ol{margin:10px 0 0;padding-left:25px;max-height:150px;overflow:auto;color:#b9d2c4;font-size:11px}
.daily-box li{padding:3px 0;font-variant-numeric:tabular-nums}.daily-box li[data-you="true"]{color:var(--lime);font-weight:800}
.daily-box .combo-title{margin-top:18px;border-top:1px solid rgba(213,253,114,.22);padding-top:15px}
.daily-box ul{margin:8px 0 12px;padding:0;list-style:none;color:#b9d2c4;font-size:11px}
.daily-box ul li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}
.daily-box ul li[data-done="true"]{color:var(--lime)}
#comboButton{border-color:#9ccbb0;color:#d9ffe7}
.daily-box form{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:center}
.daily-box form label{font-size:11px;color:#b9d2c4}
.daily-box form input{width:100%;height:43px;padding:8px 10px;border:1px solid #9ccbb0;background:#0b2229;color:var(--chalk);font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:.2em}
.daily-box form input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.daily-box form button{grid-column:1/-1}
.invite-box button{width:100%;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #a9f5cc;background:transparent;color:#d9ffe7;font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;cursor:pointer}
.invite-box button:disabled{opacity:.55;cursor:wait}
.invite-box p,.invite-box output{display:block;margin:10px 0 0;color:#a8c6bc;font-size:11px;line-height:1.45}
.run-hud{position:absolute;z-index:2;top:15px;left:16px;right:16px;display:flex;align-items:center;gap:12px;font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;color:#d8ffc9;text-shadow:0 2px 5px #001}
.run-hud[hidden],.tap-hint[hidden]{display:none}
.progress-track{height:5px;flex:1;background:#1c4a49;border:1px solid #80a297}
.progress-track i{height:100%;width:0;display:block;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.tap-hint{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);z-index:2;white-space:nowrap;padding:10px 15px;background:#0c242ac9;color:#d6f6cd;border:1px solid #638878;font-size:10px;font-weight:900;letter-spacing:.14em;pointer-events:none}
@media(max-width:950px){.layout{grid-template-columns:1fr;gap:20px;min-height:0}.briefing{padding:36px 0 10px}.game-panel{justify-self:center;margin:0 0 18px;width:min(100%,660px)}h1{font-size:clamp(43px,8vw,76px)}.subtitle{margin:20px 0 28px}.instructions{margin-top:27px}.responsible{margin-top:25px}.viewport{height:min(68vh,680px)}}
@media(max-width:600px){.shell{padding:0 12px 24px}.masthead{height:57px}.brand-mark{width:36px;height:36px;font-size:9px}.brand-word{font-size:15px}.live-indicator{display:none}.sound-button{min-width:86px;padding:8px 7px;font-size:9px}.briefing{padding:17px 7px 4px}.eyebrow{margin-bottom:10px;font-size:8px}h1{font-size:clamp(34px,8.8vw,52px);max-width:390px}.subtitle{font-size:12px;margin:9px 0 12px}.stats{max-width:none}.stat{min-height:58px;padding:8px 5px 6px 0}.stat+.stat{padding-left:13px}.stat span{font-size:8px}.stat strong{font-size:17px}.vault-link{margin-top:11px;padding:8px 11px;font-size:9px;gap:16px}.vault-link span{font-size:14px}.daily-box{margin-top:12px;padding:12px}.daily-box p{display:none}.daily-box ol{max-height:75px}.instructions,.responsible{display:none}.game-panel{box-shadow:0 0 0 4px #081920,0 16px 48px #0009}.panel-head{height:32px;padding:0 12px}.panel-foot{height:27px;padding:0 12px}.viewport{height:min(62vh,560px);min-height:430px}.overlay-emblem{width:130px;height:130px;font-size:35px;margin:20px 0 14px}.overlay p{font-size:13px;margin:5px 0 20px}.tap-hint{font-size:8px;bottom:10px}}
@media(max-width:950px){.briefing{grid-column:1;grid-row:1}.game-panel{grid-column:1;grid-row:2;position:static;top:auto}.daily-box{grid-column:1;grid-row:3}.invite-box{grid-column:1;grid-row:4}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}
/* Hamster Kombat & Viral Tap Mechanics */
.briefing-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.briefing-nav .vault-link{margin-top:0}
.game-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#071b20;border-bottom:1px solid #5a8074}
.game-tab-btn{height:46px;background:transparent;border:0;border-right:1px solid #365e5b;color:#a0c5b8;font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;letter-spacing:0.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s}
.game-tab-btn:last-child{border-right:0}
.game-tab-btn:hover{background:rgba(213,253,114,0.1);color:var(--chalk)}
.game-tab-btn.active{background:var(--lime);color:var(--ink);box-shadow:inset 0 -3px 0 #3a6850}

.view-pane{position:relative;width:100%;height:100%}
.view-pane[hidden]{display:none!important}

.speed-badge{margin-left:auto;padding:2px 7px;background:rgba(8,27,33,0.85);border:1px solid var(--lime);border-radius:3px;color:var(--lime);font-size:9px}

/* Tap Miner View */
.tap-view{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 16px;height:100%;background:radial-gradient(circle at 50% 40%,#16444b 0%,#0c272e 65%,#071920 100%);user-select:none;-webkit-user-select:none}
.tap-header-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:440px}
.tap-stat-badge{background:rgba(10,32,38,0.75);border:1px solid #38635f;border-radius:6px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:3px}
.tap-stat-lbl{font-size:8px;letter-spacing:0.12em;font-weight:800;color:#92b5a9}
.tap-stat-val{font-family:Unbounded,sans-serif;font-size:12px;font-weight:800;color:var(--lime)}

.coin-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;perspective:1000px}
.tap-coin{width:min(230px,58vw);height:min(230px,58vw);border-radius:50%;position:relative;cursor:pointer;outline:none;touch-action:manipulation;transition:transform .08s cubic-bezier(0.18,0.89,0.32,1.28);box-shadow:0 0 0 8px rgba(213,253,114,0.18),0 0 0 18px rgba(213,253,114,0.06),0 16px 45px rgba(0,0,0,0.65),0 0 60px rgba(247,209,76,0.3)}
.tap-coin:active,.tap-coin.tapping{transform:scale(0.93) translateY(4px)}
.coin-rim{position:absolute;inset:0;border-radius:50%;border:6px dashed rgba(255,255,255,0.4);pointer-events:none}
.coin-face{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5a1 0%,#f5cd48 30%,#cb9317 70%,#7a5207 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 3px 6px rgba(255,255,255,0.6),inset 0 -4px 8px rgba(0,0,0,0.4)}
.coin-logo{font-family:Unbounded,sans-serif;font-size:clamp(40px,10vw,58px);font-weight:900;letter-spacing:-0.1em;color:#271801;text-shadow:0 1px 0 rgba(255,255,255,0.45);transform:rotate(-6deg)}
.coin-logo span{color:#e66b1d}
.coin-reflection{position:absolute;top:10%;left:15%;width:40%;height:25%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,0.35),transparent);pointer-events:none;transform:rotate(-35deg)}

.floating-tap-number{position:absolute;pointer-events:none;font-family:Unbounded,sans-serif;font-weight:900;font-size:22px;color:var(--lime);text-shadow:0 0 8px #000,0 0 16px var(--lime);animation:floatUp .8s cubic-bezier(0.2,0.8,0.2,1) forwards;z-index:10}
.floating-tap-number.crit{color:#ffd84d;font-size:27px;text-shadow:0 0 12px #ff8c00,0 0 24px #ffd84d}
@keyframes floatUp{0%{opacity:1;transform:translate(-50%,0) scale(0.9)}40%{transform:translate(-50%,-35px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-75px) scale(0.9)}}

.tap-energy-section{width:100%;max-width:440px;margin:6px 0}
.tap-energy-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-family:Unbounded,sans-serif;color:#cbe7dc}
.tap-energy-info strong{color:var(--lime);font-size:13px}
.tap-energy-bar-wrap{width:100%;height:10px;background:#091d22;border:1px solid #365e5b;border-radius:5px;overflow:hidden;margin-top:6px}
.tap-energy-bar-fill{height:100%;background:linear-gradient(90deg,#8ceab7,var(--lime));box-shadow:0 0 12px var(--lime);transition:width .12s linear}

.tap-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px}
.tap-btn{padding:12px 10px;border-radius:4px;font-family:Unbounded,sans-serif;font-size:10px;font-weight:800;letter-spacing:0.04em;text-align:center;text-decoration:none;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}
.boost-btn{background:rgba(213,253,114,0.12);border:1px solid var(--lime);color:var(--lime)}
.boost-btn:hover{background:var(--lime);color:var(--ink)}
.shop-btn{background:var(--lime);color:var(--ink);border:0;box-shadow:3px 3px 0 #5f8d68}
.shop-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #5f8d68}

/* Airdrop View */
.airdrop-view{padding:18px 16px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#0b232a}
.airdrop-banner{background:linear-gradient(135deg,rgba(169,245,204,0.12),rgba(213,253,114,0.08));border:1px solid rgba(213,253,114,0.3);padding:14px;border-radius:6px}
.airdrop-tag{font-family:Unbounded,sans-serif;font-size:9px;font-weight:800;color:var(--lime);letter-spacing:0.12em;margin-bottom:4px}
.airdrop-banner h3{font-family:Unbounded,sans-serif;font-size:15px;margin:2px 0 6px;color:var(--chalk)}
.airdrop-banner p{font-size:11px;color:#a8c6ba;margin:0;line-height:1.45}

.airdrop-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.airdrop-metric-item{background:rgba(9,30,36,0.8);border:1px solid #365e5b;border-radius:6px;padding:10px}
.airdrop-m-title{display:block;font-size:8px;font-weight:700;color:#8faaa0;letter-spacing:0.08em}
.airdrop-m-num{display:block;font-family:Unbounded,sans-serif;font-size:15px;color:var(--chalk);margin-top:4px}

.airdrop-action-cards{display:flex;flex-direction:column;gap:8px}
.airdrop-action-card{display:flex;justify-content:space-between;align-items:center;background:rgba(9,30,36,0.8);border:1px solid #365e5b;border-radius:6px;padding:11px 14px;text-decoration:none;color:var(--chalk);transition:all .15s}
.airdrop-action-card:hover{border-color:var(--lime);transform:translateX(3px)}
.airdrop-action-card.highlight{background:rgba(213,253,114,0.08);border-color:var(--lime)}
.card-text strong{display:block;font-family:Unbounded,sans-serif;font-size:10px;color:var(--lime);letter-spacing:0.03em}
.card-text p{margin:2px 0 0;font-size:11px;color:#a6c5b9}
.card-arrow{font-size:16px;color:var(--lime)}