@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.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{--paper:#15192b;--paper-2:#1b2036;--grid:#222a45;--margin:#ff4d6a;--ink:#e9ecf8;--pencil:#8a93b8;--p0:#ff5470;--p1:#45b5ff;--marker:#ffe14d;--teacher:#ff4b4b;--good:#3ecf7a;--sheet:#f7f4ea;--sheet-grid:#cddcee;--sheet-ink:#1d2340;--shadow:0 18px 50px #00000073;--ui:"Inter Variable", system-ui, sans-serif;--hand:"Permanent Marker", "Comic Sans MS", cursive;--margin-x:360px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--paper:#fbfaf5;--paper-2:#f1efe6;--grid:#cfe0f2;--margin:#e8505b;--ink:#1d2340;--pencil:#6b7392;--p0:#e0245e;--p1:#1f5fd6;--marker:#ffd400;--teacher:#d61f1f;--good:#1f8a4c;--shadow:0 16px 40px #1d23402e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45;overflow:hidden}button,input{font:inherit;color:inherit}#app{position:fixed;inset:0}canvas.stage{width:100%;height:100%;display:block;position:absolute;inset:0}.ui{pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}.corner{z-index:20;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.icon-btn{background:color-mix(in srgb, var(--paper-2) 80%, transparent);cursor:pointer;color:var(--pencil);border:none;border-radius:10px;place-items:center;padding:8px;display:inline-grid}.icon-btn svg{width:22px;height:22px}.btn{border:2px solid var(--ink);background:color-mix(in srgb, var(--paper) 70%, transparent);cursor:pointer;touch-action:manipulation;border-radius:999px 820px 900px 760px/700px 900px 760px 880px;padding:11px 22px 12px;font-size:16px;font-weight:650;transition:transform .12s}.btn:hover{transform:rotate(-1deg)scale(1.02)}.btn.primary{background:var(--marker);border-color:var(--marker);color:#1d2340;box-shadow:3px 4px 0 color-mix(in srgb, var(--ink) 25%, transparent);font-size:18px}.btn.ghost{border-color:color-mix(in srgb, var(--ink) 40%, transparent)}.btn[disabled]{opacity:.45;cursor:default;transform:none}.btn:focus-visible,.icon-btn:focus-visible,.char:focus-visible,.mode:focus-visible{outline:3px solid var(--marker);outline-offset:3px}.small{color:var(--pencil);margin:0;font-size:13px}.hand-h{font-family:var(--hand);margin:0;font-weight:400}.home{background:linear-gradient(90deg, color-mix(in srgb, var(--paper) 92%, transparent) 70%, transparent);flex-direction:column;gap:20px;width:min(380px,100%);padding:34px 30px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.logo{font-family:var(--hand);transform-origin:0;margin:0;font-size:46px;font-weight:400;line-height:.95;transform:rotate(-3deg)}.logo .three{color:var(--marker);font-size:.8em}.lede{max-width:30ch;margin:0;font-size:17px}.actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.legal{flex-wrap:wrap;gap:16px;margin:0;font-size:13px;display:flex}.legal a{color:var(--pencil)}.picker{background:color-mix(in srgb, var(--paper) 88%, transparent);flex-direction:column;align-items:center;gap:14px;padding:28px 16px 70px;display:flex;position:absolute;inset:0;overflow-y:auto}.picker h2{text-align:center;font-size:clamp(24px,4vw,36px)}.name-input{border:none;border-bottom:2px solid color-mix(in srgb, var(--ink) 40%, transparent);font-family:var(--hand);text-align:center;background:0 0;width:min(320px,90%);padding:4px 0 6px;font-size:24px}.chars{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;width:min(1100px,100%);display:grid}.char{border:2px solid color-mix(in srgb, var(--ink) 25%, transparent);background:var(--paper-2);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;gap:4px;padding:10px 12px 12px;transition:transform .12s,border-color .12s;display:flex}.char:hover{border-color:var(--marker);transform:translateY(-3px)rotate(-.6deg)}.char img{aspect-ratio:4/5;object-fit:contain;width:100%}.char b{font-family:var(--hand);font-size:22px;font-weight:400}.char small{color:var(--pencil);min-height:3.9em;font-size:12.5px;line-height:1.3}.stat{color:var(--pencil);grid-template-columns:5.2em 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.stat i{background:linear-gradient(90deg, var(--marker) var(--v), color-mix(in srgb, var(--ink) 15%, transparent) var(--v));border-radius:3px;height:6px}.sheet-wrap{background:color-mix(in srgb, var(--paper) 60%, transparent);place-items:center;padding:12px;display:grid;position:absolute;inset:0}.sheet{background:var(--sheet);width:min(860px,100%);max-height:100%;color:var(--sheet-ink);box-shadow:var(--shadow);border-radius:6px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;transform:rotate(-.4deg)}.sheet-title{font-family:var(--hand);margin:0;font-size:24px;font-weight:400}.sheet-canvas{aspect-ratio:26/22;touch-action:none;cursor:crosshair;border-radius:4px;width:100%;max-height:56vh}.modes{gap:8px;display:flex}.mode{border:2px solid color-mix(in srgb, var(--sheet-ink) 25%, transparent);color:var(--sheet-ink);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;padding:8px 12px;display:flex}.mode b{font-family:var(--hand);font-size:20px;font-weight:400}.mode small{color:#6b7392;font-size:12px}.mode.on{border-color:var(--sheet-ink);background:color-mix(in srgb, var(--marker) 45%, transparent)}.verdict{min-height:1.5em;margin:0}.sheet .row,.result .row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sheet .btn.ghost{color:var(--sheet-ink);border-color:color-mix(in srgb, var(--sheet-ink) 35%, transparent);background:0 0}.hud{pointer-events:none;justify-content:space-between;gap:24px;display:flex;position:absolute;top:12px;left:16px;right:16px}.hud-side{flex-direction:column;gap:5px;width:min(420px,45%);display:flex}.hud-side.side-1{text-align:right;align-items:flex-end}.hud-name{font-family:var(--hand);font-size:24px;line-height:1}.hud-name small{font-family:var(--ui);color:var(--pencil);font-size:13px}.hud-bar{border:2px solid var(--ink);border-radius:999px 900px 800px;width:100%;height:16px;overflow:hidden}.hud-bar i{height:100%;width:var(--v,100%);background:currentColor;transition:width .2s ease-out;display:block}.side-0 .hud-bar{color:var(--p0)}.side-1 .hud-bar{color:var(--p1)}.side-1 .hud-bar i{margin-left:auto}.hud-weapon{color:var(--pencil);font-size:12.5px}.banner{font-family:var(--hand);white-space:nowrap;text-shadow:4px 5px 0 color-mix(in srgb, var(--paper) 70%, transparent);pointer-events:none;font-size:clamp(54px,11vw,140px);line-height:1;animation:.42s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.banner.intro{top:14%}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.2)}to{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}}.result{background:color-mix(in srgb, var(--paper) 88%, transparent);width:min(620px,100% - 24px);box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.result .who{font-family:var(--hand);font-size:clamp(30px,5vw,48px);line-height:1.05}.result .row{justify-content:center}@media (max-width:760px){.home{background:linear-gradient(0deg, var(--paper) 78%, transparent);width:100%;max-height:62%;padding:18px 18px 60px;top:auto}.logo{font-size:34px}.actions{flex-flow:wrap}.chars{grid-template-columns:repeat(2,1fr)}.hud-name{font-size:17px}.hud-weapon{display:none}.sheet{padding:10px}.sheet-title{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}