:root{color-scheme:dark;--black:#050505;--surface:#111214;--surface2:#17181a;--line:#27282a;--gold:#d7b15a;--gold2:#f1d58a;--muted:#737579;--text:#f3f0e9;--danger:#ff615b;font-family:"Manrope","Segoe UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#050505;color:var(--text)}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 50% -10%,rgba(215,177,90,.1),transparent 34%),#050505}.miniapp{width:min(100%,440px);height:100dvh;min-height:600px;margin:auto;padding:max(9px,env(safe-area-inset-top)) 12px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-rows:42px minmax(0,1fr) 54px;gap:8px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%)}
.topbar{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font:700 14px/1 "Unbounded";letter-spacing:.16em}.mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid #75633a;color:var(--gold2);font:700 13px/1 "Unbounded";transform:rotate(45deg);border-radius:7px;background:#14110c}.balance-pill{height:37px;padding:4px 10px 4px 5px;border:1px solid var(--line);border-radius:13px;background:#101112;display:flex;align-items:center;gap:8px;cursor:pointer}.coin{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#b58431);color:#171006;font-size:10px;font-weight:900}.balance-pill small,.balance-pill b{display:block;text-align:left}.balance-pill small{font-size:6px;color:var(--muted);letter-spacing:.15em}.balance-pill b{font-size:11px;margin-top:1px}.views{min-height:0;position:relative}.app-view{display:none;height:100%;min-height:0}.app-view.active{display:grid}.game-view{grid-template-rows:111px minmax(250px,1fr) 48px 48px 27px;gap:7px}
.round-card{display:grid;grid-template-columns:1.12fr .82fr 1.15fr;grid-template-rows:47px 1fr;align-items:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121315,#0a0b0c);overflow:hidden}.mode-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#090a0b;border-bottom:1px solid #1e2022}.mode{min-width:0;height:36px;padding:0 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#626469;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer}.mode i{font:700 7px/1 "Unbounded";font-style:normal;color:#46484b}.mode span,.mode b,.mode small{display:block;min-width:0}.mode b{font:600 7px/1.15 "Unbounded";white-space:nowrap}.mode small{margin-top:4px;font-size:7px}.mode.active{color:#171006;background:linear-gradient(135deg,#f0d181,#b88a3a);border-color:#e0bc6c;box-shadow:0 3px 14px rgba(215,177,90,.16)}.mode.active i{color:#6b4e1d}.round-stat{height:100%;padding:9px 10px;display:flex;flex-direction:column;justify-content:center}.round-stat+.round-stat{border-left:1px solid var(--line)}.round-stat span,.last-player small{color:#696b6e;font-size:6px;font-weight:800;letter-spacing:.14em}.round-stat strong{margin-top:5px;color:var(--gold2);font:700 15px/1 "Unbounded";white-space:nowrap}.round-stat em{font:700 6px/1 "Manrope";color:#75633a}.timer-stat strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.timer-stat.urgent{background:rgba(198,54,48,.08)}.timer-stat.urgent span{color:#d86a64}.timer-stat.urgent strong{color:var(--danger);text-shadow:0 0 12px rgba(255,71,64,.5);animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.5}}.last-player{height:100%;border-left:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:8px;position:relative;min-width:0}.last-player .avatar{flex:0 0 27px;height:27px;padding:0;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:#2b2114;color:var(--gold2);font-size:9px;font-weight:900}.last-player .avatar img{width:100%;height:100%;object-fit:cover;display:block}.last-player p{margin:0;min-width:0}.last-player small,.last-player b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-player b{margin-top:3px;font-size:8px}.live{position:absolute;right:8px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.field-shell{min-height:0;padding:7px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;background:#090a0a}.field-head{height:25px;padding:0 2px;display:flex;align-items:center;gap:7px;color:#a39d93;font-size:7px;font-weight:800;letter-spacing:.08em}.field-head>span{color:var(--gold)}.field-head p{margin:0;flex:1}.field-head p i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold)}.field-head p b{color:var(--text);font-size:8px}.field-head button{border:1px solid #3a3325;border-radius:6px;padding:3px 6px;background:#14120d;color:#b69857;font-size:6px;font-weight:900;cursor:pointer}.board-stage{flex:1;min-height:0;width:100%;max-width:382px;aspect-ratio:1;margin:auto;position:relative}.board{width:100%;height:100%;display:grid;grid-template:repeat(8,1fr)/repeat(8,1fr);gap:4px}.cell{min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #292b2e;border-radius:6px;background:linear-gradient(145deg,#1a1c1e,#111214);color:#56585b;font-size:clamp(7px,2.2vw,10px);font-weight:800;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.12s}.cell:active{transform:scale(.9)}.cell.selected{border-color:var(--gold);color:var(--gold2);background:#272116}.cell.claimed{cursor:default;border-color:#1a1b1d;background:#0d0e0f}.cell.mine-last{border-color:#c29c4c;box-shadow:0 0 0 1px rgba(215,177,90,.16)}.cell.cup{border-color:var(--gold2);background:radial-gradient(circle,#f3d991,#bb8733);font-size:15px}.cell-avatar{width:100%;height:100%;display:block;object-fit:cover;border-radius:5px}.cell-initial{display:grid;width:100%;height:100%;place-items:center;color:var(--gold2);background:#17140f}.field-state{position:absolute;inset:0;z-index:5;border:1px solid #5c4b2b;border-radius:11px;display:none;place-items:center;align-content:center;text-align:center;gap:8px;background:rgba(7,7,7,.95);backdrop-filter:blur(5px)}.field-state.show{display:grid}.state-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #75633a;border-radius:12px;color:var(--gold2);font:700 16px "Unbounded";transform:rotate(45deg)}.field-state strong{margin-top:8px;font:600 11px/1.3 "Unbounded"}.field-state small{color:var(--gold);font-size:8px}.field-state>b{color:var(--gold2);font:700 24px "Unbounded"}
.event-line{padding:7px 9px;border:1px solid var(--line);border-radius:13px;background:#101112;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px}.event-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#18191b;color:#777}.event-line p{margin:0;min-width:0}.event-line small,.event-line strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-line small{font-size:6px;color:#636467;font-weight:900;letter-spacing:.14em}.event-line strong{margin-top:3px;font-size:9px}.event-line>b{font-size:7px;color:#666}.event-line.empty{border-color:#3b3424}.event-line.empty .event-icon,.event-line.empty>b{color:var(--gold)}.event-line.win{border-color:var(--gold);background:#1b1710}.open-button{border:1px solid #9c7d3e;border-radius:13px;background:linear-gradient(110deg,#bb8c3c,#f0d181 55%,#b98a39);color:#171006;font:700 9px "Unbounded";display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.open-button:disabled{border-color:#27282a;color:#5f6062;background:#151618;cursor:not-allowed}.open-button i{font-style:normal;font-size:15px}.rule-note{padding:0 8px;border:1px solid #242528;border-radius:9px;background:#0c0d0e;display:grid;grid-template-columns:auto 1fr 17px;align-items:center;gap:7px;text-align:left;color:#65676a;cursor:pointer}.rule-note span{color:#a78a4d;font-size:6px;font-weight:900;letter-spacing:.1em}.rule-note b{font-size:7px;font-weight:600}.rule-note i{width:15px;height:15px;display:grid;place-items:center;border:1px solid #3a3b3e;border-radius:50%;font-size:7px;font-style:normal}
.bottom-nav{border:1px solid var(--line);border-radius:16px;background:#0d0e0f;display:grid;grid-template-columns:repeat(4,1fr);padding:4px}.bottom-nav button{position:relative;border:0;border-radius:11px;color:#525459;background:none;cursor:pointer}.bottom-nav svg{width:17px;height:17px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bottom-nav b{display:block;margin-top:3px;font-size:6px;letter-spacing:.08em}.bottom-nav button.active{color:var(--gold2);background:#18160f}.badge{position:absolute;top:1px;right:20%;min-width:14px;height:14px;padding:0 3px;border-radius:8px;display:grid;place-items:center;background:var(--gold);color:#171006;font-size:6px;font-style:normal;font-weight:900}.badge[hidden]{display:none!important}
.section-view{grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;padding:8px 2px 0}.section-head{display:flex;align-items:end;justify-content:space-between;padding:4px 5px}.section-head small,.profile-head small{color:#8f733b;font-size:7px;font-weight:900;letter-spacing:.15em}.section-head h1,.profile-head h1{margin:5px 0 0;font:700 22px/1 "Unbounded"}.season,.count-chip,.rank-chip{padding:6px 9px;border:1px solid #393324;border-radius:8px;background:#15130f;color:var(--gold2);font-size:7px;font-weight:900}.podium{height:126px;display:flex;align-items:end;justify-content:center;gap:8px}.podium-card{width:29%;text-align:center}.podium-card:nth-child(2){order:-1}.podium-avatar,.list-avatar,.profile-avatar{overflow:hidden;display:grid;place-items:center;background:#1e1a12;color:var(--gold2);border:1px solid #4f432c;font-weight:900}.podium-avatar{width:45px;height:45px;margin:auto;border-radius:14px}.podium-card:first-child .podium-avatar{width:56px;height:56px;border-color:var(--gold)}.podium-avatar img,.list-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.podium-card b,.podium-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-card b{margin-top:6px;font-size:9px}.podium-card small{margin-top:3px;color:var(--gold);font-size:7px}.section-tabs{height:34px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0c0d0e;display:grid;grid-template-columns:1fr 1fr}.section-tabs button{border:0;border-radius:7px;background:none;color:#5f6164;font-size:7px;font-weight:900;cursor:pointer}.section-tabs button.active{background:#1b1811;color:var(--gold2)}.ranking-list,.friends-list{min-height:0;overflow:auto;scrollbar-width:none}.ranking-row,.friend-row{min-height:52px;margin-bottom:6px;padding:7px 10px;border:1px solid #202225;border-radius:12px;background:#0e0f10;display:grid;grid-template-columns:22px 35px 1fr auto;align-items:center;gap:8px}.ranking-row>span{font:700 8px "Unbounded";color:#686a6e}.list-avatar{width:35px;height:35px;border-radius:10px}.ranking-row p,.friend-row p{margin:0;min-width:0}.ranking-row p b,.ranking-row p small,.friend-row p b,.friend-row p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-row p b,.friend-row p b{font-size:9px}.ranking-row p small,.friend-row p small{margin-top:3px;color:#606266;font-size:7px}.ranking-value{text-align:right}.ranking-value b,.ranking-value small{display:block}.ranking-value b{color:var(--gold2);font-size:9px}.ranking-value small{margin-top:3px;color:#5d5f62;font-size:6px}.empty-state{height:100%;min-height:100px;display:grid;place-items:center;padding:25px;text-align:center;color:#686a6e;font-size:9px;line-height:1.5;border:1px dashed #292b2e;border-radius:13px}
.invite-card{position:relative;padding:20px;border:1px solid #4d4028;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 90% 0,rgba(215,177,90,.14),transparent 42%),linear-gradient(145deg,#18150f,#0c0d0e)}.invite-mark{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #625231;border-radius:11px;color:var(--gold2);font:700 14px "Unbounded";transform:rotate(45deg)}.invite-card>small{color:#8f733b;font-size:7px;font-weight:900;letter-spacing:.15em}.invite-card h2{width:70%;margin:13px 0 8px;font:700 15px/1.25 "Unbounded"}.invite-card p{width:78%;margin:0;color:#77797c;font-size:8px;line-height:1.5}.invite-card>button{margin-top:16px;height:40px;border-radius:10px;font-size:8px;font-weight:900;cursor:pointer}.invite-card>button:first-of-type{width:100%;border:1px solid #d3ae5a;background:linear-gradient(110deg,#b98a39,#efd081);color:#171006}.invite-card button i{font-style:normal;font-size:13px}.invite-card .copy-link{width:100%;height:24px;margin-top:5px;border:0;background:none;color:#77797c}.subhead{display:flex;justify-content:space-between;padding:0 5px;color:#65676a;font-size:7px;font-weight:900;letter-spacing:.1em}.friend-row{grid-template-columns:35px 1fr auto}.friend-row>span{color:#6e705f;font-size:7px}.profile-head{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:8px 5px 14px;border-bottom:1px solid #202225}.profile-avatar{width:58px;height:58px;border-radius:17px;font-size:16px}.profile-head p{margin:5px 0 0;color:#67696c;font-size:8px}.profile-balance{position:relative;padding:18px;border:1px solid #423824;border-radius:16px;background:linear-gradient(145deg,#17140e,#0d0e0f)}.profile-balance small,.profile-balance>span{display:block}.profile-balance small{color:#77705e;font-size:7px;letter-spacing:.14em}.profile-balance strong{display:block;margin:9px 0 7px;color:var(--gold2);font:700 25px "Unbounded"}.profile-balance em{font:700 8px "Manrope";font-style:normal;color:#8c7544}.profile-balance>span{color:#626467;font-size:7px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-grid article{height:65px;padding:12px;border:1px solid #222427;border-radius:13px;background:#0e0f10}.stat-grid small,.stat-grid b{display:block}.stat-grid small{color:#636568;font-size:6px;font-weight:900;letter-spacing:.13em}.stat-grid b{margin-top:8px;font:700 15px "Unbounded"}.profile-menu{display:grid;gap:6px}.profile-menu button{height:53px;padding:7px 10px;border:1px solid #222427;border-radius:12px;background:#0e0f10;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer}.menu-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#191711;color:var(--gold2);font-size:10px;font-weight:900}.profile-menu p{margin:0}.profile-menu b,.profile-menu small{display:block}.profile-menu b{font-size:9px}.profile-menu small{margin-top:4px;color:#626467;font-size:7px}.profile-menu i{color:#66593d;font-style:normal;font-size:17px}.build-info{text-align:center;color:#3f4144;font-size:6px;letter-spacing:.15em}
.toast{position:absolute;left:50%;bottom:70px;z-index:30;max-width:86%;padding:9px 13px;border:1px solid #4b4028;border-radius:10px;background:#18150f;color:var(--gold2);font-size:8px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.info-sheet{position:absolute;inset:0;z-index:40;display:none}.info-sheet.show{display:block}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.74);backdrop-filter:blur(3px)}.info-sheet article{position:absolute;left:8px;right:8px;bottom:8px;padding:22px;border:1px solid #3c3424;border-radius:20px;background:#111214}.sheet-close{position:absolute;right:13px;top:12px;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:#18191b;color:#8a8c8f;font-size:17px}.info-sheet article>small{color:#917a49;font-size:7px;font-weight:900;letter-spacing:.14em}.info-sheet h2{margin:10px 34px 14px 0;font:700 16px/1.25 "Unbounded"}.info-sheet article div{color:#8a8c8f;font-size:9px;line-height:1.6}.info-sheet article div b{color:var(--text)}.confetti{position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:7px;height:13px;border-radius:2px;background:var(--piece-color);animation:fall var(--piece-duration) cubic-bezier(.2,.7,.3,1) var(--piece-delay) forwards}@keyframes fall{to{opacity:0;transform:translate3d(var(--piece-drift),105dvh,0) rotate(var(--piece-turn))}}
@media(max-height:690px){.miniapp{grid-template-rows:36px minmax(0,1fr) 48px;gap:5px;padding-top:6px}.game-view{grid-template-rows:96px minmax(220px,1fr) 43px 43px 24px;gap:5px}.round-card{grid-template-rows:41px 1fr}.mode{height:31px}.board{gap:3px}.section-view{gap:7px}.podium{height:105px}.invite-card{padding:15px}.profile-balance{padding:13px}.stat-grid article{height:54px;padding:9px}.profile-menu button{height:47px}}
@media(min-width:700px){.miniapp{border-left:1px solid #17181a;border-right:1px solid #17181a;box-shadow:0 0 80px rgba(0,0,0,.65)}}