@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#141413;--paper:#f6f2e8;--accent:#c8321e;--muted:#4a4a45;--white:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Nunito,system-ui,sans-serif;font-size:18px;line-height:1.5}h1,h2,.logo,.shout,.boss{letter-spacing:1px;font-family:Bangers,cursive;font-weight:400}h2{margin:0 0 8px;font-size:32px}.muted{color:var(--muted);font-size:15px}:focus-visible{outline:4px solid var(--accent);outline-offset:2px}.logo{letter-spacing:2px;margin:0;font-size:64px;line-height:1}.logo.small{font-size:36px}.logo span{color:var(--accent)}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px 16px;display:flex}.shout{margin:0;font-size:40px}.bar{background:var(--white);border-bottom:4px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.who{text-align:right;align-items:center;gap:16px;line-height:1.2;display:flex}.page{flex-direction:column;gap:32px;max-width:1000px;margin:0 auto;padding:24px 16px 48px;display:flex}.card{text-align:left;background:var(--white);border:4px solid var(--ink);width:100%;max-width:460px;box-shadow:6px 6px 0 var(--ink);padding:24px}.page .card{max-width:520px}form{flex-direction:column;gap:16px;display:flex}label{flex-direction:column;gap:6px;font-weight:800;display:flex}input{min-height:48px;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--ink);border-radius:0;padding:8px 12px;font-weight:700}.btn{min-width:48px;min-height:48px;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--ink);cursor:pointer;border-radius:0;padding:10px 22px;font-weight:800}.btn.primary{color:var(--white);background:var(--ink);box-shadow:5px 5px 0 var(--accent)}.btn:active{transform:translate(2px,2px)}.btn:disabled{opacity:.6;cursor:wait}.tabs{border:3px solid var(--ink);margin-bottom:20px;display:flex}.tab{min-height:48px;font:inherit;color:var(--ink);background:var(--white);cursor:pointer;border:0;flex:1;font-weight:800}.tab+.tab{border-left:3px solid var(--ink)}.tab.on{color:var(--white);background:var(--ink)}.note{border:3px solid var(--accent);margin:0;padding:10px 12px;font-weight:700}.panel{background:var(--white) radial-gradient(var(--ink) 1.2px, transparent 1.4px) 0 0 / 9px 9px;border:5px solid var(--ink);min-height:260px;position:relative;overflow:hidden}.bubble{background:var(--white);border:3px solid var(--ink);max-width:280px;padding:10px 14px;font-weight:800;position:absolute;top:16px;left:20px}.boss{color:var(--white);background:var(--accent);border-top:5px solid var(--ink);border-left:5px solid var(--ink);padding:20px 28px;font-size:48px;line-height:1;position:absolute;bottom:0;right:0}.caption{background:var(--white);border-top:3px solid var(--ink);border-right:3px solid var(--ink);margin:0;padding:10px 14px;font-weight:700;position:absolute;bottom:0;left:0}.creds{gap:4px;margin:0 0 16px;display:grid}.creds dt{color:var(--muted);font-size:14px;font-weight:700}.creds dd{letter-spacing:2px;margin:0 0 8px;font-size:32px;font-weight:800}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}h1{margin:0}a{color:var(--ink)}a:hover{color:var(--accent)}a.btn,.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn.primary,a.btn.primary:hover{color:var(--white)}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.kicker{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:14px;font-weight:800}.kicker.muted{color:var(--muted)}.section-title{margin:0 0 16px;font-size:40px}.back{color:var(--accent);font-weight:800}.hero{flex-wrap:wrap;gap:24px;display:flex}.hero .panel{flex:380px;min-height:280px}.hero-text{flex-direction:column;flex:340px;justify-content:center;gap:14px;display:flex}.hero-text h1{font-size:clamp(40px,8vw,64px);line-height:.95}.hero-text p{margin:0}.arcs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.arc{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;gap:10px;padding:20px;display:flex}.arc h3{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:30px;font-weight:400}.arc p{margin:0}.meter{border:3px solid var(--ink);background:var(--white);height:16px}.meter>div{background:var(--accent);height:100%}.chapters{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.chapters a{border:3px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 12px;font-weight:800;text-decoration:none;display:flex}.chapters a:hover{background:var(--paper)}.tag{border:2px solid var(--ink);flex:none;padding:2px 8px;font-size:13px}.tag.done{background:#dff3e7}.lesson{flex-direction:column;gap:28px;display:flex}.lesson h1{font-size:clamp(44px,9vw,68px);line-height:1}.lesson .panel.intro{min-height:0;padding:28px}.lesson .panel .bubble.big{border-width:4px;max-width:none;font-size:20px;line-height:1.4;position:static}.card.wide{max-width:none}.diagram{width:100%;height:auto;display:block}.terms{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0;display:grid}.terms dt{font-weight:800}.terms dd{color:var(--muted);margin:0}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--ink);color:var(--white);text-align:left}th,td{text-align:left;border-bottom:2px solid var(--ink);padding:12px 14px}tr.shade{background:#fff4d6}.duo{flex-wrap:wrap;gap:20px;display:flex}.remember{background:var(--ink);color:var(--white);flex:340px;padding:24px}.remember h2,.make h2{font-size:30px}.make{background:var(--white);border:4px dashed var(--ink);flex:340px;padding:24px}.make ul{margin:0;padding-left:20px;line-height:1.7}.cta{color:var(--white);background:var(--accent);border:5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px;display:flex}.cta h2{margin:0;font-size:40px}.cta p{margin:0}.cta .btn{background:var(--white)}.fight{flex-direction:column;gap:24px;display:flex}.fight-bar{justify-content:flex-end;display:flex}.fight-grid{flex-wrap:wrap;align-items:stretch;gap:24px;display:flex}.boss-panel{flex-direction:column;flex:380px;justify-content:space-between;gap:20px;min-height:300px;padding:24px;display:flex}.boss-panel .bubble{background:var(--white);align-self:flex-start;max-width:none;position:static}.boss-name{letter-spacing:1px;font-family:Bangers,cursive;font-size:30px;line-height:1}.shield-row{align-items:center;gap:10px;margin-top:8px;font-size:13px;font-weight:800;display:flex}.shield-row .meter{width:220px}.boss-art{align-self:flex-end;width:100%;max-width:320px;height:auto}.question{border-width:5px;flex-direction:column;flex:480px;gap:18px;max-width:none;padding:28px;display:flex}.question h1{letter-spacing:0;font-family:Nunito,sans-serif;font-size:28px;font-weight:800;line-height:1.25}.options{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;min-height:52px;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:0;padding:14px 18px;font-weight:700}.opt.right{background:#dff3e7;box-shadow:4px 4px #0f7a5a}.opt.miss{box-shadow:4px 4px 0 var(--accent);background:#ffe0da}.feedback{border:3px solid var(--ink);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.feedback p{margin:0}.feedback.good{background:#dff3e7}.feedback.try{background:#fff4d6}.feedback .shout{font-size:30px}.result{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.result p{margin:0}.shout.big{font-size:54px;line-height:1}.score{font-size:20px;font-weight:800}.subnav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn.on{color:var(--white);background:var(--ink)}.level-chip{border:3px solid var(--ink);background:var(--white);margin-left:auto;padding:8px 14px;font-weight:800}.between{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hero-page{flex-direction:column;gap:40px;display:flex}.hero-top{flex-wrap:wrap;gap:24px;display:flex}.hero-card{min-height:0;box-shadow:6px 6px 0 var(--ink);flex-direction:column;flex:340px;align-items:center;gap:14px;padding:28px;display:flex}.avatar{border:5px solid var(--ink);background:var(--white);border-radius:50%;width:160px;height:160px;overflow:hidden}.level-tag{letter-spacing:1px;color:var(--white);background:var(--ink);padding:8px 16px;font-weight:800}.rule{text-align:center;background:var(--white);border:3px solid var(--ink);margin:0;padding:12px 14px;font-size:15px}.arc-progress{background:var(--white);border:3px solid var(--ink);flex-direction:column;gap:6px;width:100%;padding:10px;font-size:14px;font-weight:800;display:flex}.arc-progress .muted{font-weight:400}.stat-sheet{flex-direction:column;flex:2 520px;gap:14px;display:flex}.stat-sheet h2{margin:0;font-size:40px}.stat{grid-template-columns:110px minmax(0,1fr) 64px;align-items:center;gap:4px 14px;display:grid}.stat-name{font-size:18px;font-weight:800}.stat .meter{height:18px}.stat-value{text-align:right;font-family:Bangers,cursive;font-size:30px;line-height:1}.stat-note{color:var(--muted);grid-column:2/4;font-size:14px;line-height:1.4}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:16px;display:grid}.tcard{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.tcard.locked{box-shadow:6px 6px 0 var(--muted);background:#e4dfd0}.tcard h3{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:30px;font-weight:400;line-height:1.05}.tcard p{margin:0;font-size:15px;line-height:1.45}.art{aspect-ratio:4/3;text-align:center;background:var(--white);border:3px dashed var(--ink);justify-content:center;align-self:stretch;align-items:center;padding:10px;font-size:15px;font-weight:800;display:flex}.art.solid{border-style:solid}.reward{border:3px solid var(--ink);background:#dfe9ff;width:100%;padding:16px}.reward .shout{font-size:32px}.reward p{margin:6px 0 0}@media (width<=520px){.stat{grid-template-columns:80px minmax(0,1fr) 52px}}.lead{max-width:780px;margin:0;font-size:18px;line-height:1.5}.ink-round{flex-direction:column;gap:16px;display:flex}.ink-grid{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.ink-left{flex-direction:column;flex:640px;gap:10px;min-width:0;display:flex}.ink-right{flex-direction:column;flex:340px;gap:20px;min-width:0;display:flex}.ink-right .card{flex-direction:column;align-items:flex-start;gap:12px;max-width:none;display:flex}.ink-right .card h2{margin:0;font-size:30px}.ink-right .card p{margin:0}.stack{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.pad{flex-direction:column;gap:12px;display:flex}.pad-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.pad-body{grid-template-columns:64px minmax(0,1fr) 64px;align-items:start;gap:12px;display:grid}.pad-body.solo{grid-template-columns:minmax(0,1fr)}.pad-rail{flex-direction:column;gap:10px;display:flex}.icon-btn{width:48px;height:48px;color:var(--ink);background:var(--white);border:3px solid var(--ink);cursor:pointer;place-items:center;padding:0;display:grid}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.on{color:var(--white);background:var(--ink)}.menu-wrap{position:relative}.menu{z-index:30;background:var(--white);border:3px solid var(--ink);min-width:190px;box-shadow:5px 5px 0 var(--ink);flex-direction:column;align-items:flex-start;gap:10px;padding:12px;display:flex;position:absolute}.menu.side{top:0;left:calc(100% + 10px)}.menu.below{top:calc(100% + 10px);left:0}.menu.below.right{left:auto;right:0}.menu.stamps{grid-template-columns:repeat(4,52px);display:grid}.menu.colours{width:min(92vw,470px)}.btn.on .chip{border-color:var(--white)}@media (width<=720px){.pad-body{grid-template-columns:60px minmax(0,1fr)}.pad-gutter{display:none}}.pen{border:3px solid var(--ink);cursor:pointer;border-radius:50%;width:48px;height:48px;padding:0}.pen.on{border:5px solid var(--accent);outline:3px solid var(--ink);outline-offset:1px}.btn.on{background:var(--ink);color:var(--white)}.colour-btn{align-items:center;gap:8px;display:inline-flex}.chip{border:3px solid var(--ink);border-radius:50%;width:24px;height:24px}.size{flex-direction:row;align-items:center;gap:8px;font-weight:800;display:inline-flex}.size input[type=range],.field input[type=range]{width:140px;min-height:44px;accent-color:var(--ink);padding:0}.panel-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatches{grid-template-columns:repeat(8,minmax(44px,1fr));gap:8px;max-width:520px;display:grid}.swatches .pen{width:100%;max-width:56px;height:44px;min-height:44px}.pen{min-width:44px;min-height:44px}.wheel{flex-direction:row;align-items:center;gap:10px;font-weight:800;display:inline-flex}.wheel input[type=color]{cursor:pointer;width:64px;min-height:48px;padding:2px}.check{white-space:nowrap;flex-direction:row;align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.check input{width:24px;height:24px;accent-color:var(--ink)}.field{flex-direction:column;gap:6px;max-width:420px;font-weight:800;display:flex}.btn.stamp{justify-content:center;align-items:center;padding:8px;display:inline-flex}.pad-svg.hand{cursor:grab}.pad-frame{border:5px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);line-height:0}.pad-svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:auto;display:block}.pad-svg.static{touch-action:auto;cursor:default;border:3px solid var(--ink)}.tick{border:3px solid var(--ink);cursor:pointer;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;font-weight:700;line-height:1.4;display:flex}.tick input{width:24px;height:24px;accent-color:var(--ink);flex:none;margin:0}.draw-save{max-width:560px}.draw-save .row{margin-top:4px}.studio{flex-direction:column;gap:20px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tile{text-align:center;background:var(--white);border:3px dashed var(--ink);justify-content:center;align-items:center;min-height:120px;padding:12px;font-weight:800;text-decoration:none;display:flex}.tile:hover{background:#fff4d6}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.work{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;gap:10px;padding:12px;display:flex}.work img{aspect-ratio:3/2;object-fit:contain;background:var(--white);border:3px solid var(--ink);width:100%}.work-body{flex-direction:column;align-items:flex-start;gap:2px;font-size:15px;display:flex}.confirm{border:3px solid var(--ink);background:#fff4d6;padding:10px}.confirm p{margin:0 0 8px;font-weight:700}.tags{flex:none;gap:6px;display:inline-flex}.tag.ink{background:#dfe9ff}.art-img{aspect-ratio:3/2;object-fit:contain;background:var(--white);border:3px solid var(--ink);align-self:stretch;width:100%}.art{aspect-ratio:3/2}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.family{flex-direction:column;gap:24px;display:flex}.kids{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.kid{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.kid h2,.kid p{margin:0}.progress-arc{flex-direction:column;gap:8px;margin-top:12px;display:flex}.progress-arc h3{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:28px;font-weight:400}.queue{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.queue .card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.reward-line{font-size:20px;font-weight:800}.shelf-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.shelf-list li{border:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.shelf-form{border-top:3px solid var(--ink);flex-direction:column;gap:12px;max-width:520px;padding-top:12px;display:flex}.shelf-form h3{margin:0;font-family:Bangers,cursive;font-size:28px;font-weight:400}select{min-height:48px;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--ink);border-radius:0;padding:8px 12px;font-weight:700}.danger{border:4px solid var(--accent);flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px;padding:16px;display:flex}.danger h3{color:var(--accent);margin:0;font-family:Bangers,cursive;font-size:28px;font-weight:400}.danger p{margin:0}.share{background:var(--white);border:3px solid var(--ink);align-items:flex-start;gap:12px;max-width:720px;padding:12px 14px;font-weight:400;display:flex}.share input{width:28px;height:28px;accent-color:var(--ink);flex:none;margin:0}.shelf{color:var(--white);background:var(--ink);flex-direction:column;gap:16px;padding:28px;display:flex}.shelf h2{margin:0;font-size:40px}.shelf-sub{color:#d8d4c8;font-size:15px}.legend{flex-wrap:wrap;gap:16px;font-size:14px;font-weight:800;display:flex}.series-name{margin-bottom:6px;font-size:18px;font-weight:800}.vols{border-bottom:6px solid var(--white);flex-wrap:wrap;align-items:flex-end;gap:10px;padding-bottom:8px;display:flex}.vol{border:3px solid var(--white);justify-content:center;align-items:center;min-width:52px;height:150px;padding:0 8px;font-family:Bangers,cursive;font-size:26px;display:flex;position:relative}.vol.owned{color:var(--ink);background:var(--white)}.vol.borrowed{color:var(--white);background:var(--ink)}.vol.earn{color:var(--white);background:var(--ink);border-style:dashed}.vol.pending{color:var(--white);background:var(--accent);border-style:dashed}.tick-mark{font-size:18px;position:absolute;top:4px;right:6px}.other-list{margin:0;padding-left:20px;line-height:1.8}.next{color:#d8d4c8;flex-direction:column;gap:8px;margin:0;font-size:15px;display:flex}.next strong{color:var(--white);font-size:18px}.meter.inverse{border-color:var(--white);background:var(--ink)}.meter.inverse>div{background:var(--white)}.shelf-note{color:#d8d4c8;margin:0;font-size:14px}.power{gap:6px;width:100%;max-width:420px;display:flex}.power .seg{background:var(--white);border:3px solid var(--ink);flex:1;height:28px}.power .seg.on{background:var(--accent)}.rereads,.rereads-panel{flex-direction:column;gap:16px;display:flex}.rereads-panel{align-items:flex-start;max-width:none}.rereads-panel h2,.power-card h2{margin:0;font-size:36px}.rereads-panel p,.power-card p{margin:0}.rereads h2{margin:0 0 8px;font-size:32px}.due-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.due-list li{border:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.charging{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.on-paper{background:var(--white);border:2px solid var(--ink);padding:4px 8px}.know{flex-direction:column;gap:10px;margin:0;padding-left:22px;line-height:1.55;display:flex}.skip{z-index:10;color:var(--white);background:var(--ink);border:3px solid var(--ink);padding:12px 18px;font-weight:800;position:absolute;top:-64px;left:8px}.skip:focus{top:8px}#main:focus{outline:none}.offline-banner{border:3px solid var(--ink);background:#fff4d6;margin:0;padding:12px 16px;font-weight:700}.narrow{max-width:460px}.setup-key{letter-spacing:2px;background:var(--paper);border:3px solid var(--ink);overflow-wrap:anywhere;margin:0;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:700}.back,.row>a:not(.btn),.feedback a,.rereads-panel>a,.result a:not(.btn){align-items:center;min-height:44px;display:inline-flex}.slot-img{aspect-ratio:3/2;object-fit:contain;background:var(--white);border:3px solid var(--ink);width:100%;display:block}.slot-img.boss-art-img{align-self:flex-end;max-width:360px}.hero-art{width:100%;max-width:300px}.art-ref{background:var(--white);border:3px dashed var(--ink);flex-direction:column;align-items:flex-start;gap:6px;max-width:360px;padding:12px;display:flex}.art-ref .boss-art{max-width:200px}.story-edit{flex-direction:column;gap:10px;display:flex}.story-edit textarea{width:100%;min-height:150px;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--ink);resize:vertical;border-radius:0;padding:10px 12px;font-weight:700}.story-actions{align-items:center;margin-top:12px}.next-title{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:26px;font-weight:400}.next-boss{background:var(--paper);border:3px solid var(--ink);justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.boss-tag{letter-spacing:1px;color:var(--accent);font-family:Bangers,cursive;font-weight:400}.arc .btn{align-self:flex-start}.your-hero{flex-direction:column;gap:10px;max-width:none;display:flex}.your-hero .section-title{margin:0}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.stat-tiles li{background:var(--paper);border:3px solid var(--ink);flex-direction:column;padding:10px 12px;display:flex}.stat-tiles strong{font-family:Bangers,cursive;font-size:30px;font-weight:400}.all-chapters{margin-top:24px}.all-chapters summary{cursor:pointer;align-items:center;min-height:44px;display:inline-flex}.all-chapters .chapters{margin-top:12px}.splash-art{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:70px 20px}.splash-art svg,.splash-art img{max-width:100%;height:auto;max-height:100%}.next-boss{justify-content:flex-start;align-items:center;gap:12px;display:flex}.next-boss-art{background:var(--white);border:3px solid var(--ink);flex:0 0 72px;justify-content:center;align-items:center;height:56px;display:flex}.next-boss-art svg,.next-boss-art img{max-width:100%;max-height:100%}.delta{color:var(--accent);font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--paper);border:3px solid var(--ink);padding:6px 10px;font-weight:700}.chip b{color:var(--accent);letter-spacing:1px;font-family:Bangers,cursive;font-weight:400}.won-list{margin:0;padding-left:20px}.gcards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:16px 0;display:grid}.gcard{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;display:flex;position:relative}.gcard.undrawn{background:var(--paper);box-shadow:none;border-style:dashed}.gcard-art{border-bottom:4px solid var(--ink);display:block}.gcard.undrawn .gcard-art{border-bottom-style:dashed}.gcard-art.q{aspect-ratio:3/2;color:var(--muted);justify-content:center;align-items:center;font-family:Bangers,cursive;font-size:64px;display:flex}.gcard-art .art-img{border:0;display:block}.gcard-body{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.gcard-body h3{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:24px;font-weight:400;line-height:1.05}.gcard-body p{margin:0;font-size:14px}.new-flag{z-index:1;letter-spacing:1px;color:var(--white);background:var(--accent);border:3px solid var(--ink);padding:2px 10px;font-family:Bangers,cursive;position:absolute;top:-4px;left:-4px}.card-page-grid{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.card-page-side{flex-direction:column;flex:360px;align-items:flex-start;gap:16px;display:flex}.bigcard{background:var(--white);border:5px solid var(--ink);width:100%;max-width:340px;box-shadow:8px 8px 0 var(--ink);flex-direction:column;flex:0 340px;display:flex}.bigcard header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.bigcard h2{letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:32px;font-weight:400;line-height:1}.power-badge{color:var(--white);background:var(--accent);border:3px solid var(--ink);flex-direction:column;align-items:center;padding:4px 10px;display:flex}.power-badge span{letter-spacing:1px;font-size:11px;font-weight:800}.power-badge strong{font-family:Bangers,cursive;font-size:32px;font-weight:400;line-height:1}.bigcard-art{aspect-ratio:3/2;object-fit:contain;background:var(--white);border-bottom:4px solid var(--ink);width:100%}.bigcard-art.q{color:var(--muted);justify-content:center;align-items:center;font-family:Bangers,cursive;font-size:80px;display:flex}.bigcard-info{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bigcard-info p{margin:0;font-size:14px}.ability{background:var(--paper);border:3px solid var(--ink);padding:8px 10px;font-weight:700}.bigcard footer{border-top:4px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.pips{gap:4px;display:flex}.pips i{border:3px solid var(--ink);background:var(--white);width:18px;height:18px}.pips i.on{background:var(--ink)}.ladder{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ladder li{text-align:center;letter-spacing:1px;text-transform:uppercase;background:var(--white);border:3px solid var(--ink);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:800;display:flex}.ladder li strong{letter-spacing:0;font-family:Bangers,cursive;font-size:34px;font-weight:400}.ladder li.past{background:var(--paper)}.ladder li.now{background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.ladder li.now strong{color:var(--accent)}.rules{max-width:none}.rules h2{margin:0 0 8px;font-size:32px}.rules p{margin:0 0 8px}.meter.hp>div{background:var(--ink)}.hand{flex-direction:column;gap:12px;display:flex}.hand .section-title{margin:0;font-size:34px}.hand-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:16px;display:grid}.hcard{text-align:left;min-height:44px;font:inherit;color:var(--ink);background:var(--white);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;border-radius:0;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex;position:relative}.hcard:disabled{cursor:default;opacity:.6}.hcard.on{opacity:1;border-color:var(--accent);box-shadow:5px 5px 0 var(--accent)}.hcard.bare{background:var(--paper);box-shadow:none;border-style:dashed;justify-content:center}.hcard-top{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.hcard-top>strong{letter-spacing:1px;font-family:Bangers,cursive;font-size:24px;font-weight:400;line-height:1.05}.hcard-art{object-fit:contain;border:3px solid var(--ink);background:var(--white);width:100%;max-height:90px}.hcard .bonus{color:var(--accent);font-size:14px;font-weight:800}.played-flag{letter-spacing:1px;color:var(--white);background:var(--accent);border:3px solid var(--ink);padding:2px 10px;font-family:Bangers,cursive;position:absolute;top:-14px;left:-4px}.battle-note{width:100%}.battle-note p{margin:6px 0 0}.sums{background:var(--paper);border:3px solid var(--ink);margin:0;padding:8px 12px;list-style:none}.sums li{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.sums li.total{border-top:3px solid var(--ink);letter-spacing:1px;margin-top:4px;padding-top:6px;font-family:Bangers,cursive;font-size:26px}.opt:disabled{opacity:.55;cursor:not-allowed}