:root{--color-paper: #FBF8F0;--color-paper-deep: #F2EBDD;--color-grid: #C98E62;--color-grid-line: rgba(180, 132, 91, .16);--color-grid-soft: rgba(201, 142, 98, .34);--color-ink: #282623;--color-muted-ink: #706C65;--color-ponpi-pink: #EE7772;--color-ponpi-pink-dark: #D75D59;--color-alien-purple: #B898D6;--color-alien-purple-dark: #8F6FAE;--color-accent-yellow: #F5CC70;--color-accent-yellow-dark: #D9AE50;--color-accent-mint: #AFCB86;--color-accent-mint-dark: #8DA967;--color-danger: #E26464;--color-danger-dark: #C74D4D;--color-info-blue: #8DBDD1;--color-info-blue-dark: #6599AF;--color-card-bg: #FFFEFA;--border-ink-thin: 1.5px solid var(--color-ink);--border-ink: 2.5px solid var(--color-ink);--border-ink-thick: 3.5px solid var(--color-ink);--font-english: "Comic Sans MS", "Comic Sans", "Comic Neue", "Chalkboard SE", cursive, sans-serif;--font-vietnamese: "Be Vietnam Pro", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;--font-display: "Be Vietnam Pro", "Outfit", "Segoe UI", -apple-system, sans-serif;--font-body: "Be Vietnam Pro", "Inter", "Segoe UI", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sticker: 0 3px 0 var(--color-ink), 0 10px 24px rgba(58, 46, 36, .08);--shadow-sticker-sm: 0 2px 0 var(--color-ink);--shadow-sticker-lg: 0 4px 0 var(--color-ink), 0 14px 32px rgba(58, 46, 36, .11);--shadow-sticker-hover: 0 4px 0 var(--color-ink), 0 14px 28px rgba(58, 46, 36, .1);--shadow-sticker-active: 0 1px 0 var(--color-ink);--radius-sm: 9px;--radius-md: 13px;--radius-lg: 18px;--radius-full: 9999px}.notebook-grid-bg{background-color:var(--color-paper);background-image:linear-gradient(to right,var(--color-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-line) 1px,transparent 1px);background-size:14px 14px;background-position:0 0}.battle-viewport-container{background-color:var(--color-paper);background-image:linear-gradient(to right,var(--color-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-line) 1px,transparent 1px);background-size:14px 14px;background-position:0 0;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}@media(max-width:768px){.mobile-stack-grid{grid-template-columns:1fr!important}.mobile-p-sm{padding:16px 12px!important}.mobile-hide-hotkey{display:none!important}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,64px) 20px}.auth-layout{width:min(100%,980px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,6vw,72px)}.auth-intro{padding:14px 0}.auth-brand{display:flex;align-items:center;gap:10px;font:900 1rem/1 var(--font-display);letter-spacing:.16em}.auth-logo{width:46px;height:46px;object-fit:contain;filter:drop-shadow(2px 2px 0 var(--color-ink))}.auth-intro h1{margin-top:28px;font:900 clamp(2.3rem,5vw,4.4rem)/.98 var(--font-display);letter-spacing:-.055em;max-width:620px}.auth-intro>p{margin-top:20px;max-width:490px;color:var(--color-muted-ink);font-size:1.02rem;line-height:1.7}.auth-security-list{margin-top:28px;display:grid;gap:12px}.auth-security-list>div{display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:700;color:#47434c}.auth-security-list svg{flex:0 0 auto;color:#31745b}.auth-card{padding:0;overflow:hidden}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--color-ink);background:#f8f3e9}.auth-tabs button{padding:15px;border:0;background:transparent;font:800 .92rem/1 var(--font-display);cursor:pointer;color:var(--color-muted-ink)}.auth-tabs button+button{border-left:2px solid var(--color-ink)}.auth-tabs button.active{background:var(--color-accent-yellow);color:var(--color-ink)}.auth-card-heading,.auth-form,.auth-local-note{margin-left:28px;margin-right:28px}.auth-card-heading{padding-top:26px}.auth-eyebrow{color:#b84e78;font:800 .72rem/1 var(--font-display);letter-spacing:.12em}.auth-card-heading h2{margin-top:8px;font:900 1.55rem/1.2 var(--font-display)}.auth-card-heading p{margin-top:7px;color:var(--color-muted-ink);font-size:.86rem;line-height:1.55}.auth-form{display:grid;gap:15px;margin-top:22px}.auth-form label>span{display:block;margin-bottom:7px;font:800 .82rem/1 var(--font-display)}.auth-form input{width:100%;padding:12px 13px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:#fffdf9;color:var(--color-ink);font:600 .95rem/1.2 var(--font-body);outline:none;transition:box-shadow .15s,border-color .15s}.auth-form input:focus{border-color:#bd4f78;box-shadow:0 0 0 3px #f58ab040}.auth-password-field{position:relative}.auth-password-field input{padding-right:46px}.auth-password-field button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:var(--color-muted-ink);cursor:pointer}.password-meter{display:grid;gap:6px;color:var(--color-muted-ink);font-size:.74rem;line-height:1.45}.password-meter-track{height:5px;overflow:hidden;border-radius:999px;background:#e6e0d6}.password-meter-track span{display:block;width:0;height:100%;transition:width .2s,background .2s}.password-meter.weak .password-meter-track span{width:42%;background:var(--color-danger)}.password-meter.strong .password-meter-track span{width:100%;background:#42926e}.password-meter.strong>span{color:#246448}.auth-error{padding:10px 12px;border:1.5px solid #c93d4a;border-radius:var(--radius-sm);background:#fff0f1;color:#982c36;font-size:.84rem;font-weight:700;line-height:1.45}.auth-local-note{padding:20px 0 24px;text-align:center;color:var(--color-muted-ink);font-size:.74rem}@media(max-width:780px){.auth-layout{grid-template-columns:1fr;max-width:520px;gap:24px}.auth-intro{text-align:center;padding:0}.auth-brand{justify-content:center}.auth-intro h1{margin-top:18px;font-size:clamp(2rem,10vw,3.3rem)}.auth-intro>p{margin:14px auto 0}.auth-security-list{display:none}}@media(max-width:440px){.auth-shell{padding:18px 12px 28px;align-items:start}.auth-card-heading,.auth-form,.auth-local-note{margin-left:20px;margin-right:20px}.auth-card-heading{padding-top:22px}}.admin-shell{min-height:100vh;padding:30px 20px 56px}.admin-wrap{width:min(100%,1040px);margin:0 auto}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.admin-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.admin-heading-icon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border:var(--border-ink);border-radius:16px;background:var(--color-accent-mint);box-shadow:var(--shadow-sticker-sm)}.admin-heading span{color:#367458;font:900 .72rem/1 var(--font-display);letter-spacing:.14em}.admin-heading h1{margin-top:5px;font:900 clamp(1.8rem,4vw,2.7rem)/1.1 var(--font-display);letter-spacing:-.035em}.admin-heading p{margin-top:7px;color:var(--color-muted-ink);line-height:1.55}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.admin-stats .paper-panel{display:flex;align-items:center;gap:13px;padding:15px 17px}.admin-stats svg{color:#9f4667}.admin-stats strong{display:block;font:900 1.35rem/1 var(--font-display)}.admin-stats span{display:block;margin-top:4px;color:var(--color-muted-ink);font-size:.75rem}.admin-message{margin-bottom:18px;padding:11px 14px;border:1.5px solid;border-radius:var(--radius-sm);font-size:.86rem;font-weight:700}.admin-message.success{border-color:#4f9a76;background:#edf8f2;color:#276145}.admin-message.error{border-color:#ca4d58;background:#fff0f1;color:#902e38}.admin-users-panel,.admin-audit-panel{padding:0;overflow:hidden}.admin-audit-panel{margin-top:22px}.admin-section-title{padding:20px 22px;border-bottom:1.5px solid #ded8cd}.admin-section-title h2{font:900 1.2rem/1.2 var(--font-display)}.admin-section-title p{margin-top:4px;color:var(--color-muted-ink);font-size:.79rem}.admin-user-list{display:grid}.admin-user-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(180px,.8fr) auto;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid #e5dfd5}.admin-user-row:last-child{border-bottom:0}.admin-user-row.disabled{background:#f7f4ef;opacity:.72}.admin-user-identity{display:flex;align-items:center;gap:11px;min-width:0}.admin-user-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-accent-yellow);font:900 .9rem/1 var(--font-display)}.admin-user-name{overflow:hidden;font:800 .9rem/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.admin-user-name em{margin-left:5px;padding:2px 6px;border-radius:999px;background:#eee7dc;color:var(--color-muted-ink);font:700 .62rem/1 var(--font-body);font-style:normal}.admin-user-email{margin-top:3px;overflow:hidden;color:var(--color-muted-ink);font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-meta{display:grid;justify-items:start;gap:5px;color:var(--color-muted-ink);font-size:.7rem}.admin-status{padding:4px 8px;border:1px solid;border-radius:999px;font-weight:800}.admin-status.active{border-color:#4c9a73;background:#eaf7f0;color:#296248}.admin-status.disabled{border-color:#a29b91;background:#eeebe6;color:#655f58}.admin-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.admin-user-actions select{height:34px;padding:0 30px 0 10px;border:1.5px solid var(--color-ink);border-radius:8px;background:#fff;color:var(--color-ink);font:700 .75rem/1 var(--font-body)}.admin-event-list{display:grid}.admin-event{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #e8e2d8}.admin-event:last-child{border-bottom:0}.admin-event-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f2ece3;color:#8e405d}.admin-event strong,.admin-event small{display:block}.admin-event strong{font-size:.82rem}.admin-event small{margin-top:2px;color:var(--color-muted-ink);font-size:.68rem}.admin-event time{display:flex;align-items:center;gap:5px;color:var(--color-muted-ink);font-size:.68rem}.admin-empty{padding:28px;color:var(--color-muted-ink);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.admin-user-row{grid-template-columns:1fr auto}.admin-user-meta{grid-column:1;grid-row:2}.admin-user-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:stretch}}@media(max-width:560px){.admin-shell{padding:20px 12px 40px}.admin-stats{grid-template-columns:1fr}.admin-heading-icon{display:none}.admin-user-row{grid-template-columns:1fr}.admin-user-meta,.admin-user-actions{grid-column:1;grid-row:auto}.admin-user-actions{flex-direction:row;justify-content:flex-start}.admin-event{grid-template-columns:30px 1fr}.admin-event time{grid-column:2}}.app-shell{min-height:100vh;background-attachment:fixed}.app-shell-header{position:sticky;top:0;z-index:60;height:76px;border-bottom:1px solid rgba(40,38,35,.14);background:#fbf8f0e6;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.app-shell-header-inner{width:min(100% - 32px,1240px);height:100%;margin:0 auto;display:flex;align-items:center;gap:24px}.app-brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--color-ink);text-align:left;cursor:pointer}.app-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:13px;background:var(--color-accent-yellow);box-shadow:0 2px 0 var(--color-ink);transform:rotate(-2deg)}.app-brand-mark img{width:34px;height:34px;object-fit:contain}.app-brand-copy{display:grid;gap:1px}.app-brand-copy strong{font:900 1.05rem/1 var(--font-display);letter-spacing:-.02em}.app-brand-copy small{color:var(--color-muted-ink);font:700 .62rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.desktop-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:2px}.desktop-nav button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 11px;border:0;border-radius:11px;background:transparent;color:#5e5a54;font:750 .78rem/1 var(--font-body);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.desktop-nav button:hover{background:#ffffffbf;color:var(--color-ink)}.desktop-nav button.active{background:#fffefa;color:var(--color-ink);box-shadow:inset 0 0 0 1px #2826231f}.desktop-nav button.active:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:99px;background:var(--color-ponpi-pink)}.app-shell-actions{flex:0 0 auto;display:flex;align-items:center;gap:9px}.app-shell-actions>div[role=button]{white-space:nowrap}.review-chip{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:1px solid rgba(199,77,77,.34);border-radius:999px;background:#fff4f1;color:#ae4946;font-size:.7rem;font-weight:800;cursor:pointer}.desktop-play-button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1.5px solid var(--color-ink);border-radius:11px;background:var(--color-ponpi-pink);box-shadow:0 2px 0 var(--color-ink);color:var(--color-ink);font-size:.76rem;font-weight:900;cursor:pointer}.desktop-play-button:hover{background:#f1847f;transform:translateY(-1px)}.desktop-play-button:active{transform:translateY(1px);box-shadow:0 1px 0 var(--color-ink)}.mobile-menu-button{display:none}.app-shell-content{min-width:0}.mobile-tabbar{display:none}.mobile-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end}.mobile-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#1f1c1975;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;animation:drawerFade .18s ease-out}.mobile-drawer{position:relative;width:min(88vw,380px);height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:18px 18px calc(22px + env(safe-area-inset-bottom));border-left:1.5px solid var(--color-ink);background-color:var(--color-paper);background-image:linear-gradient(to right,var(--color-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-line) 1px,transparent 1px);background-size:18px 18px;box-shadow:-16px 0 40px #28262329;animation:drawerSlide .22s cubic-bezier(.2,.8,.2,1)}@keyframes drawerFade{0%{opacity:0}}@keyframes drawerSlide{0%{transform:translate(100%)}}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-drawer-head>button{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:10px;background:#fffefa;color:var(--color-ink);cursor:pointer}.mobile-drawer-profile{min-width:0;display:flex;align-items:center;gap:10px}.mobile-drawer-profile>span{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-accent-yellow);font:900 .9rem/1 var(--font-display)}.mobile-drawer-profile>div{min-width:0;display:grid;gap:3px}.mobile-drawer-profile strong{overflow:hidden;font:850 .9rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-profile small{color:var(--color-muted-ink);font-size:.7rem;font-weight:650}.mobile-drawer-play{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--color-ink);border-radius:13px;background:var(--color-ponpi-pink);box-shadow:0 3px 0 var(--color-ink);color:var(--color-ink);font-weight:900;cursor:pointer}.mobile-review-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #e3a5a0;border-radius:12px;background:#fff5f2ed;color:#9d4542;cursor:pointer}.mobile-review-card span{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800}.mobile-review-card strong{min-width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e66f69;color:#fff;font-size:.75rem}.mobile-drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-drawer-nav button{min-width:0;display:flex;align-items:center;gap:9px;min-height:50px;padding:8px 10px;border:1px solid rgba(40,38,35,.18);border-radius:12px;background:#fffefae0;color:var(--color-ink);font-size:.76rem;font-weight:800;text-align:left;cursor:pointer}.mobile-drawer-nav button.active{border-color:var(--color-ink);background:#fff;box-shadow:0 2px 0 var(--color-ink)}.mobile-drawer-nav-icon{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#f3ebdc;color:#625b50}.mobile-drawer-nav button.active .mobile-drawer-nav-icon{background:var(--color-accent-yellow);color:var(--color-ink)}.mobile-drawer-footer{margin-top:auto;padding-top:16px;border-top:1px dashed rgba(40,38,35,.3)}.mobile-drawer-footer>span{display:block;overflow:hidden;color:var(--color-muted-ink);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-footer button{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 0;border:0;background:transparent;color:#a03f42;font-size:.76rem;font-weight:800;cursor:pointer}@media(max-width:1120px){.desktop-nav,.desktop-play-button,.desktop-account,.review-chip{display:none}.app-shell-header-inner{justify-content:space-between}.mobile-menu-button{width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:11px;background:#fffefa;box-shadow:0 2px 0 var(--color-ink);color:var(--color-ink);cursor:pointer}}@media(max-width:760px){.app-shell-header{height:64px}.app-shell-header-inner{width:min(100% - 24px,1240px);gap:10px}.app-brand{gap:8px}.app-brand-mark{width:36px;height:36px;border-radius:11px}.app-brand-mark img{width:29px;height:29px}.app-brand-copy strong{font-size:.94rem}.app-brand-copy small{font-size:.54rem}.app-shell-actions{gap:7px}.app-shell-actions .coin-badge{min-height:38px;padding-left:8px!important;padding-right:8px!important;font-size:.84rem!important}.app-shell-actions .coin-badge>span:last-child{display:none}.mobile-menu-button{width:38px;height:38px}.mobile-tabbar{position:fixed;z-index:65;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:65px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1.5px solid var(--color-ink);border-radius:18px;background:#fffefaf0;box-shadow:0 3px 0 var(--color-ink),0 10px 30px #2826232e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-tabbar button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:var(--color-muted-ink);font-size:.59rem;font-weight:800;cursor:pointer}.mobile-tabbar button.active{background:#f2eadc;color:var(--color-ink)}.mobile-tabbar button:nth-child(3){background:var(--color-ponpi-pink);color:var(--color-ink)}.mobile-tabbar button:nth-child(3).active{box-shadow:inset 0 0 0 1.5px var(--color-ink)}}@media(max-width:390px){.app-brand-copy small{display:none}.mobile-drawer{width:94vw;padding-left:14px;padding-right:14px}}.home-page{padding:30px 20px 64px}.home-wrap{width:min(100%,1120px);margin:0 auto}.home-status{min-height:48px;display:flex;align-items:center;gap:10px;margin-bottom:34px}.home-level{display:flex;align-items:center;gap:9px}.home-level>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(40,38,35,.16);border-radius:10px;background:#fffefae0;color:#9c7242}.home-level>div{display:grid;gap:1px}.home-level small{color:var(--color-muted-ink);font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.home-level strong{font:850 .78rem/1.2 var(--font-display)}.home-review,.home-test-coins{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid rgba(40,38,35,.18);border-radius:999px;background:#fffefadb;color:var(--color-muted-ink);font-size:.7rem;font-weight:800;cursor:pointer}.home-review{margin-left:auto}.home-review.has-due{border-color:#d0575261;background:#fff2ef;color:#a34442}.home-test-coins{color:#7a5c2a}.home-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:clamp(42px,7vw,88px)}.home-hero-copy{padding:12px 0}.home-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(40,38,35,.18);border-radius:999px;background:#fffefacc;color:#5d574f;font-size:.68rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.home-hero-copy h1{margin-top:18px;font:900 clamp(3.2rem,6.2vw,5.65rem)/.93 var(--font-display);letter-spacing:-.067em}.home-hero-copy h1 span{color:#c84c48}.home-hero-copy>p{max-width:580px;margin-top:23px;color:var(--color-muted-ink);font-size:1rem;line-height:1.72}.home-hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.home-hero-actions .sticker-btn{min-height:52px}.home-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:#777168;font-size:.68rem;font-weight:650}.home-note span{width:7px;height:7px;border-radius:50%;background:#7aa560;box-shadow:0 0 0 3px #7aa56026}.home-pilot-card{overflow:hidden;padding:18px;box-shadow:0 4px 0 var(--color-ink),0 18px 44px #3a2e241c}.home-pilot-card:before{content:"";position:absolute;width:86px;height:24px;top:-9px;left:50%;background:#f4cd7885;transform:translate(-50%) rotate(-2deg)}.home-pilot-heading{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-pilot-heading>div{display:grid;gap:4px}.home-pilot-heading span{color:#9c4a48;font-size:.62rem;font-weight:900;letter-spacing:.1em}.home-pilot-heading strong{font:850 1rem/1.2 var(--font-display)}.home-pilot-heading button{padding:5px 8px;border:0;border-bottom:1px solid #827a70;background:transparent;color:var(--color-muted-ink);font-size:.65rem;font-weight:750;cursor:pointer}.home-ponpi-stage{position:relative;height:244px;display:grid;place-items:center;margin:6px -18px 8px}.home-ponpi-stage>div{position:relative;z-index:1}.home-ponpi-stage canvas{max-width:100%}.home-doodle{position:absolute;z-index:0;font-family:var(--font-english);font-weight:900;-webkit-user-select:none;user-select:none}.home-doodle-one{top:32px;right:38px;color:#d0a442;font-size:1.7rem;transform:rotate(11deg)}.home-doodle-two{left:46px;bottom:35px;color:#75995d;font-size:2rem;transform:rotate(-18deg)}.home-map-selector{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:61px;padding:8px 10px;border:1.5px solid var(--color-ink);border-radius:13px;background:#f8f4eb;color:var(--color-ink);text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease}.home-map-selector:hover{background:#fff;transform:translateY(-1px)}.home-map-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--map-accent) 18%,white);font-size:1.25rem}.home-map-selector>span:nth-child(2){min-width:0;display:grid;gap:3px}.home-map-selector small{color:var(--color-muted-ink);font-size:.59rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.home-map-selector strong{overflow:hidden;color:var(--map-accent);font:850 .8rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.home-map-change{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;background:#fff;color:#514d47;font-size:.65rem;font-weight:850}.home-quick-section{margin-top:66px;padding-top:28px;border-top:1px solid rgba(40,38,35,.18)}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.home-section-heading>div{display:grid;gap:5px}.home-section-heading span{color:#9c4a48;font-size:.62rem;font-weight:900;letter-spacing:.11em}.home-section-heading h2{font:900 clamp(1.4rem,3vw,2rem)/1.15 var(--font-display);letter-spacing:-.03em}.home-section-heading>button{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;background:transparent;color:var(--color-muted-ink);font-size:.72rem;font-weight:800;cursor:pointer}.home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.home-quick-card{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:86px;padding:13px;border:1px solid rgba(40,38,35,.22);border-radius:15px;background:#fffefae6;color:var(--color-ink);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.home-quick-card:hover{transform:translateY(-2px);border-color:var(--color-ink);background:#fff;box-shadow:0 3px 0 var(--color-ink)}.home-quick-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(40,38,35,.14);border-radius:11px}.tone-blue .home-quick-icon{background:#e6f2f6;color:#497e94}.tone-yellow .home-quick-icon{background:#fff3cf;color:#987328}.tone-green .home-quick-icon{background:#edf4df;color:#5f7e47}.tone-pink .home-quick-icon{background:#fbe6e4;color:#a34d49}.home-quick-card>span:nth-child(2){min-width:0;display:grid;gap:4px}.home-quick-card strong{font:850 .82rem/1.2 var(--font-display)}.home-quick-card small{overflow:hidden;color:var(--color-muted-ink);font-size:.64rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-quick-arrow{color:#9a948b;transition:transform .16s ease}.home-quick-card:hover .home-quick-arrow{transform:translate(2px);color:var(--color-ink)}@media(max-width:920px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.86fr);gap:28px}.home-hero-copy h1{font-size:clamp(2.8rem,7vw,4.5rem)}.home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.home-page{padding:18px 14px calc(108px + env(safe-area-inset-bottom))}.home-status{min-height:42px;margin-bottom:25px}.home-level>span{width:34px;height:34px}.home-level small{display:none}.home-review{margin-left:auto}.home-review{padding:0 10px;font-size:.64rem}.home-review span{display:inline}.home-review svg:last-child{display:none}.home-test-coins{display:none}.home-hero{grid-template-columns:1fr;gap:30px}.home-hero-copy{text-align:center;padding:0}.home-eyebrow{font-size:.61rem}.home-hero-copy h1{margin-top:16px;font-size:clamp(2.75rem,14vw,4rem)!important;line-height:.95}.home-hero-copy>p{margin:17px auto 0;font-size:.89rem;line-height:1.65}.home-hero-actions{justify-content:center;margin-top:23px}.home-hero-actions .sticker-btn{min-height:48px;padding:10px 15px;font-size:.87rem}.home-note{justify-content:center;font-size:.62rem}.home-pilot-card{width:min(100%,450px);margin:0 auto;padding:15px}.home-ponpi-stage{height:210px;margin-left:-15px;margin-right:-15px}.home-ponpi-stage>div{transform:scale(.9)}.home-pilot-heading button{font-size:.6rem}.home-quick-section{margin-top:43px;padding-top:22px}.home-section-heading{align-items:flex-start}.home-section-heading>button{display:none}.home-section-heading h2{font-size:1.35rem}.home-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.home-quick-card{grid-template-columns:auto 1fr;min-height:78px;padding:10px;gap:9px}.home-quick-icon{width:36px;height:36px}.home-quick-card small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-quick-arrow{display:none}}@media(max-width:390px){.home-hero-actions{align-items:stretch;flex-direction:column}.home-hero-actions .sticker-btn{width:100%}.home-quick-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden;background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{height:auto}body{min-height:100vh;height:auto}#root{min-height:100vh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(112,185,225,.38);outline-offset:2px}::selection{background:#ee77723d}.app-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:800 1rem/1.4 var(--font-display)}.app-loading-screen img{width:72px;height:72px;object-fit:contain;animation:ponpiLoading 1.1s ease-in-out infinite alternate}@keyframes ponpiLoading{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}.account-menu{position:relative;z-index:40}.account-menu-trigger{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 9px 4px 5px;border:var(--border-ink);border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sticker-sm);color:var(--color-ink);cursor:pointer}.account-avatar{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-ponpi-pink);font:900 .85rem/1 var(--font-display)}.account-menu-copy{display:grid;min-width:0;text-align:left;line-height:1.05}.account-menu-copy strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .78rem/1.2 var(--font-display)}.account-menu-copy small{margin-top:2px;color:var(--color-muted-ink);font:600 .64rem/1.2 var(--font-body)}.account-menu-popover{position:absolute;top:calc(100% + 10px);right:0;width:244px;padding:9px;border:var(--border-ink);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sticker)}.account-menu-email{padding:7px 9px 10px;overflow:hidden;color:var(--color-muted-ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.account-menu-popover button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--color-ink);font:700 .82rem/1 var(--font-body);text-align:left;cursor:pointer}.account-menu-popover button:hover{background:#f6efe5}.account-menu-popover button.danger{color:#b0323f}.account-menu-divider{height:1px;margin:6px 4px;background:#e3ddd3}.account-role-note{display:flex;align-items:center;gap:8px;padding:9px;color:var(--color-muted-ink);font-size:.76rem}@media(max-width:520px){.account-menu-copy{display:none}}.settings-account-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1.5px solid var(--color-ink);border-radius:var(--radius-md);background:#fff8e9}.settings-account-summary{display:flex;align-items:center;gap:11px;min-width:0}.settings-account-avatar{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-ponpi-pink);font:900 1rem/1 var(--font-display)}.settings-account-summary strong,.settings-account-summary span,.settings-account-summary em{display:block}.settings-account-summary strong{font:900 .95rem/1.3 var(--font-display)}.settings-account-summary span{overflow:hidden;max-width:270px;margin-top:2px;color:var(--color-muted-ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.settings-account-summary em{display:flex;align-items:center;gap:4px;margin-top:5px;color:#397457;font-size:.68rem;font-style:normal;font-weight:800}.settings-password-form{display:grid;gap:12px;padding:15px;border:1.5px dashed #79717d;border-radius:var(--radius-md);background:#faf8f4}.settings-section-label{display:flex;align-items:center;gap:7px;font:800 1rem/1.2 var(--font-display)}.settings-password-form p{margin-top:4px;color:var(--color-muted-ink);font-size:.78rem}.settings-password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-password-grid input{width:100%;min-width:0;padding:9px 10px;border:1.5px solid var(--color-ink);border-radius:8px;background:#fff;color:var(--color-ink);font:600 .78rem/1.2 var(--font-body);outline:none}.settings-password-grid input:focus{box-shadow:0 0 0 3px #f58ab038}@media(max-width:620px){.settings-account-card{align-items:flex-start;flex-direction:column}.settings-password-grid{grid-template-columns:1fr}}.sticker-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--color-ink);background-color:#fff;border:var(--border-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-sticker);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.sticker-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sticker-hover)}.sticker-btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-sticker-active)}.sticker-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sticker-sm)}.sticker-btn-primary{background-color:var(--color-ponpi-pink);color:var(--color-ink)}.sticker-btn-primary:hover:not(:disabled){background-color:var(--color-ponpi-pink-dark)}.sticker-btn-accent{background-color:var(--color-accent-yellow)}.sticker-btn-accent:hover:not(:disabled){background-color:var(--color-accent-yellow-dark)}.sticker-btn-mint{background-color:var(--color-accent-mint)}.sticker-btn-mint:hover:not(:disabled){background-color:var(--color-accent-mint-dark)}.sticker-btn-blue{background-color:var(--color-info-blue)}.sticker-btn-blue:hover:not(:disabled){background-color:var(--color-info-blue-dark)}.sticker-btn-danger{background-color:var(--color-danger);color:#fff}.sticker-btn-sm{padding:6px 12px;font-size:.85rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sticker-sm)}.sticker-btn-lg{padding:14px 28px;font-size:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker-lg)}.paper-panel{background-color:#fffefaf5;border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:20px;position:relative}.app-page{min-height:calc(100vh - 76px)}.app-shell-content>.notebook-grid-bg{min-height:calc(100vh - 76px)!important;background:transparent}.app-shell-content>.notebook-grid-bg>div{min-width:0}@media(max-width:760px){.app-page{min-height:calc(100vh - 64px)}.app-shell-content>.notebook-grid-bg{min-height:calc(100vh - 64px)!important;padding:20px 14px calc(94px + env(safe-area-inset-bottom))!important}.app-shell-content h1{font-size:clamp(1.65rem,8vw,2.15rem)!important;line-height:1.15}.paper-panel{padding:16px}input,select,textarea{font-size:16px!important}.mobile-stack-grid{grid-template-columns:minmax(0,1fr)!important}.prepare-set-row{align-items:stretch!important;flex-direction:column}.prepare-set-row select{min-width:0;width:100%}.prepare-set-row .sticker-btn{width:100%}.prepare-mode-grid{grid-template-columns:minmax(0,1fr)!important}.prepare-map-heading{align-items:flex-start!important;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:var(--color-grid);border:1.5px solid var(--color-ink);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-ink)}.font-english{font-family:var(--font-english)!important}.font-vietnamese{font-family:var(--font-vietnamese)!important}@keyframes popFloatUp{0%{transform:translate(-50%,-20%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.08);opacity:1}25%{transform:translate(-50%,-50%) scale(1);opacity:1}75%{transform:translate(-50%,-75%) scale(1);opacity:1}to{transform:translate(-50%,-105%) scale(.9);opacity:0}}:root{--forest: #244d40;--forest-dark: #1c3f35;--mint: #e8eee5;--orange: #ed8a5b;--muted: #7c877b;--line: #dce2d5}.store-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.store-item{min-width:0;border:1px solid #dde3d2;border-radius:13px;background:#fffef8;padding:13px;display:flex;flex-direction:column}.item-preview-button{border:0;background:none;width:100%;color:var(--forest);text-align:left}.item-stage{display:grid;place-items:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--item-color) 15%,#fffef8),#f5f6ec);border-radius:9px;height:132px}.item-stage img{width:100%;height:125px;object-fit:contain;transition:.2s}.item-preview-button:hover img{transform:translateY(-4px) rotate(3deg)}.color-swatch{width:64px;height:64px;border:5px solid white;border-radius:50%;box-shadow:0 5px 10px #243d2412}.store-item h3{font-size:11px;line-height:1.7;margin:13px 0 7px}.store-item>p{font-size:9px;line-height:1.9;color:#8b957e;flex:1;margin-bottom:13px}.item-price{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #e8ebdf;padding-top:12px}.item-price>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#a48c4a}.item-price button{font-size:8px;padding:7px 9px}.store-preview{position:sticky;top:25px;text-align:center;padding:22px 12px}.store-preview>div:has(canvas){margin:0 auto;max-width:100%}.store-preview canvas{max-width:100%;height:auto}.store-preview h3{font-size:17px;margin:5px 0 14px}.store-preview>p{font-size:10px;margin-bottom:25px;padding:0 15px}.store-preview>.text-button{margin-top:12px;font-size:9px}@media(max-width:1150px){.store-grid{grid-template-columns:1fr 1fr}.store-layout{grid-template-columns:minmax(0,1fr) 245px}}@media(max-width:850px){.store-layout{grid-template-columns:1fr}.store-preview{position:static;grid-row:1}.store-preview>div:has(canvas){display:none!important}.store-preview>.text-button{margin-left:10px}.store-preview>p{margin-bottom:15px}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.store-grid{grid-template-columns:1fr 1fr;gap:10px}.store-item{padding:10px}.item-stage{height:115px}.item-stage img{height:110px}.store-item h3{font-size:10px}.store-item>p{font-size:8px}.store-preview{padding:18px}.store-preview h3{font-size:16px}.store-layout .pill-tabs{width:100%;justify-content:space-between}.store-layout .pill-tabs button{padding:10px 8px;font-size:9px}}body{background:#f4f5ed;color:var(--forest-dark)}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.game-shell{min-height:100vh;background:radial-gradient(#71866b16 .8px,transparent .8px) 0 0/7px 7px,#f4f5ed}.game-sidebar{width:100px;position:fixed;inset:0 auto 0 0;z-index:50;background:var(--forest-dark);color:#d6e1d2;display:flex;align-items:center;flex-direction:column;padding:24px 10px 20px}.mini-brand{border:0;background:none;color:#f7eac4;font:900 48px/.8 Outfit,sans-serif;letter-spacing:-5px;margin:5px 0 40px;padding:0 10px}.mini-brand span{color:var(--orange);font-size:36px}.game-sidebar nav{display:flex;flex-direction:column;gap:8px;width:100%}.game-sidebar nav button{border:0;border-radius:14px;color:#afc2b6;background:transparent;width:100%;padding:11px 3px;min-height:65px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;font-weight:600;transition:.2s}.game-sidebar nav button:hover{color:#fff;background:#ffffff0d}.game-sidebar nav button.active{background:#f3edcd;color:var(--forest-dark);box-shadow:0 4px #0f2a22}.nav-icon{position:relative;display:flex}.nav-icon i{width:6px;height:6px;border-radius:50%;background:#f2a36e;position:absolute;right:-3px;top:0;box-shadow:0 0 0 3px var(--forest-dark)}.sidebar-caption{margin-top:auto;padding-top:28px;color:#7f9c88;font-size:8px;line-height:1.8;letter-spacing:1.7px;text-align:center}.game-main{margin-left:100px;min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;min-height:95px;padding:0 38px;gap:36px;background:#f8f9f1e8;border-bottom:1px solid var(--line)}.wordmark{color:var(--forest-dark);font:900 35px/1 Outfit,sans-serif;border:0;background:none;letter-spacing:-1.8px;white-space:nowrap}.wordmark span{display:inline-block;color:var(--orange);font-size:28px;vertical-align:top;margin-left:3px}.header-world{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#7f897a}.status-dot{display:inline-block;width:6px;height:6px;background:#83a371;border-radius:50%;flex-shrink:0}.header-player{margin-left:auto;display:flex;align-items:center;gap:22px}.wallet-pill{display:flex;align-items:center;gap:9px;padding:7px 8px 7px 12px;border:1px solid #e3d9b8;background:#faf2d9;border-radius:30px;color:#8f692d;font-size:12px}.wallet-pill>span{background:#e6bb6c;color:#fff;width:21px;height:21px;display:grid;place-items:center;border-radius:50%}.player-pill{display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;color:var(--forest-dark)}.player-avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d2dbc8;border-radius:12px;background:#e7ecda;font-weight:800}.player-pill strong,.player-pill small{display:block}.player-pill strong{font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-pill small{font-size:9px;color:#8a9285;margin-top:4px}.game-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px 38px 12px}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#939b8b;font-size:9px;padding:20px 38px}.game-footer>span:nth-child(2) span{color:#b6a568;margin-left:5px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#87917d;display:inline-flex;align-items:center;gap:7px}.lobby-heading h1{font-size:21px;font-weight:800;margin-top:9px;letter-spacing:-.7px}.lobby-season{display:flex;align-items:center;gap:7px;background:#e8eddf;border:1px solid #dce3d1;border-radius:7px;padding:8px 10px;font-size:9px;white-space:nowrap;color:#637858}.lobby-season>span{color:#91a269;font-size:17px}.lobby-arena{position:relative;isolation:isolate;border:1px solid #c9d5c1;border-radius:23px;min-height:443px;display:grid;grid-template-columns:1.07fr 1fr;overflow:hidden;background:#e4ebd7;box-shadow:0 5px #d5dccb,0 15px 30px #34533808}.arena-landscape{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#eff1dd 1%,#eff1dded 32%,#e9edd44d 65%,#e9edd42b),url(/map_10_dong_que.svg) center 52% / cover;opacity:.8}.arena-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(0deg,#637e4840,transparent 40%)}.hero-copy{padding:43px 0 63px 42px;position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#5b7450;padding:6px 10px;background:#f5f7eaa3;border:1px solid #ccd8bc;border-radius:30px}.hero-copy h2{font-size:clamp(32px,3.7vw,60px);line-height:1.23;margin:19px 0 17px;font-weight:900;letter-spacing:-2.3px}.hero-copy h2 em{color:#d4794e;font-style:normal;position:relative}.hero-copy h2 em:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;border-radius:50%;background:#d4794e60;transform:rotate(-3deg)}.hero-copy p{font-size:11px;line-height:1.9;color:#69765e}.play-cta{margin-top:25px;background:#e98c5d;color:#fff9e8;border:1px solid #b76641;border-radius:12px;box-shadow:0 5px #b8633c,0 8px 16px #a96e3230;display:flex;align-items:center;gap:16px;padding:14px 18px;transition:.2s}.play-cta:hover{transform:translateY(-3px);background:#ec9667;box-shadow:0 8px #b8633c,0 12px 16px #a96e3230}.play-cta:active{transform:translateY(3px);box-shadow:0 2px #b8633c}.play-cta>span{text-align:left;font-weight:900;font-size:21px;letter-spacing:1px}.play-cta small{display:block;font-size:8px;font-weight:400;letter-spacing:0;margin-top:5px;opacity:.9}.hero-tip{display:flex;align-items:center;gap:5px;font-size:8px;color:#7a866b;margin-top:17px}.hero-character{position:relative;align-self:center;justify-self:center;width:100%;max-width:440px;height:380px;margin-top:-15px}.hero-character>div:has(canvas){position:absolute;left:50%;top:20px;transform:translate(-50%);z-index:2}.hero-character canvas{max-width:100%}.character-platform{position:absolute;width:280px;height:65px;border-radius:50%;background:#a8b88877;border:1px solid #899f6180;box-shadow:0 8px #a0b17855,0 22px 35px #54753b20;bottom:56px;left:50%;transform:translate(-50%)}.character-bubble{position:absolute;top:25px;left:50%;transform:translate(-30%) rotate(5deg);background:#fffdf1;font-weight:700;font-size:11px;padding:12px 18px;border:1px solid #c4ceb6;border-radius:12px 12px 12px 0;box-shadow:0 3px #bec8ab;z-index:3;white-space:nowrap}.character-bubble span{color:#d89c50}.floating-word{position:absolute;z-index:3;background:#fafbeddd;border:1px solid #c0ccb3;border-radius:8px;padding:8px 12px;box-shadow:0 3px #c0cbb2;color:#546b46;font-family:"Outfit",var(--font-body)}.floating-word small{font-size:9px;display:block;color:#97a084;margin-top:2px}.word-one{top:125px;left:-6px;transform:rotate(-8deg);font-size:20px}.word-two{right:10px;top:232px;transform:rotate(7deg);font-size:16px;display:flex;gap:5px;align-items:center}.character-name{position:absolute;bottom:15px;left:50%;transform:translate(-50%);color:#304f36;font-size:13px;font-weight:800;text-align:center;width:250px}.character-name .status-dot{background:#5c863a;margin-right:5px}.character-name small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:6px;color:#7c8c68;font-weight:500}.arena-gift{position:absolute;bottom:24px;right:25px;border:1px solid #dfcfa7;background:#fff8e4ed;color:#665335;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;z-index:4;box-shadow:0 3px #b5b99655}.arena-gift>span:nth-child(2){font-size:10px;font-weight:800;text-align:left}.arena-gift small{display:block;font-size:8px;font-weight:400;margin-top:5px;color:#9a8c6d}.gift-drawing{color:#ca8650;transform:rotate(-9deg);display:flex}.arena-gift i{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#e99062;border-radius:50%;border:2px solid #fff5df}.arena-coordinate{position:absolute;bottom:20px;left:42px;letter-spacing:1.6px;font-size:7px;color:#8a9976}.arena-coordinate span{margin:0 7px}.lobby-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}.lobby-card{position:relative;overflow:hidden;border:1px solid #dddfce;border-radius:14px;padding:21px;text-align:left;min-height:173px;color:var(--forest-dark);box-shadow:0 3px #dce0d2;transition:.2s}.lobby-card:hover{transform:translateY(-3px);box-shadow:0 6px #dce0d2}.card-overline{font-size:7px;letter-spacing:1.1px;color:#8a8a70;font-weight:600;position:relative;z-index:2}.lobby-card h3{font-size:16px;margin:13px 0 9px;letter-spacing:-.5px;position:relative;z-index:2}.lobby-card p{font-size:9px;max-width:72%;color:#879078;line-height:1.7;position:relative;z-index:2}.card-link{font-size:9px;display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-weight:800;position:relative;z-index:2}.shop-card{background:#f4eddb}.lesson-card{background:#eaf0e2}.event-card{background:#efeddf}.shop-card img{position:absolute;right:-20px;top:23px;width:140px;height:140px;object-fit:contain;transform:rotate(7deg);opacity:.8}.lesson-illustration{color:#71946b;position:absolute;right:14px;top:60px;transform:rotate(-13deg)}.lesson-illustration i{position:absolute;right:-2px;top:-21px;font:700 23px Outfit,sans-serif;background:#fcfaf0;border:1px solid #ccd8bc;border-radius:7px;padding:3px 7px;transform:rotate(22deg)}.event-illustration{color:#c4a55a;position:absolute;right:17px;top:66px;transform:rotate(12deg)}.event-illustration>svg:nth-child(2){position:absolute;right:-12px;top:-18px}.lobby-note{margin-top:23px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#929a87}.lobby-note>span{display:flex;gap:7px;align-items:center}.portal-page{max-width:1220px;margin:0 auto;padding:6px 0 35px}.page-heading{margin:19px 0 28px}.page-heading h1{font-size:30px;line-height:1.45;letter-spacing:-1.1px;margin:9px 0}.page-heading p{color:var(--muted);font-size:12px;line-height:1.8}.text-button{border:0;background:none;color:#638065;display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:8px 0}.primary-button,.secondary-button{border:1px solid #244d40;border-radius:9px;color:#fffdf1;background:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-size:11px;font-weight:700;transition:.15s}.primary-button:hover:not(:disabled){background:#35624e;transform:translateY(-1px)}.secondary-button{color:var(--forest);background:#fafbf4;border-color:#d7dfcf}.secondary-button:hover:not(:disabled){background:#eef1e5}.surface{border:1px solid var(--line);border-radius:16px;background:#fffef8;padding:25px;box-shadow:0 3px #e0e5d8;min-width:0}.surface>p{font-size:12px;line-height:1.8;color:var(--muted)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.section-heading h2{font-size:19px;letter-spacing:-.6px}.tag{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:#eef0e8;color:#86917e;font-size:8px;font-weight:700;letter-spacing:.5px;border-radius:5px}.tag.green{background:#e5eddc;color:#6b8459}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mode-card{text-align:left;border:1px solid #dce2d3;padding:25px;border-radius:18px;background:#f8f9f0;color:var(--forest);min-height:330px;display:flex;align-items:flex-start;flex-direction:column;gap:20px}.mode-card>svg{margin:15px 0 0}.mode-card h2{font-size:20px}.mode-card p{font-size:11px;line-height:1.9;color:#829075}.mode-card.available{background:#e7edda;border-color:#a5b58d;box-shadow:0 4px #a3b58a}.mode-card.available:hover{transform:translateY(-3px)}.mode-card.locked{color:#a1aa96}.mode-cta{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700}.prepare-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.prepare-options{padding:0;overflow:hidden}.step-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.step-tabs button{background:none;border:0;color:#8a9482;display:flex;align-items:center;justify-content:center;gap:6px;padding:19px 5px;font-size:10px;border-bottom:2px solid transparent}.step-tabs button.active{background:#f0f3e8;color:var(--forest);border-bottom-color:var(--forest)}.step-tabs button>span{display:flex}.step-body{padding:25px;min-height:380px}.step-body>h2{font-size:21px;margin:7px 0 20px}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.map-choice{padding:6px;border:1px solid #e1e6d9;background:#fffef8;color:var(--forest);border-radius:10px;text-align:left}.map-thumb{display:block;height:82px;background-size:cover;background-position:center;position:relative;border-radius:6px;font-size:30px;text-align:center;padding-top:15px}.map-choice strong{display:block;font-size:9px;line-height:1.6;margin:8px 3px 3px}.map-choice small{display:block;font-size:7px;color:#9aa08c;margin:0 3px 4px}.choice-check{position:absolute;right:5px;top:5px;width:21px;height:21px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center}.selected{outline:2px solid #668958;outline-offset:-1px;background-color:#f1f5e9!important}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.equipment-choice{border:1px solid var(--line);border-radius:10px;background:#fffef8;padding:12px 7px;color:var(--forest)}.equipment-choice img{width:100%;height:100px;object-fit:contain}.equipment-choice strong{display:block;font-size:10px;line-height:1.6;margin-top:8px}.equipment-choice small{font-size:8px;color:#95a086;display:block;margin-top:5px}.bullets-grid .equipment-choice img{height:65px}.step-controls{display:flex;justify-content:space-between;padding:18px 25px;gap:10px;border-top:1px solid var(--line);background:#fbfcf5}.loadout{text-align:center;padding:23px 15px}.loadout>div:has(canvas){margin:0 auto;max-width:100%}.loadout canvas{max-width:100%}.loadout h3{font-size:15px;margin-bottom:23px}.loadout-row{display:flex;text-align:left;gap:10px;align-items:center;padding:14px 8px;border-top:1px solid var(--line)}.loadout-row small,.loadout-row strong{display:block}.loadout-row small{font-size:7px;color:#99a08e;margin-bottom:5px}.loadout-row strong{font-size:10px}.loadout>p{font-size:9px;text-align:left;background:#f0f3e8;border-radius:8px;padding:12px;margin-top:15px}.lesson-choices{display:grid;gap:9px}.lesson-choice{display:flex;align-items:center;gap:12px;padding:13px;border-radius:9px;border:1px solid var(--line);background:#fffef8;color:var(--forest);text-align:left}.lesson-choice>span{flex:1}.lesson-choice strong,.lesson-choice small{display:block}.lesson-choice strong{font-size:11px}.lesson-choice small{font-size:9px;color:var(--muted);margin-top:4px}.prepare-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.prepare-settings label{font-size:10px;color:#75816e}.prepare-settings select{width:100%;display:block;margin-top:7px;padding:10px;background:#fffef8;border:1px solid var(--line);border-radius:7px;color:var(--forest);font-size:11px}.notice{display:flex;align-items:center;gap:8px;border:1px solid #dce3cf;background:#f0f3e7;color:#6f7f60;border-radius:9px;padding:13px 16px;margin:15px 0;font-size:11px;line-height:1.8}.notice.error{color:#a04c3f;background:#fff0e9;border-color:#e5bca6}.notice svg{flex-shrink:0}.small-copy{font-size:9px!important;color:#939c88!important;line-height:1.8;display:flex;gap:5px;align-items:center}.pill-tabs{display:inline-flex;gap:4px;background:#e9eddf;padding:4px;border:1px solid #dce3d1;border-radius:9px}.pill-tabs button{background:none;border:0;color:#819174;padding:10px 17px;display:flex;align-items:center;gap:8px;border-radius:6px;font-size:11px}.pill-tabs button.active{background:#fffef6;color:var(--forest);box-shadow:0 2px 4px #2843290d}.ranking-table{padding:5px 22px;overflow-x:auto}.ranking-row{min-width:590px;display:grid;grid-template-columns:70px 1.5fr 1fr 1fr .8fr;gap:12px;align-items:center;padding:20px 10px;border-bottom:1px solid var(--line);font-size:12px}.ranking-row:last-child{border:0}.ranking-row.table-head{font-size:8px;color:#8b9781;padding-top:22px;padding-bottom:17px}.rank{width:30px;display:flex;justify-content:center}.rank-1{color:#c19c4f}.rank-2{color:#9aa29a}.rank-3{color:#b28156}.is-me{background:#edf2e3}.empty-state{text-align:center;color:#99a18b;padding:65px 20px}.empty-state>svg{color:#c9caae;margin-bottom:15px}.empty-state h3{color:#6c7f61;font-size:18px;margin-bottom:10px}.empty-state p{font-size:11px;line-height:1.8}.empty-copy{padding:25px 0;text-align:center;color:#96a18b;font-size:11px}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;margin-top:20px;align-items:start}.post-form{display:grid;gap:12px;margin:20px 0}.post-form>label{font-size:11px;color:#7c8b70}.post-form textarea{width:100%;min-height:105px;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fcfdf6;resize:vertical;font-size:12px;color:var(--forest);line-height:1.8}.post-form>div{display:flex;justify-content:space-between;align-items:center}.post-form>div>span{color:#99a38d;font-size:9px}.post-form>.primary-button{justify-self:start}.forum-post{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.post-avatar{width:35px;height:35px;display:grid;place-items:center;background:#e5edda;border-radius:11px;flex-shrink:0;font-weight:800}.forum-post>div{min-width:0}.forum-post strong{font-size:12px}.forum-post time{display:block;margin-top:5px;font-size:8px;color:#99a18f}.forum-post p{margin-top:12px;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.forum-rules{background:#e9eedd}.forum-rules h3{font-size:17px;margin:18px 0 10px}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.daily-gift{text-align:center;background:#f6efda}.big-gift{position:relative;display:flex;justify-content:center;padding:35px 0;color:#c99658}.big-gift>svg:nth-child(2){position:absolute;top:25px;right:30px;color:#bba16b}.gift-grid h2{font-size:20px;margin-bottom:13px;letter-spacing:-.6px}.daily-gift p{margin-bottom:25px}.daily-gift .primary-button{width:100%;background:#c58f50;border-color:#b27e41}.referral-card{background:#e7eddf}.referral-card>svg{margin-bottom:20px}.referral-code{font-size:14px;font-weight:800;padding:16px;border:1px dashed #acba9b;border-radius:8px;margin:22px 0 12px;letter-spacing:1px;overflow-wrap:anywhere}.referral-card>.tag{margin-top:20px;font-size:7px}.saved-idea{padding:14px 0;border-top:1px solid var(--line)}.saved-idea p{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.event-banner{padding:35px 45px;background:#e7ecda;border:1px solid #d1dbc0;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.event-banner h2{font-size:32px;letter-spacing:-1.2px;line-height:1.5;margin:18px 0 12px}.event-banner p{font-size:12px;color:#859372;margin-bottom:23px}.event-banner>svg{margin-right:45px;color:#b29e60;transform:rotate(10deg)}.event-missions{display:grid;gap:16px;margin-top:24px}.mission{display:flex;align-items:center;gap:22px}.mission-icon{background:#f3edda;width:55px;height:55px;display:grid;place-items:center;color:#ba9c5a;border-radius:14px;flex-shrink:0}.mission>div{flex:1}.mission h3{font-size:15px}.mission p{font-size:10px;color:#8d977f;margin:8px 0 12px}.mission small{font-size:8px;color:#8d977f}.progress-track{background:#e9eddf;height:5px;border-radius:8px;overflow:hidden;margin-bottom:6px}.progress-track>span{display:block;height:100%;background:#90aa73}.reward-amount{display:flex;gap:6px;align-items:center;color:#b19958;font-size:12px;white-space:nowrap}.account-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.profile-card{text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px}.large-avatar{width:70px;height:70px;background:#e9efdc;border:1px solid #d5dfc5;border-radius:23px;display:grid;place-items:center;font-size:30px;font-weight:900}.profile-card h2{font-size:20px;overflow-wrap:anywhere;max-width:100%}.profile-card>p{font-size:10px;margin-top:-7px;max-width:100%;overflow-wrap:anywhere}.wallet-total{width:100%;border-block:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:#b08d46}.wallet-total strong{font-size:29px;letter-spacing:-1px}.wallet-total>span{width:100%;font-size:10px;color:#909779}.profile-card>.secondary-button{width:100%}.logout-button{color:#bd7963}.coin-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:29px 0}.coin-pack{position:relative;min-height:190px;border:1px solid var(--line);border-radius:12px;background:#fffdf5;padding:25px 8px 17px;display:flex;flex-direction:column;align-items:center;color:#b19450;gap:10px}.coin-pack>strong{font-size:24px;color:var(--forest)}.coin-pack strong small{font-size:11px}.coin-pack>span:not(.pack-popular){font-size:9px;color:#929a83}.coin-pack>b{font-size:14px;margin-top:6px;color:#687c56}.pack-popular{position:absolute;top:-10px;background:var(--forest);color:#fffbea;padding:5px 8px;font-size:7px;border-radius:5px;letter-spacing:.4px}.pack-check{position:absolute;bottom:10px;right:10px;color:#769164}.checkout-summary{background:#f5f7ed;border-radius:12px;padding:20px}.checkout-summary h3{font-size:13px;margin-bottom:15px}.checkout-summary>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;font-size:11px}.checkout-summary>div>span{color:#8c9780}.payos-brand{font-size:17px;letter-spacing:-.7px}.payos-brand>span{color:#619c54}.payos-brand small{font-size:9px;font-weight:400;margin-left:8px;letter-spacing:0}.checkout-total{border-top:1px solid #dce3ce;margin-top:7px;padding-top:18px!important}.checkout-total strong{font-size:20px}.checkout-button{width:100%;margin:18px 0 12px}.checkout-button+.small-copy{justify-content:center}.account-auth .auth-shell{min-height:calc(100vh - 200px);padding:30px 15px;background:none}.account-auth .auth-layout{max-width:1000px;gap:50px}.account-auth .auth-intro h1{font-size:36px}.account-auth .auth-logo{width:60px}.account-auth .auth-brand>span{color:var(--forest);font-family:Outfit,sans-serif;text-transform:lowercase}.game-content>.notebook-grid-bg{min-height:calc(100vh - 190px)!important;background:none!important;padding:10px 0 30px!important}.game-content .paper-panel{border:1px solid var(--line)!important;box-shadow:0 3px #dde3d3;background:#fffef8}.game-content .sticker-btn{border:1px solid #cbd6be;box-shadow:0 2px #d1dcc4;color:var(--forest);font-size:11px;border-radius:8px}.game-content .sticker-btn-primary{background:#dbe8cb}.game-content .sticker-btn-mint{background:#e4eddb}.game-content input{border-color:#cbd6be!important}.game-content>.notebook-grid-bg h1{color:var(--forest)}@media(min-width:1500px){.lobby-arena{min-height:520px}.hero-copy{padding-top:60px}.hero-character{transform:scale(1.12)}.lobby-card{min-height:190px}}@media(max-width:1190px){.game-header{gap:20px;padding-inline:25px}.header-world{display:none}.game-content{padding:26px 25px 10px}.hero-copy{padding-left:28px}.hero-copy h2{font-size:43px}.hero-character{transform:scale(.9);transform-origin:center}.hero-copy p{font-size:10px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-card{padding:18px 14px}.lobby-card h3{font-size:14px}.lobby-card img{opacity:.5;right:-40px}.lesson-illustration,.event-illustration{opacity:.55;right:0}.gift-grid{grid-template-columns:1fr 1fr}.referral-card{grid-column:1/-1}.prepare-layout{grid-template-columns:minmax(0,1fr) 245px}.step-tabs button{font-size:8px}.map-grid{grid-template-columns:1fr 1fr}.loadout canvas{width:100%;height:auto}.account-layout{grid-template-columns:230px minmax(0,1fr)}.coin-packs{gap:8px}.coin-pack strong{font-size:21px}.game-footer{padding-inline:25px}}@media(max-width:900px){.game-sidebar{width:83px;padding-inline:7px}.game-main{margin-left:83px}.game-sidebar nav button{font-size:8px}.hero-copy h2{font-size:36px}.hero-copy{padding-left:22px}.hero-character{transform:scale(.78)}.lobby-arena{grid-template-columns:1.1fr 1fr;min-height:410px}.hero-tip{font-size:7px}.arena-gift{right:15px;bottom:20px}.arena-gift small{display:none}.arena-gift .gift-drawing svg{width:28px}.arena-coordinate{left:22px;font-size:6px}.lobby-season{display:none}.lobby-heading h1{font-size:20px}.lobby-card p{max-width:100%}.lobby-card img,.lesson-illustration,.event-illustration{display:none}.prepare-layout,.account-layout{grid-template-columns:1fr}.loadout{display:none}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forum-layout{grid-template-columns:1fr}.forum-rules{display:none}.profile-card{display:grid;grid-template-columns:70px 1fr;text-align:left}.profile-card>h2{font-size:19px}.profile-card>.large-avatar{grid-row:1/4}.profile-card>.wallet-total{grid-column:1/-1}.profile-card>.secondary-button{grid-column:1/-1}.profile-card>.tag{justify-self:start}.account-auth .auth-layout{grid-template-columns:1fr;max-width:450px;gap:25px}.account-auth .auth-intro{display:none}.event-banner>svg{margin:0;width:100px}.mission{flex-wrap:wrap;gap:15px}.mission>div{flex-basis:60%}.mission>.primary-button,.mission>.secondary-button{margin-left:auto}.lobby-note>span:nth-child(2){display:none}}@media(max-width:620px){.game-sidebar{inset:auto 0 0 0;width:100%;height:76px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #3b5d4b}.mini-brand,.sidebar-caption{display:none}.game-sidebar nav{flex-direction:row;gap:2px;justify-content:space-between}.game-sidebar nav button{min-height:59px;padding:9px 1px 5px;gap:6px;font-size:7px;border-radius:10px;max-width:14.28%}.game-sidebar nav button .nav-icon svg{width:20px;height:20px}.game-sidebar nav button.active{box-shadow:none}.game-main{margin-left:0;padding-bottom:76px}.game-header{min-height:72px;padding:0 17px;gap:10px}.wordmark{font-size:30px}.wordmark span{font-size:22px}.header-player{gap:10px}.wallet-pill{gap:6px;font-size:10px;padding:6px 7px}.wallet-pill>svg{width:16px}.wallet-pill>span{width:18px;height:18px}.player-pill>span:nth-child(2){display:none}.player-avatar{width:31px;height:31px;border-radius:10px;font-size:12px}.game-content{padding:22px 16px 10px}.lobby-heading{margin:0 0 20px}.eyebrow{font-size:8px;letter-spacing:1.2px}.lobby-heading h1{font-size:18px;margin-top:8px;letter-spacing:-.5px}.lobby-arena{display:flex;flex-direction:column;min-height:660px;border-radius:19px}.arena-landscape{background:linear-gradient(180deg,#f0f1de 5%,#eef0dddb 37%,#e9edd425 85%),url(/map_10_dong_que.svg) 58% 70% / auto 100%}.hero-copy{padding:26px 23px 0}.hero-tag{font-size:7px}.hero-copy h2{font-size:40px;line-height:1.2;margin:18px 0 12px;letter-spacing:-1.7px}.hero-copy p{font-size:10px}.play-cta{margin-top:19px;padding:11px 15px;gap:16px;width:254px}.play-cta>span{font-size:19px}.play-cta small{font-size:7px}.hero-tip{font-size:7px;margin-top:14px}.hero-character{height:310px;min-height:310px;margin:0;transform:scale(.8);transform-origin:50% 0;align-self:center;max-width:370px}.hero-character>div:has(canvas){top:-2px}.character-bubble{top:0;left:63%;font-size:9px}.word-one{top:90px;left:8px;font-size:18px}.word-two{top:191px;right:-8px;font-size:14px}.character-platform{bottom:9px;width:250px}.character-name{bottom:-25px}.arena-gift{bottom:17px;right:15px;padding:7px;gap:7px}.arena-gift>span:nth-child(2){font-size:8px}.arena-coordinate{left:22px;bottom:24px;font-size:5px;max-width:120px;line-height:1.8}.arena-coordinate span{margin:0 3px}.lobby-bottom{margin-top:23px;gap:12px;grid-template-columns:1fr}.lobby-card{min-height:145px;padding:20px}.lobby-card h3{font-size:17px;margin:10px 0}.lobby-card p{max-width:72%;font-size:9px}.card-overline{font-size:7px}.card-link{margin-top:13px}.lobby-card img,.lesson-illustration,.event-illustration{display:block;right:16px;opacity:.8}.shop-card img{width:115px;height:115px;right:0;top:17px}.lesson-illustration,.event-illustration{top:57px}.lobby-note{font-size:7px;margin-top:20px}.game-footer{padding:16px;font-size:8px}.game-footer>span:nth-child(2){display:none}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-heading{margin:10px 0 23px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px}.mode-card{padding:17px;min-height:295px;gap:13px}.mode-card h2{font-size:15px}.mode-card p{font-size:10px}.mode-card .tag{font-size:6px}.mode-card>svg{width:37px}.mode-cta{font-size:9px}.mode-cta svg{width:15px}.step-tabs button{flex-direction:column;font-size:8px;gap:6px;padding:12px 3px}.step-body{padding:18px 13px}.map-grid,.equipment-grid{grid-template-columns:1fr 1fr;gap:10px}.step-controls{padding:16px 13px}.primary-button,.secondary-button{font-size:10px;padding:11px 13px}.prepare-settings{grid-template-columns:1fr}.surface{padding:20px;border-radius:13px}.prepare-options{padding:0}.gift-grid{grid-template-columns:1fr;gap:18px}.referral-card{grid-column:auto}.gift-grid h2{font-size:20px}.coin-packs{gap:7px;margin-top:30px}.coin-pack{min-height:170px;padding:22px 4px 13px;gap:8px}.coin-pack>svg{width:26px}.coin-pack>strong{font-size:20px}.coin-pack>b{font-size:12px}.coin-pack>span:not(.pack-popular){font-size:7px}.pack-popular{font-size:5px;padding:5px;top:-8px}.payos-brand small{display:block;margin:4px 0 0}.checkout-summary{padding:16px}.profile-card{gap:14px}.profile-card>.large-avatar{width:58px;height:58px;font-size:25px}.profile-card h2{font-size:18px}.profile-card>.wallet-total{padding:22px 0}.pill-tabs button{font-size:10px;padding:10px}.notice{padding:12px;font-size:10px}.ranking-table{padding:5px 8px}.event-banner{padding:25px}.event-banner h2{font-size:25px}.event-banner>svg{width:65px;min-width:65px}.event-banner p{font-size:10px}.event-banner .tag{font-size:6px}.mission{padding:19px;gap:12px}.mission-icon{width:43px;height:43px}.mission h3{font-size:13px}.mission p{font-size:9px}.mission>.reward-amount{font-size:11px}.game-content>.notebook-grid-bg{padding:5px 0 20px!important}.account-auth .auth-shell{padding:0}.account-auth .auth-card{width:100%}.account-auth .auth-card-heading h2{font-size:24px}.game-content .app-page{min-height:auto!important}}