@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@500;600;700;800;900&family=Golos+Text:wght@400;500;600;700&display=swap');
:root{--navy:#0a0e36;--navy-2:#11163f;--orange:#15c172;--orange-2:#1fe08a;--cream:#e9ecef;--card:#fff;--text:#0a0e2e;--muted:#626a80;--line:#cfd5dd;--shadow:0 18px 50px -24px rgba(10,14,46,.3);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:'Golos Text',system-ui,sans-serif;background:var(--cream);color:var(--text)}body{overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;outline:0}h1,h2,h3,.brand,.eyebrow,.score-card strong{font-family:'Geologica',system-ui,sans-serif}.shell{min-height:100vh;padding-bottom:calc(82px + var(--safe-bottom))}.page{display:none;min-height:100vh}.page.active{display:block}.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:white;z-index:100;text-align:center;overflow:hidden}.boot-gradient{position:absolute;inset:-15%;background:radial-gradient(circle at 80% 80%,#15c172 0%,#0a0e36 58%);animation:bootPulse 4s ease-in-out infinite alternate;will-change:transform}.boot-grain{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.boot-logo{width:118px;position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(255,255,255,.18))}.boot-logo svg{display:block;width:100%;height:auto}.boot-logo path{fill:#fff;will-change:transform,opacity}.boot-game{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin-top:25px}.boot-game span{width:48px;height:48px;border-radius:13px;background:#fff;color:var(--navy);display:grid;place-content:center;font:800 17px/1 'Geologica',sans-serif;box-shadow:0 9px 24px rgba(0,0,0,.16)}.boot-game small{display:block;margin-top:3px;font:700 5px/1 'Golos Text',sans-serif;text-transform:uppercase}.boot-game i{font-style:normal;font-weight:700;color:rgba(255,255,255,.5)}.boot-game .boot-result{background:var(--orange);color:#04240f;opacity:0;transform:scale(.6)}.boot-copy{position:relative;z-index:2;margin:23px 25px 0!important;max-width:350px!important;opacity:1!important}.boot-copy b{display:block;font:700 13px/1.25 'Geologica',sans-serif;text-transform:uppercase;letter-spacing:.04em}.boot-copy span{display:block;font-size:10px;line-height:1.45;margin-top:6px;color:rgba(255,255,255,.55)}@keyframes bootPulse{to{transform:scale(1.14) translate(-2%,1%)}}.boot.error{padding:34px}.boot.error .boot-gradient,.boot.error .boot-grain{display:block}.boot.error .boot-mark{position:relative;z-index:2;background:#e5574f}.boot h1{position:relative;z-index:2;font-size:24px;margin:22px 0 6px}.boot.error p{position:relative;z-index:2;max-width:330px;line-height:1.5;opacity:.75}.boot-mark{width:76px;height:76px;border-radius:24px;background:var(--orange);display:grid;place-items:center;box-shadow:0 16px 35px rgba(0,0,0,.22)}.topbar,.section-head{background:var(--navy);color:#fff;padding:max(15px,env(safe-area-inset-top)) 18px 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:750;letter-spacing:.02em}.brand img{width:30px;height:30px;object-fit:contain}.rating-button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:700}.rating-button span{margin-right:4px}.game-heading{padding:18px 18px 9px;background:linear-gradient(180deg,var(--navy) 0,var(--navy) 66%,var(--cream) 66%);color:white;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.eyebrow{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:700;color:var(--orange-2)}.eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}h1{font-size:26px;line-height:1.02;margin:7px 0 0;letter-spacing:-.02em;text-transform:uppercase}.score-card{min-width:80px;text-align:right}.score-card small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:9px;opacity:.6}.score-card strong{font-size:29px;font-variant-numeric:tabular-nums}.game-stats{margin:0 16px 14px;padding:13px 5px;border-radius:20px;background:var(--card);display:grid;grid-template-columns:repeat(3,1fr);box-shadow:var(--shadow)}.game-stats div{text-align:center;border-right:1px solid var(--line)}.game-stats div:last-child{border:0}.game-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.game-stats b{font-family:'Geologica',sans-serif;font-size:16px;font-style:normal}.game-stats em{font-style:normal}.coin{display:inline-block;width:14px;height:14px;margin-right:4px;vertical-align:-2px;border-radius:50%;background:linear-gradient(145deg,#4ee69a,#0e8f55);border:2px solid #a8f4ce;box-shadow:0 1px 3px #087445}.board-wrap{margin:0 auto;position:relative;width:min(calc(100vw - 28px),430px)}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#c7cdd6;padding:8px;border-radius:20px;touch-action:none;box-shadow:inset 0 2px 8px rgba(10,14,46,.12)}.tile{border-radius:14px;background:#dfe3e8;display:grid;place-content:center;text-align:center;min-width:0;animation:pop .13s ease-out}.tile b{font-family:'Geologica',sans-serif;font-size:clamp(16px,5vw,25px);line-height:1;font-weight:850;letter-spacing:-.04em}.tile small{margin-top:4px;font-size:clamp(7px,2.1vw,10px);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.02em;max-width:72px}.tile.v2{background:#fff;color:#0a0e36}.tile.v4{background:#dff8eb;color:#0e8f55}.tile.v8{background:#9be9c1;color:#075d38}.tile.v16{background:#43d58e;color:#063d27}.tile.v32{background:#15c172;color:#04240f}.tile.v64{background:#0e8f55;color:#fff}.tile.v128{background:#36dce6;color:#073f48}.tile.v256{background:#5b9bd5;color:#fff}.tile.v512{background:#161c50;color:#fff}.tile.v1024{background:#11163f;color:#fff;box-shadow:0 0 20px rgba(54,220,230,.35)}.tile.v2048,.tile.super{background:linear-gradient(145deg,#15c172,#36dce6);color:#062f29;box-shadow:0 0 24px rgba(21,193,114,.52)}@keyframes pop{from{transform:scale(.82)}to{transform:scale(1)}}.game-overlay{position:absolute;inset:0;border-radius:20px;background:rgba(10,14,54,.94);color:white;display:grid;place-content:center;text-align:center;padding:28px;z-index:3}.game-overlay[hidden]{display:none}.game-overlay>span{font-size:42px}.game-overlay h2{margin:10px 0 5px}.game-overlay p{font-size:14px;opacity:.75;line-height:1.45}.primary{border:0;background:var(--orange);color:#04240f;font-weight:800;border-radius:100px;padding:13px 20px}.game-help{font-size:12px;line-height:1.45;text-align:center;color:var(--muted);padding:0 24px;margin:14px auto 10px;max-width:440px}.game-help b{color:var(--navy)}.new-game{display:block;margin:0 auto 10px;border:0;background:transparent;color:#0e8f55;font-size:13px;font-weight:750}.tabbar{position:fixed;z-index:20;left:0;right:0;bottom:0;height:calc(70px + var(--safe-bottom));padding:7px 18px var(--safe-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.92);border-top:1px solid rgba(10,14,46,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tabbar button{border:0;background:none;color:#7d8496;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px}.tabbar button span{font-size:23px;line-height:28px}.tabbar button.active{color:#0e8f55}.section-head{padding:calc(max(16px,env(safe-area-inset-top)) + 4px) 18px 28px;align-items:end}.section-head h1{font-size:27px}.balance-pill{display:flex;align-items:center;background:rgba(255,255,255,.1);padding:10px 12px;border-radius:100px}.shop-hero{margin:-11px 16px 18px;background:linear-gradient(135deg,#dff8eb,#fff);border-radius:20px;padding:17px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.shop-hero-art{min-width:86px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0a0e36,#0e7e55);position:relative;display:grid;place-items:center;font-size:31px}.shop-hero-art span:nth-child(2){position:absolute;font-size:19px;right:7px;top:7px}.shop-hero-art span:nth-child(3){position:absolute;font-size:19px;left:6px;bottom:4px}.shop-hero b{font-family:'Geologica',sans-serif;font-size:15px}.shop-hero p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.inventory-title{padding:0 18px 10px;display:flex;justify-content:space-between;align-items:end}.inventory-title h2,.profile-content h2{margin:0;font-size:20px;text-transform:uppercase}.inventory-title span{font-size:10px;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:0 14px}.shop-item{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);min-width:0}.item-top{display:flex;align-items:start;justify-content:space-between}.item-icon{width:45px;height:45px;border-radius:50%;display:grid;place-content:center;background:#dff8eb;font-size:23px}.item-level{font-size:9px;border-radius:20px;padding:5px 7px;color:#4a5168;background:#e9ecef;font-weight:800}.shop-item h3{font-size:14px;line-height:1.15;margin:11px 0 5px}.shop-item p{font-size:10px;line-height:1.35;color:var(--muted);height:40px;margin:0 0 10px}.buy-button{width:100%;border:0;border-radius:100px;background:var(--orange);color:#04240f;padding:10px 5px;font-size:11px;font-weight:800}.buy-button .coin{width:12px;height:12px}.buy-button:disabled{background:#dfe3e8;color:#7d8496}.economy-note{margin:14px;border-radius:20px;background:#dfe3e8;padding:13px 15px;color:var(--muted);font-size:11px}.economy-note summary{font-weight:750;color:var(--text)}.economy-note p{line-height:1.5}.profile-hero{background:linear-gradient(118deg,#090c2e 0%,#0b1340 34%,#0c3b44 66%,#0e7e55 100%);color:white;padding:calc(max(22px,env(safe-area-inset-top)) + 6px) 20px 20px;position:relative;overflow:hidden}.profile-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.13;background:#36dce6}.orb-a{width:180px;height:180px;right:-90px;top:-70px}.orb-b{width:100px;height:100px;left:-50px;bottom:-35px}.profile-person{display:flex;align-items:center;gap:15px;margin:18px 0 21px;position:relative}.avatar{border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#15c172,#36dce6);color:#062f29;display:grid;place-items:center;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xl{width:76px;height:76px;border:3px solid rgba(255,255,255,.85);font-size:23px;box-shadow:0 9px 22px rgba(0,0,0,.2)}.profile-person h1{font-size:23px;margin:0 0 3px;text-transform:none}.profile-person p{margin:0 0 7px;font-size:12px;opacity:.6}.link-badge{font-size:10px;font-weight:800;border-radius:20px;padding:5px 8px;background:rgba(31,224,138,.16);color:#1fe08a}.link-badge.unlinked{background:rgba(255,255,255,.1);color:#ddd}.profile-rating{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:12px 0;position:relative}.profile-rating div{text-align:center;border-right:1px solid rgba(255,255,255,.12)}.profile-rating div:last-child{border:0}.profile-rating small{display:block;font-size:9px;opacity:.55;margin-bottom:3px}.profile-rating strong{font-family:'Geologica',sans-serif;font-size:19px}.profile-content{padding:20px 15px}.profile-content h2{padding:0 3px 10px}.settings-card,.stat-list{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.setting-row{min-height:69px;display:flex;align-items:center;padding:12px 14px;gap:11px;position:relative}.setting-icon{width:35px;height:35px;border-radius:50%;display:grid;place-content:center;color:#fff;font-size:17px;flex:0 0 auto}.setting-icon.notice{background:#15c172}.setting-icon.theme{background:#5b9bd5}.setting-text{flex:1;min-width:0}.setting-text b{display:block;font-size:13px}.setting-text small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.setting-row input{position:absolute;opacity:0}.switch{width:48px;height:28px;border-radius:20px;background:#c7cdd6;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:24px;height:24px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #6f7788;transition:.2s}.setting-row input:checked+.switch{background:#15c172}.setting-row input:checked+.switch:after{transform:translateX(20px)}.theme-row{padding-bottom:5px}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px}.theme-picker button{border:1px solid var(--line);background:var(--cream);color:var(--muted);padding:9px 4px;border-radius:100px;font-size:9px;font-weight:700}.theme-picker button.active{background:var(--orange);border-color:var(--orange);color:#04240f}.stat-list>div{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--line)}.stat-list>div:last-child{border:0}.stat-list>div>span{font-size:21px}.stat-list p{margin:0;flex:1;font-size:12px;font-weight:700}.stat-list small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.stat-list b{font-family:'Geologica',sans-serif;font-size:15px}.privacy-note{font-size:10px;color:var(--muted);line-height:1.5;padding:0 5px}.modal{position:fixed;z-index:50;inset:0}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(9,10,28,.52);backdrop-filter:blur(4px)}.modal-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88vh;background:var(--cream);border-radius:28px 28px 0 0;padding-bottom:calc(14px + var(--safe-bottom));overflow:auto;animation:up .25s ease-out}.sheet-grab{width:38px;height:4px;background:#c7cdd6;border-radius:5px;margin:9px auto}.modal-sheet header{display:flex;align-items:start;justify-content:space-between;padding:8px 18px 12px}.modal-sheet h2{margin:4px 0 0;text-transform:uppercase}.modal-sheet header button{border:0;background:#dfe3e8;border-radius:50%;width:30px;height:30px;font-size:20px;color:var(--muted)}@keyframes up{from{transform:translateY(40px);opacity:0}}.podium{padding:7px 16px 16px;display:flex;align-items:end;justify-content:center;gap:9px}.podium-player{width:30%;text-align:center}.podium-player:nth-child(1){order:2}.podium-player:nth-child(2){order:1}.podium-player:nth-child(3){order:3}.podium .avatar{width:51px;height:51px;margin:auto;border:3px solid #c7cdd6}.podium-player:nth-child(1) .avatar{width:66px;height:66px;border-color:#15c172}.podium-player b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.podium-player small{font-size:9px;color:var(--muted)}.place{display:inline-grid;place-content:center;width:21px;height:21px;border-radius:50%;background:var(--orange);color:#04240f;font-size:10px;font-weight:800;margin-top:-10px;position:relative}.leader-list{margin:0 14px;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.leader{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.leader:last-child{border:0}.leader.me{background:#dff8eb}.leader-rank{width:22px;text-align:center;font-size:11px;font-weight:800;color:var(--muted)}.leader .avatar{width:38px;height:38px;font-size:12px}.leader-name{flex:1;min-width:0}.leader-name b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-name small{font-size:9px;color:var(--muted)}.leader-score{text-align:right}.leader-score b{font-family:'Geologica',sans-serif;display:block;font-size:13px}.leader-score small{font-size:8px;color:var(--muted)}.toast{position:fixed;z-index:80;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translateX(-50%);max-width:calc(100% - 30px);padding:11px 15px;border-radius:100px;background:rgba(10,14,54,.94);color:#fff;font-size:12px;font-weight:650;box-shadow:var(--shadow);white-space:nowrap}.toast[hidden]{display:none}
html[data-theme=dark]{--cream:#111225;--card:#1c1e38;--text:#f3f2f7;--muted:#a3a4b4;--line:#303249;--shadow:0 16px 44px rgba(0,0,0,.22)}html[data-theme=dark] .tabbar{background:rgba(24,25,48,.92)}html[data-theme=dark] .board{background:#2d2f46}html[data-theme=dark] .tile{background:#3a3b50}html[data-theme=dark] .tile.v2{background:#f6f4ed;color:#373b70}html[data-theme=dark] .shop-hero{background:linear-gradient(135deg,#33293a,#1c1e38)}html[data-theme=dark] .economy-note{background:#24263c}html[data-theme=dark] .theme-picker button{background:#272940}html[data-theme=dark] .modal-sheet header button{background:#2b2d46;color:#fff}
@media(min-width:650px){body{background:#dedcd6}.shell{max-width:520px;margin:auto;background:var(--cream);box-shadow:0 0 50px rgba(20,22,58,.16)}.tabbar{max-width:520px;margin:auto}.modal-sheet{max-width:520px;margin:auto}.board{gap:9px;padding:10px}}
@media(max-height:700px){.game-heading{padding-top:11px}.game-stats{margin-bottom:9px;padding:9px 5px}.board-wrap{width:min(calc(100vw - 38px),380px)}.game-help{margin-top:8px;font-size:10px}}