:root{color:#17201a;background:#f7f8f1;font-family:"Noto Serif Lao",ui-serif,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh;padding:28px}.player-shell{background:#fff;padding-bottom:92px}.admin-shell{background:#f7f8f1}.app-topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;max-width:1180px;margin:0 auto 20px}.app-topbar>div{display:grid;gap:2px}.app-topbar strong{font-size:18px}.app-topbar span{color:#687565;font-size:13px;font-weight:800}.mode-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e3e8da;border-radius:8px;background:#fff}.mode-switch button{min-height:38px;border:0;border-radius:6px;padding:0 14px;background:transparent;color:#52604f;font-size:13px;font-weight:900;white-space:nowrap}.mode-switch .active{background:#173822;color:#fff}.mobile-app,.player-layout{display:grid;gap:16px;max-width:480px;margin:0 auto}.home-stack,.player-screen{display:grid;gap:14px}.winning-header{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:16px;align-items:center;padding:22px;border-radius:8px;background:#173822;color:#fff;box-shadow:0 18px 40px #1738222e}.winning-header span,.home-balance span,.profile-card span{font-size:13px;font-weight:850}.winning-header span{color:#ffffffb8}.winning-header strong{display:block;margin:8px 0;font-size:42px;line-height:1}.winning-header em{color:#ffffffb8;font-size:13px;font-style:normal;font-weight:750}.winner-animal{display:grid;gap:6px;justify-items:center;padding:12px;border-radius:8px;background:#ffffff1f}.winner-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.96),transparent 26%),linear-gradient(145deg,#ffe4bc,#ff8a1f);color:#9c3300!important;font-size:26px!important;font-weight:950!important}.winner-animal strong{margin:0;font-size:16px}.winner-animal small{color:#ffffffb8;font-weight:900}.home-balance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-balance>div,.profile-card,.learning-card{display:grid;gap:6px;padding:16px;border:1px solid #e3e8da;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1e27140f}.home-balance strong{color:#173822;font-size:16px;line-height:1.25}.quick-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-menu button{display:grid;gap:12px;justify-items:center;min-height:132px;border:1px solid #f1d5aa;border-radius:8px;padding:18px 12px;background:#fffdf9;color:#17201a;font-size:15px;font-weight:950;text-align:center}.quick-menu button span{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ff841c;color:#fff;box-shadow:0 10px 18px #d55e0c33}.player-screen-title{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;min-height:44px}.player-screen-title h1{margin:0;font-size:24px;line-height:1.1;text-align:center}.back-button{min-height:38px;border:0;border-radius:8px;background:#eef2fb;color:#16308f;font-size:13px;font-weight:900}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:480px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e3e8da;background:#fffffff7;box-shadow:0 -8px 24px #1e271414;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:grid;gap:4px;place-items:center;border:0;border-radius:8px;background:transparent;color:#687565;font-size:12px;font-weight:900}.bottom-nav .active{background:#16308f;color:#fff}.profile-card strong{color:#16224a;font-size:26px}.profile-card em{color:#16308f;font-style:normal;font-weight:950}.about-card{display:grid;gap:10px;padding:18px;border:1px solid #e4e8f3;border-radius:18px;background:#fff;box-shadow:0 12px 28px #1e27140f}.about-card h2{margin:0;font-size:22px;color:#16224a}.about-card h3{margin:8px 0 0;font-size:16px;color:#16308f}.about-card p{margin:0;color:#2b3550;line-height:1.7}.about-lead{font-weight:800}.about-note{margin-top:6px;padding:14px;border-radius:12px;background:#eef2fb;color:#16308f;font-weight:800;line-height:1.6}.learning-card h2{margin-bottom:4px}.learning-card p{margin-bottom:0;color:#52604f;line-height:1.55}.learning-example{display:grid;gap:4px;padding:12px;border-radius:8px;background:#f7f8f1}.learning-example span{color:#687565;font-size:13px;font-weight:850}.learning-example strong{color:#16308f;font-size:20px}.prize-title{margin:4px 0 0;font-size:16px;color:#16224a}.prize-table{display:grid;gap:6px}.prize-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border:1px solid #e4e8f3;border-radius:10px;background:#f4f6fb}.prize-row span{color:#16224a;font-size:14px;font-weight:800}.prize-row strong{color:#16308f;font-size:15px;font-weight:950;white-space:nowrap}.player-summary,.player-card{border:1px solid #f1d5aa;border-radius:8px;background:#fff;box-shadow:0 14px 34px #1e271412}.player-summary{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:end;padding:18px}.player-summary>div{display:grid;gap:4px}.player-summary span{color:#687565;font-size:13px;font-weight:900}.player-summary strong{color:#173822;font-size:30px;line-height:1.1}.player-card{padding:18px}.player-bottom{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.player-message{max-width:720px}.admin-layout{max-width:1180px;margin:0 auto}.admin-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.admin-heading h1{margin-bottom:8px;font-size:42px;line-height:1}.admin-heading p{margin-bottom:0;color:#52604f;line-height:1.5}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;max-width:1180px;margin:0 auto 24px}.hero>div:first-child,.balance-panel,.panel{border:1px solid #d9dfcc;background:#fff;box-shadow:0 18px 50px #1e271414}.hero>div:first-child{padding:36px;border-radius:8px;background:linear-gradient(130deg,#e6f6dbeb,#fffffff0),radial-gradient(circle at top right,rgba(235,72,56,.18),transparent 34%)}.brand{margin:0 0 18px;font-size:15px;font-weight:800;color:#bb3a2c}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:16px;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:0}h2{margin-bottom:0;font-size:22px}.hero-copy{max-width:680px;color:#52604f;font-size:18px;line-height:1.6}.notice{display:inline-flex;margin-top:12px;padding:12px 14px;border-radius:6px;background:#173822;color:#fff;font-size:14px;font-weight:700}.balance-panel{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:8px}.balance-panel span,.balance-panel small,.result-card span,.ticket span,.animal-row span,.section-title span,label,.animal-preview span{color:#687565;font-size:13px;font-weight:700}.balance-panel strong{margin:8px 0;font-size:34px}.workspace,.admin-grid{display:grid;gap:24px;max-width:1180px;margin:0 auto}.workspace{grid-template-columns:360px minmax(0,1fr) 340px}.animal-buy-panel{grid-column:span 2}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:24px}.admin-tabs{display:flex;gap:6px;width:fit-content;max-width:1180px;margin:0 auto 20px;padding:6px;border:1px solid #d9dfcc;border-radius:10px;background:#fff}.admin-tabs button{min-height:40px;padding:0 18px;border:0;border-radius:7px;background:transparent;color:#52604f;font-size:14px;font-weight:900}.admin-tabs .active{background:#173822;color:#fff}.admin-login{display:grid;place-items:center;min-height:100vh;padding:24px}.admin-login-card{display:grid;gap:12px;width:min(420px,100%);padding:28px;border:1px solid #d9dfcc;border-radius:16px;background:#fff;box-shadow:0 18px 50px #1e27141f}.admin-login-card h1{margin:0;font-size:28px}.admin-login-card>p{margin:0;color:#52604f;line-height:1.5}.admin-login-card form{display:grid;gap:14px;margin-top:4px}.admin-login-exit{justify-self:start;min-height:36px;border:0;border-radius:8px;padding:0 12px;background:#f4f6ee;color:#173822;font-size:13px;font-weight:900}.admin-content{max-width:1180px;margin:0 auto}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.metric-card{display:grid;gap:6px;padding:18px;border:1px solid #d9dfcc;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1e27140f}.metric-card span{color:#687565;font-size:13px;font-weight:800}.metric-card strong{color:#173822;font-size:22px}.metric-card strong.pos{color:#15803d}.metric-card strong.neg{color:#d83d2f}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{padding:20px;border:1px solid #d9dfcc;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1e27140f}.chart-card.wide{grid-column:1 / -1}.chart-card h3{margin:0 0 14px;font-size:16px;color:#173822}.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.chart-head h3{margin:0}.legend{display:inline-flex;align-items:center;gap:6px;color:#687565;font-size:12px;font-weight:800}.legend .dot{width:10px;height:10px;border-radius:3px}.dot.rev,.bar.rev{background:#16a34a}.dot.pay,.bar.pay{background:#d83d2f}.bars{display:flex;align-items:flex-end;gap:10px;height:184px;padding-top:8px;overflow-x:auto}.bar-group{display:grid;gap:8px;justify-items:center;flex:1 0 44px}.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;height:150px}.bar{width:16px;min-height:2px;border-radius:4px 4px 0 0}.bar-label{color:#687565;font-size:11px;font-weight:800;white-space:nowrap}.hbars{display:grid;gap:10px}.hbar-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:center}.hbar-label{overflow:hidden;color:#173822;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:14px;border-radius:999px;background:#eef2e6;overflow:hidden}.hbar-fill{height:100%;min-width:3px;border-radius:999px}.hbar-value{color:#52604f;font-size:12px;font-weight:800;white-space:nowrap}.user-table{display:grid;gap:8px;margin-top:16px}.user-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) 80px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:14px;border:1px solid #dde3d3;border-radius:10px;background:#fff;text-align:left}.user-row.head{border:0;padding:6px 14px;background:#f4f6ee;font-size:12px;letter-spacing:.04em}.user-row.head span{color:#687565;font-weight:900;text-transform:uppercase}.user-row .u-name{overflow:hidden;color:#173822;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.user-row .u-phone{overflow:hidden;color:#52604f;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-row span{color:#52604f;font-weight:700}.user-row strong{color:#173822}.admin-sub{margin:20px 0 12px;font-size:16px;color:#173822}.side-stack{display:grid;gap:24px;align-content:start}.compact-panel{align-self:start}.panel{border-radius:8px;padding:22px}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.icon-button,.primary-button,.delete-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:6px;font-size:14px;font-weight:800}.icon-button{padding:0 14px;background:#eaf0df;color:#243421}.primary-button{width:100%;padding:0 18px;background:#d83d2f;color:#fff}.ticket-form,.animal-form,.animal-buy-form,.draw-form{display:grid;gap:16px}.picker-hint{margin:-2px 2px 0;color:#6b7494;font-size:13px;font-weight:800}.animal-buy-form{padding-bottom:16px}.animal-picker{display:block;height:clamp(180px,calc(100dvh - 513px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),760px);overflow-y:auto;margin-left:-16px;margin-right:-16px;padding:0 16px;background:#fff;border-top:1px solid #e7ebf5}.animal-choice{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:88px;border:0;border-bottom:1px solid #eef1f8;padding:12px 0;background:#fff;color:#16224a;text-align:left}.animal-choice:last-child{border-bottom:0}.animal-choice.active{background:#eef2fb}.animal-avatar{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid #d8e0fb;border-radius:14px;background:linear-gradient(145deg,#eaf0ff,#c7d4ff);color:#2746c6;font-size:26px;font-weight:950;overflow:hidden}.animal-line{display:grid;gap:8px;min-width:0}.animal-name{color:#16308f;font-size:20px;font-weight:950}.code-chips{display:flex;flex-wrap:wrap;gap:8px}.code-chip{--chip-size: clamp(34px, 9vw, 42px);display:inline-grid;place-items:center;width:var(--chip-size);height:var(--chip-size);padding:0;border:2px solid #d9e0e5;border-radius:50%;background:#fff;color:#16224a;font-size:clamp(14px,4vw,16px);font-weight:950;cursor:pointer}.code-chip.active{border-color:#2746c6;background:#2746c6;color:#fff}.pick-badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:0;border-radius:10px;background:#2746c6;color:#fff;font-size:13px;font-weight:950;white-space:nowrap;cursor:pointer;box-shadow:0 8px 14px #2746c633}.pick-badge.active{background:#16308f}.buy-tray{position:fixed;left:50%;transform:translate(-50%);bottom:calc(67px + env(safe-area-inset-bottom));z-index:18;display:grid;gap:10px;width:100%;max-width:480px;padding:10px 16px;background:#fff;border-top:1px solid #e7ebf5;box-shadow:0 -10px 28px #16224a12}.selection-strip{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center;min-height:42px;border:1px solid #cfd2d4;border-radius:8px;overflow:hidden;background:#fff}.selection-strip div{display:grid;gap:1px;min-width:0;padding:5px 14px}.selection-strip span,.buy-summary span{color:#687565;font-size:12px;font-weight:800}.selection-strip strong{overflow:hidden;color:#ff841c;font-size:17px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.clear-button{align-self:stretch;border:0;background:#ff841c;color:#fff}.entry-grid{display:grid;grid-template-columns:.82fr 1fr;gap:12px}.buy-summary{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-radius:8px;background:#f4f6ee}.buy-summary strong{color:#173822;font-size:18px}.draw-form{grid-template-columns:minmax(0,1fr) 220px;align-items:end;margin-bottom:20px}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px;border-radius:8px;background:#eef2e6}.segmented button{min-height:42px;border:0;border-radius:6px;background:transparent;color:#52604f;font-size:14px;font-weight:900}.segmented .active{background:#173822;color:#fff}label{display:grid;gap:8px;min-width:0}input,select{width:100%;min-width:0;min-height:50px;border:1px solid #cfd7c5;border-radius:6px;padding:0 14px;color:#17201a;background:#fbfcf8;font-size:18px;font-weight:800;outline:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{border-color:#d83d2f;box-shadow:0 0 0 3px #d83d2f29}.draw-summary{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:16px;padding:14px;border:1px solid #c8dfb8;border-radius:8px;background:#f0f9eb;color:#173822}.draw-summary.closed{border-color:#efd0cb;background:#fff3f0;color:#9f3027}.draw-summary div{display:grid;gap:4px}.draw-summary span,.leader-row small,.draw-row span{color:#687565;font-size:13px;font-weight:700;line-height:1.35}.animal-preview{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:center;padding:14px;border-radius:8px;background:#f4f6ee}.animal-preview strong{font-size:24px}.animal-preview em{justify-self:end;color:#bb3a2c;font-style:normal;font-weight:900}.draw-number{padding:8px 12px;border-radius:6px;background:#173822;color:#fff;font-size:22px}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.result-card{min-height:96px;padding:12px;border:1px solid #dde3d3;border-radius:8px;background:#fbfcf8}.result-card strong{display:block;margin:8px 0 4px;font-size:22px}.result-card small{color:#bb3a2c;font-weight:900}.tickets{display:grid;gap:10px}.ticket,.animal-row,.leader-row,.draw-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #dde3d3;border-radius:8px;background:#fff}.ticket>div,.animal-row>div,.leader-row>div,.draw-row>div:first-child{display:grid;gap:4px}.ticket strong{font-size:20px}.ticket.winner{border-color:#d83d2f;background:#fff3f0}.empty,.message{margin:0;color:#687565;line-height:1.5}.message{padding:12px;border-radius:6px;background:#f4f6ee;font-weight:700}.animal-list{display:grid;gap:10px;margin-top:16px}.select-row{width:100%;min-height:44px;border:1px solid #dde3d3;border-radius:8px;padding:0 12px;background:#fff;color:#17201a;text-align:left;font-weight:800}.select-row.active{border-color:#173822;background:#173822;color:#fff}.leaderboard,.draw-list{display:grid;gap:10px}.leader-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto}.leader-row>strong{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eaf0df;color:#173822}.leader-row em{color:#bb3a2c;font-style:normal;font-weight:900}.result-entry{display:grid;grid-template-columns:150px 110px;gap:10px;align-items:center}.result-entry input{min-height:42px;font-size:16px}.delete-button{width:42px;color:#bb3a2c;background:#fae8e4}@media(max-width:1050px){.hero,.workspace,.admin-grid,.chart-grid{grid-template-columns:1fr}.animal-buy-panel{grid-column:auto}.player-bottom{grid-template-columns:1fr}.admin-heading{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.app-shell{padding:12px}.app-topbar{align-items:stretch;flex-direction:column;margin-bottom:12px}.mode-switch{width:100%}.app-topbar>div{display:none}.winning-header{grid-template-columns:minmax(0,1fr) 104px;padding:18px}.winning-header strong{font-size:38px}.home-balance{grid-template-columns:1fr}.hero>div:first-child,.balance-panel,.panel{padding:18px}h1{font-size:40px}.admin-heading h1{font-size:34px}.player-summary{grid-template-columns:1fr;padding:14px}.player-card{padding:14px}.result-grid{grid-template-columns:repeat(2,1fr)}.animal-picker{height:clamp(180px,calc(100dvh - 513px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),640px);max-height:none}.animal-choice{grid-template-columns:50px minmax(0,1fr) auto;min-height:84px;padding:10px 0;gap:10px}.animal-avatar{grid-row:auto;width:50px;height:50px;font-size:22px}.animal-name{font-size:18px}.code-chips{grid-column:auto;gap:6px}.pick-badge{grid-column:auto;min-height:40px;font-size:12px;padding:0 12px}.entry-grid{grid-template-columns:.76fr 1fr}.draw-form,.result-entry{grid-template-columns:1fr}.leader-row,.draw-row,.section-title{align-items:flex-start;flex-direction:column}}.player-shell.standalone{padding:0 0 calc(84px + env(safe-area-inset-bottom));background:#f4f6fb}.auth-screen{display:grid;gap:16px;padding-top:8px}.auth-intro{display:grid;gap:4px;text-align:center}.auth-intro h2{margin:0;font-size:22px;color:#16224a}.auth-intro p{margin:0;color:#6b7494;font-weight:800;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:14px;background:#e7ecf8}.auth-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;color:#5a6486;font-size:14px;font-weight:900}.auth-tabs button.active{background:#fff;color:#16308f;box-shadow:0 6px 16px #16308f1f}.auth-form{display:grid;gap:14px;padding:18px;border:1px solid #e4e8f3;border-radius:18px;background:#fff;box-shadow:0 14px 34px #16224a12}.phone-field{display:flex;align-items:stretch;border:1px solid #cfd7c5;border-radius:6px;overflow:hidden;background:#fbfcf8}.phone-field:focus-within{border-color:#2746c6;box-shadow:0 0 0 3px #2746c629}.phone-prefix{display:inline-flex;align-items:center;padding:0 12px;background:#eef2fb;color:#16308f;font-size:16px;font-weight:950;white-space:nowrap}.phone-field input{border:0;border-radius:0;box-shadow:none;background:transparent}.phone-field input:focus{border:0;box-shadow:none}.auth-error{margin:0;padding:10px 12px;border-radius:10px;background:#fff1ef;color:#b3271b;font-size:13px;font-weight:800}.auth-submit{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(120deg,#16308f,#2746c6);color:#fff;font-size:15px;font-weight:950;box-shadow:0 14px 30px #16308f47}.auth-ack{display:grid;gap:16px;padding:22px;border:1px solid #e4e8f3;border-top:5px solid #2746c6;border-radius:18px;background:#fff;box-shadow:0 14px 34px #16224a14}.auth-ack h2{margin:0;font-size:20px;color:#16224a}.auth-ack p{margin:0;color:#2b3550;font-size:16px;line-height:1.7}.profile-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border:1px solid #e3e8da;border-radius:8px;background:#fff}.profile-meta span{color:#687565;font-size:13px;font-weight:850}.profile-meta strong{color:#16224a;font-size:16px}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #f4cfca;border-radius:12px;background:#fff1ef;color:#b3271b;font-size:14px;font-weight:900}.gender-field{display:grid;gap:8px}.gender-field>span{color:#687565;font-size:13px;font-weight:700}.gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gender-options button{min-height:48px;border:1px solid #cfd7c5;border-radius:8px;background:#fbfcf8;color:#16224a;font-size:15px;font-weight:900}.gender-options button.active{border-color:#2746c6;background:#2746c6;color:#fff}.profile-hero{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border:1px solid #e3e8da;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1e27140f}.profile-avatar-wrap{position:relative;width:86px;height:86px}.profile-avatar-img{width:86px;height:86px;border-radius:50%}img.profile-avatar-img{object-fit:cover}.avatar-upload-btn{position:absolute;right:-2px;bottom:-2px;display:inline-grid;place-items:center;width:32px;height:32px;border:2px solid #ffffff;border-radius:50%;background:#2746c6;color:#fff;cursor:pointer}.profile-hero-info{display:grid;gap:4px;min-width:0}.profile-hero-info strong{color:#16224a;font-size:22px}.profile-hero-info em{color:#16308f;font-style:normal;font-weight:950;font-size:18px}.profile-gender{color:#6b7494;font-size:13px;font-weight:800}.phone-reveal{display:flex;align-items:center;gap:10px}.phone-reveal strong{color:#16224a;font-size:16px;letter-spacing:.5px}.phone-eye{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#eef2fb;color:#16308f;cursor:pointer}.avatar-ph{display:inline-grid;place-items:center}img.sx-avatar{object-fit:cover}.gender-male{background:linear-gradient(145deg,#cfe0ff,#2746c6);color:#fff}.gender-female{background:linear-gradient(145deg,#ffd6ec,#db2777);color:#fff}.gender-other{background:linear-gradient(145deg,#e5e7eb,#6b7280);color:#fff}.wallet-title{margin:6px 2px 0;font-size:16px;color:#16224a}.wallet-list{display:grid;gap:8px}.wallet-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e3e8da;border-radius:12px;background:#fff}.wallet-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%}.wallet-row.credit .wallet-icon{background:#ecfdf3;color:#15803d}.wallet-row.debit .wallet-icon{background:#fff1ef;color:#b3271b}.wallet-info{display:grid;gap:2px;min-width:0}.wallet-info strong{overflow:hidden;color:#16224a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.wallet-info span{color:#6b7494;font-size:12px;font-weight:700}.wallet-amount{white-space:nowrap;font-size:15px}.wallet-row.credit .wallet-amount{color:#15803d}.wallet-row.debit .wallet-amount{color:#b3271b}.play-summary{display:grid;gap:10px;padding:16px;border:1px solid #e3e8da;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1e27140d}.play-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-summary-row span{display:inline-flex;align-items:center;gap:6px;color:#52604f;font-size:14px;font-weight:800}.play-summary-row strong{white-space:nowrap;font-size:15px;font-weight:900}.play-summary strong.pos{color:#15803d}.play-summary strong.neg{color:#b3271b}.play-summary-net{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-top:12px;border-top:1px solid #eef1f8}.play-summary-net span{font-size:15px;font-weight:900;color:#16224a}.play-summary-net strong{white-space:nowrap;font-size:22px;font-weight:950}.play-summary-net.pos strong{color:#15803d}.play-summary-net.neg span,.play-summary-net.neg strong{color:#b3271b}.play-summary-note{margin:0;color:#6b7494;font-size:12px;font-weight:700;line-height:1.5}.result-locked{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border-radius:6px;background:#eef2fb;color:#16308f;font-size:18px;font-weight:950;letter-spacing:1px}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0f162d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-modal{width:min(560px,100%);max-height:88vh;overflow:auto;display:grid;gap:14px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 30px 80px #0f162d59}.stats-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.stats-head h2{margin:0;font-size:20px;color:#16224a}.stats-head span{color:#687565;font-size:13px;font-weight:800}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#f4f6fb}.stat.wide{grid-column:span 2}.stat span{color:#6b7494;font-size:12px;font-weight:800}.stat strong{color:#16224a;font-size:18px}.stat strong.pos{color:#15803d}.stat strong.neg{color:#d83d2f}.stats-subtitle{margin:4px 0 0;font-size:16px;color:#16224a}.stats-winners{display:grid;gap:8px}.stats-winner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #e4e8f3;border-radius:12px;background:#fff}.stats-winner>div:first-child{display:grid;gap:3px;min-width:0}.stats-winner strong{color:#16224a;font-size:15px}.stats-winner span{color:#6b7494;font-size:13px;font-weight:700}.stats-winner-amt{display:grid;gap:2px;justify-items:end}.stats-winner-amt span{color:#6b7494;font-size:12px;font-weight:700}.stats-winner-amt strong{color:#15803d;font-size:15px;white-space:nowrap}.sx-appbar{position:sticky;top:0;z-index:15;display:grid;gap:2px;justify-items:center;max-width:480px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;text-align:center;background:linear-gradient(120deg,#16308f,#2746c6);color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:0 10px 26px #16308f38}.sx-appbar strong{font-size:17px}.sx-appbar span{color:#ffffffd1;font-size:12px;font-weight:800}.player-shell.standalone .mobile-app{padding:16px 16px 0}.sx-home{display:grid;gap:16px}.sx-profile{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border:1px solid #e0e6f5;border-radius:18px;background:#eef2fb}.sx-avatar{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#2746c6;box-shadow:0 6px 16px #2746c629}.sx-profile strong{display:block;font-size:18px;color:#16224a}.sx-profile span{color:#5a6486;font-size:13px;font-weight:850}.sx-result-card{display:grid;gap:14px;padding:18px;border:1px solid #e4e8f3;border-radius:18px;background:#fff;box-shadow:0 14px 34px #16224a14}.sx-result-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.sx-result-head span:first-child{color:#16224a;font-size:15px;font-weight:950}.sx-result-head span:last-child{color:#8088a3;font-size:12px;font-weight:800}.number-rings{display:flex;justify-content:center;gap:clamp(4px,1.4vw,8px);flex-wrap:nowrap}.ring{--ring-size: clamp(34px, 11.6vw, 52px);display:inline-grid;place-items:center;width:var(--ring-size);height:var(--ring-size);padding:4px;border-radius:50%;background:#2746c6;box-shadow:0 6px 14px #16224a1f}.ring-inner{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;color:#16224a;font-size:clamp(15px,5vw,24px);font-weight:950}.number-rings.sm .ring{width:40px;height:40px;padding:3px}.number-rings.sm .ring-inner{font-size:18px}.sx-result-foot{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#f4f6fb}.sx-foot-badge{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffe4bc,#ff8a1f);color:#9c3300;font-size:18px;font-weight:950}.sx-result-foot strong{color:#16224a;font-size:16px}.sx-result-foot em{justify-self:end;color:#2746c6;font-size:18px;font-style:normal;font-weight:950}.sx-nextdraw{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-radius:16px;background:linear-gradient(120deg,#16308f,#2746c6);color:#fff}.sx-nextdraw span{color:#ffffffc7;font-size:13px;font-weight:850}.sx-nextdraw strong{font-size:16px}.sx-section-title{margin:6px 2px 0;font-size:18px;color:#16224a}.sx-services{display:grid;gap:12px}.sx-service{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;width:100%;min-height:84px;padding:14px 18px;border:0;border-radius:18px;text-align:left;color:#fff}.sx-service.primary{background:#2746c6;box-shadow:0 16px 34px #2746c63d}.sx-service-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#ffffff2e;color:#fff}.sx-service-text{display:grid;gap:4px;min-width:0}.sx-service-text strong{font-size:20px}.sx-service-text small{color:#ffffffd9;font-size:13px;font-weight:800}.sx-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sx-mini{display:grid;gap:8px;place-items:center;min-height:92px;padding:14px 8px;border:1px solid #e4e8f3;border-radius:16px;background:#fff;color:#16224a;font-size:13px;font-weight:900;box-shadow:0 10px 24px #16224a0f}.sx-mini svg{color:#2746c6}.sx-buy-status{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:850}.sx-buy-status.open{border:1px solid #cfe0ff;background:#eaf2ff;color:#16308f}.sx-buy-status.closed{border:1px solid #f4cfca;background:#fff1ef;color:#b3271b}.sx-buy-status em{font-style:normal;font-weight:950}.sx-buytray .selection-strip strong{color:#16308f}.sx-buytray .clear-button{background:#2746c6}.sx-confirm{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:14px;background:linear-gradient(120deg,#16308f,#2746c6);color:#fff;font-size:14px;font-weight:900;box-shadow:0 14px 30px #16308f52}.sx-confirm strong{font-size:18px}img.animal-avatar,img.sx-foot-badge,img.animal-row-icon,img.cart-item-icon,img.detail-ticket-icon{object-fit:cover;background:#fff;padding:0}.placeholder-icon{width:58%;height:58%;opacity:.92}.buy-actions{display:grid;gap:8px}.buy-actions.two{grid-template-columns:1fr 1fr;gap:10px}.sx-add{display:flex;justify-content:center;gap:8px;align-items:center;width:100%;min-height:52px;padding:0 12px;border:0;border-radius:14px;background:linear-gradient(120deg,#16a34a,#22c55e);color:#fff;font-size:15px;font-weight:900;box-shadow:0 12px 26px #16a34a47}.sx-add>svg{flex:0 0 auto}.sx-add-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-cart-link{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 12px;border:1px solid #cfe0ff;border-radius:14px;background:#eaf2ff;color:#16308f;font-size:15px;font-weight:900}.sx-cart-link-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-cart-count{flex:0 0 auto;display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:#16308f;color:#fff;font-size:13px;font-weight:950}.sx-service-cart{position:absolute;top:12px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#fffffff2;color:#16308f;font-size:13px;font-weight:950}.sx-service.primary{position:relative}.cart-panel{display:grid;gap:14px}.cart-items{display:grid;gap:10px}.cart-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4e8f3;border-radius:16px;background:#fff;box-shadow:0 10px 24px #16224a0f}.cart-item-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#c7d4ff,#2746c6);color:#fff;font-size:20px;font-weight:950}.cart-item-body{display:grid;gap:3px;min-width:0}.cart-item-body strong{color:#16308f;font-size:16px}.cart-item-numbers{overflow:hidden;color:#16224a;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.cart-item-body small{color:#6b7494;font-weight:700}.cart-item-side{display:grid;gap:8px;justify-items:end}.cart-item-side em{color:#16308f;font-style:normal;font-weight:950}.cart-summary{display:grid;gap:8px;padding:16px;border-radius:16px;background:#f4f6fb}.cart-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.cart-summary span{color:#6b7494;font-size:13px;font-weight:800}.cart-summary strong{color:#16224a;font-size:17px}.cart-summary strong.neg{color:#d83d2f}.cart-checkout span{display:inline-flex;align-items:center;gap:8px}.icon-field{display:grid;gap:8px}.icon-field>span{color:#687565;font-size:13px;font-weight:700}.icon-field-row{display:flex;gap:12px;align-items:center}.icon-preview{width:52px;height:52px;border-radius:12px;object-fit:cover}.icon-preview.placeholder{display:inline-grid;place-items:center;border:1px dashed #cfd7c5;background:#f7f8f1;color:#98a18d;font-size:12px;font-weight:900}.icon-upload{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:8px;background:#eaf0df;color:#243421;font-size:14px;font-weight:800;cursor:pointer}.icon-upload.small{min-height:38px;padding:0 12px;font-size:13px}.icon-clear{display:inline-grid;place-items:center;width:42px;height:42px;border:0;border-radius:8px;background:#fae8e4;color:#bb3a2c}.animal-row-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.animal-row-main>div{display:grid;gap:3px;min-width:0}.animal-row-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#ffe4bc,#ff8a1f);color:#9c3300;font-size:18px;font-weight:950}.animal-row-actions{display:flex;gap:8px;align-items:center}.purchase-list{display:grid;gap:12px}.purchase-row{display:grid;gap:12px;width:100%;padding:16px;border:1px solid #e4e8f3;border-radius:18px;background:#fff;text-align:left;box-shadow:0 10px 24px #16224a0f}.purchase-row.won{border-color:#22c55e;background:#f1fdf5}.purchase-row-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.purchase-row-top>div{display:grid;gap:3px;min-width:0}.purchase-row-top strong{color:#16224a;font-size:16px}.purchase-row-top span{color:#6b7494;font-size:12px;font-weight:800}.purchase-row-top em{color:#16308f;font-size:18px;font-style:normal;font-weight:950;white-space:nowrap}.purchase-numbers{display:flex;flex-wrap:wrap;gap:6px}.num-chip{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border:1px solid #d8e0fb;border-radius:8px;background:#eef2fb;color:#16308f;font-size:14px;font-weight:900}.num-chip.more{border-style:dashed;background:#fff;color:#6b7494}.purchase-row-foot{display:flex;gap:10px;align-items:center}.purchase-row-foot>span:first-child{color:#6b7494;font-size:13px;font-weight:800}.win-tag{padding:4px 12px;border-radius:999px;background:#22c55e;color:#fff;font-size:12px;font-weight:950;white-space:nowrap}.purchase-win{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ecfdf3;border:1px solid #abefc6}.purchase-win .win-tag{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.purchase-win strong{flex:0 0 auto;color:#15803d;font-size:clamp(15px,4.6vw,18px);font-weight:950;white-space:nowrap}.view-more{margin-left:auto;color:#16308f;font-size:13px;font-weight:900}.purchase-detail{display:grid;gap:14px}.detail-summary{display:grid;gap:10px;padding:16px;border-radius:18px;background:#f4f6fb}.detail-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.detail-summary span{color:#6b7494;font-size:13px;font-weight:800}.detail-summary strong{color:#16224a;font-size:16px}.detail-summary strong.pos{color:#16a34a}.detail-tickets{display:grid;gap:10px}.detail-ticket{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4e8f3;border-radius:14px;background:#fff}.detail-ticket.won{border-color:#22c55e;background:#f1fdf5}.detail-ticket-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#c7d4ff,#2746c6);color:#fff;font-size:18px;font-weight:950}.detail-ticket-body{display:grid;gap:2px;min-width:0}.detail-ticket-body strong{color:#16224a;font-size:19px}.detail-ticket-body small{color:#6b7494;font-weight:700}.detail-ticket-side{display:grid;gap:2px;justify-items:end}.detail-ticket-side span{color:#6b7494;font-size:12px;font-weight:800}.detail-ticket-side strong{color:#16308f;font-size:14px}.stats-page{display:grid;gap:14px}.stats-page-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:14px;background:#e7ecf8}.stats-page-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;color:#5a6486;font-size:14px;font-weight:900}.stats-page-tabs .active{background:#fff;color:#16308f;box-shadow:0 6px 16px #16308f1f}.draw-history{display:grid;gap:8px}.draw-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e4e8f3;border-radius:12px;background:#fff}.dh-left{display:grid;gap:2px;min-width:0}.dh-left strong{color:#16224a;font-size:15px}.dh-left span{color:#6b7494;font-size:12px;font-weight:700}.dh-right{display:grid;gap:2px;justify-items:end;text-align:right}.dh-number{color:#16308f;font-size:18px;letter-spacing:1px}.dh-right span{color:#6b7494;font-size:12px;font-weight:800}.stats-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-shortcuts button{min-height:40px;border:1px solid #d8e0fb;border-radius:999px;background:#fff;color:#16308f;font-size:14px;font-weight:900}.stats-shortcuts button.active{border-color:#16308f;background:#16308f;color:#fff}.stats-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-range label{font-size:12px;color:#6b7494;font-weight:800}.stats-range input{min-height:44px;font-size:14px}.stats-range-total{margin:0;color:#16224a;font-weight:900}.animal-stat-bars{display:grid;gap:8px}.animal-stat-row{display:grid;grid-template-columns:26px minmax(80px,1.2fr) minmax(0,2fr) auto;gap:10px;align-items:center}.as-rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#eef2fb;color:#16308f;font-size:12px;font-weight:950}.as-name{overflow:hidden;color:#16224a;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.as-track{height:14px;border-radius:999px;background:#eef2fb;overflow:hidden}.as-fill{height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,#2746c6,#16308f)}.as-count{color:#16308f;font-size:14px;font-weight:950;white-space:nowrap}@media(max-width:680px){.sx-service-text strong{font-size:18px}}