@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg0: #050812;--bg1: #0b1430;--text: #f4f7fb;--dim: #9fb0c8;--cyan: #3df5ff;--pink: #ff7ad9;--panel: rgba(8, 14, 32, .86);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg0);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0;display:none}.screen.active{display:block}.hidden{display:none!important}#game{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;justify-content:space-between;padding:14px 16px;pointer-events:none}.brand{font-weight:700;letter-spacing:.5px}.best{color:var(--dim);font-weight:500}.panel{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0));max-width:480px;margin:0 auto;background:var(--panel);border:1px solid rgba(61,245,255,.35);border-radius:24px;padding:20px;text-align:center;backdrop-filter:blur(8px)}.big{font-size:48px;font-weight:700;margin:0;text-shadow:0 0 24px rgba(255,122,217,.7)}.sub{color:var(--dim);margin:6px 0 16px;text-align:center}.row{display:flex;gap:12px}.row>*{flex:1}button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:15px 18px;font-size:16px;cursor:pointer}button:disabled{opacity:.4;cursor:default}.primary{background:linear-gradient(90deg,var(--cyan),var(--pink));color:#06101f;box-shadow:0 0 24px #ff7ad973}.ghost{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.18)}.link{background:none;color:var(--cyan);font-weight:500;padding:10px}#screen-consent{background:linear-gradient(var(--bg1),var(--bg0));overflow-y:auto}.sheet{max-width:480px;margin:0 auto;padding:40px 16px calc(32px + env(safe-area-inset-bottom,0))}h1{font-size:30px;margin:0 0 16px}.points{padding-left:18px;line-height:1.5;color:var(--dim)}.points b{color:var(--text)}.check{display:flex;gap:12px;align-items:flex-start;margin:14px 0;line-height:1.4}.check input{width:22px;height:22px;flex:none;accent-color:var(--cyan);margin-top:1px}#screen-scan{background:#000}#video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#overlay{position:absolute;inset:0;width:100%;height:100%}.hint{position:absolute;left:16px;right:16px;bottom:calc(110px + env(safe-area-inset-bottom,0));text-align:center;font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 12px #000}.cancel{position:absolute;left:50%;transform:translate(-50%);bottom:calc(32px + env(safe-area-inset-bottom,0))}#screen-reveal{background:radial-gradient(circle at 50% 35%,#1a2350,var(--bg0) 70%);overflow-y:auto}#card{display:block;width:min(92vw,440px);margin:8px auto 0}.actions{max-width:440px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:12px}.toast{position:absolute;left:50%;transform:translate(-50%);top:64px;background:var(--panel);border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:999px;font-weight:500}#screen-report{background:linear-gradient(var(--bg1),var(--bg0));overflow-y:auto}.report{max-width:480px;margin:0 auto;padding:28px 16px calc(24px + env(safe-area-inset-bottom,0))}.report h1{text-align:center}#report-photo{display:block;width:100%;border-radius:20px}.score-ring{width:140px;height:140px;margin:-70px auto 0;position:relative;border-radius:50%;background:var(--bg0);border:6px solid var(--cyan);box-shadow:0 0 30px #3df5ff80;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring .num{font-size:52px;font-weight:700;line-height:1}.cap{color:var(--dim);font-size:12px;letter-spacing:3px;text-transform:uppercase}.standout{text-align:center;background:#ff7ad91f;border:1px solid rgba(255,122,217,.4);border-radius:16px;padding:12px;margin:0 0 16px}.items{display:flex;flex-direction:column;gap:14px}.item{background:var(--panel);border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08)}.item-top{display:flex;justify-content:space-between;font-weight:700}.item-top b{color:var(--cyan);font-size:22px}.bar{height:8px;border-radius:4px;background:#ffffff14;margin:8px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:4px}.item p,.shape p,.note{color:var(--dim);margin:0;font-size:14px;line-height:1.45}.shape{margin:16px 0;background:var(--panel);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.shape b{font-size:26px}.note{margin:10px 0;font-size:12px}.report .actions{padding:12px 0 0}.report h2{font-size:20px;margin:28px 0 12px}.layers{display:flex;gap:8px;margin:0 0 10px;overflow-x:auto}.chip{padding:8px 14px;font-size:14px;font-weight:700;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.18);border-radius:999px;flex:none}.chip.on{background:var(--cyan);color:#06101f;border-color:var(--cyan)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.summary>div{background:var(--panel);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}.summary b{font-size:20px}.features{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:440px){.features{grid-template-columns:1fr 1fr}}.feature{background:var(--panel);border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.feature b{font-size:18px}.feature p{color:var(--dim);margin:0;font-size:14px;line-height:1.4}.feature-top{display:flex;justify-content:space-between;align-items:center}.conf{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.5px}.conf-high{background:#3df5ff2e;color:var(--cyan)}.conf-medium{background:#ffd16629;color:#ffd166}.conf-indicative{background:#ffffff14;color:var(--dim)}.feature .measure,.item .measure{font-size:12px;color:#7f91ad}.sources{margin:10px 0;color:var(--dim);font-size:13px}.sources summary{cursor:pointer;color:var(--cyan)}.sources a{color:var(--dim)}.report .points{margin:0}.top-right{display:flex;align-items:center;gap:12px}.cards-btn{pointer-events:auto;position:relative;padding:8px 14px;font-size:14px;background:#080e20b3;color:var(--text);border:1px solid rgba(255,255,255,.25)}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--pink);color:#06101f;font-size:12px;line-height:20px;text-align:center}#screen-collection,#screen-card{background:linear-gradient(var(--bg1),var(--bg0));overflow-y:auto}.back{padding:4px 0}.album-head{display:flex;justify-content:space-between;align-items:flex-end}.album-head>div:first-child{display:flex;flex-direction:column}.album-head b{font-size:24px}.album-count{font-size:18px;color:var(--dim)}.album-count b{color:var(--text);font-size:28px}.album-stats{display:flex;justify-content:space-between;color:var(--dim);font-size:13px;margin:4px 0 14px}.album-stats b{color:var(--text)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.slot{padding:0;background:none;border:0;border-radius:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.slot canvas{width:100%;border-radius:10px;display:block}.slot-label{font-size:12px;font-weight:500;color:var(--dim);text-align:center;text-transform:capitalize}.slot.owned .slot-label{color:var(--text)}.keep{font-size:13px;color:var(--dim)}#screen-pack{background:radial-gradient(circle at 50% 40%,#1a2350,var(--bg0) 70%);text-align:center}.pack-title{margin:24px 0 0;font-weight:700;font-size:20px}#pack-canvas{display:block;width:min(92vw,440px);margin:0 auto;cursor:pointer}#card-detail{display:block;width:min(86vw,400px);margin:24px auto 12px}.vs-title{font-size:26px}.challenge-btn{width:100%;margin:0 0 18px}#screen-nick{background:linear-gradient(var(--bg1),var(--bg0))}.field{display:flex;flex-direction:column;gap:8px;font-weight:700;margin:18px 0}.field input{font:inherit;font-weight:500;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:var(--panel);color:var(--text)}#screen-battle{background:radial-gradient(circle at 50% 30%,#1a2350,var(--bg0) 70%);overflow-y:auto}#battle-canvas{display:block;width:min(94vw,440px);margin:8px auto 0}.badge.dot{min-width:12px;width:12px;height:12px;padding:0;top:-3px;right:-3px}#screen-daily{background:linear-gradient(var(--bg1),var(--bg0));overflow-y:auto}.streak{display:flex;align-items:baseline;gap:8px;justify-content:center;margin:4px 0 12px}.streak b{font-size:56px;text-shadow:0 0 24px rgba(255,122,217,.6)}.streak span{color:var(--dim)}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:0 0 18px}.wday{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dim);font-size:12px}.wday i{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.wday.done i{background:linear-gradient(135deg,var(--cyan),var(--pink));border-color:transparent}.wday.today span{color:var(--text);font-weight:700}.tasks{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}.task{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.08)}.task.ok{border-color:#3df5ff66}.tick{width:28px;height:28px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:700;color:#06101f}.task.ok .tick{background:var(--cyan);border-color:var(--cyan)}.task-text{flex:1}.task-text p{margin:2px 0 0;color:var(--dim);font-size:13px}.small{padding:9px 14px;font-size:14px}#screen-routine{background:#000}#routine-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#routine-overlay{position:absolute;inset:0;width:100%;height:100%}.routine-top{position:absolute;top:calc(14px + env(safe-area-inset-top,0));left:0;right:0;display:flex;justify-content:center}.steps{display:flex;gap:6px}.step{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#080e20b3;color:var(--dim)}.step.on{background:var(--cyan);color:#06101f}.step.done{color:var(--cyan)}.routine-info{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0));text-align:center;text-shadow:0 2px 12px #000}.routine-info h2{margin:0;font-size:30px}.routine-info p{margin:6px 0}.routine-count{font-size:44px;font-weight:700}.voice{justify-content:center;font-size:14px}.vs-card{display:block;width:150px;margin:-110px auto 8px;filter:drop-shadow(0 10px 30px rgba(61,245,255,.35))}.top-left{display:flex;flex-direction:column;gap:2px}.top-left .best{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.legal{text-align:center;font-size:13px;color:var(--dim);margin:20px 0 8px}.legal a,.note a{color:var(--dim)}