:root{--ink: #0f0f14;--panel: #191922;--raise: #22222e;--well: #0b0b0f;--line: #2e2e3b;--line-soft:#22222c;--text: #e6e6ee;--bright: #f7f7fb;--dim: #9797a8;--faint: #63637a;--freq: #4fa3c7;--dyn: #c77f4f;--space: #5fb98c;--char: #a878c9;--accent: #5b9bd5;--warm: #d98c5f;--good: #6fbf8b;--bad: #d9615f;--mono: "Source Code Pro", ui-monospace, "SF Mono", Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--t-display: clamp(2.1rem, 1rem + 3.9vw, 4.5rem);--t-title: clamp(1.9rem, 1.1rem + 2.6vw, 3.1rem);--t-head: clamp(1.25rem, 1rem + .9vw, 1.6rem);--t-body: 1.0625rem;--t-small: .9375rem;--t-label: .75rem;--track-display: .015em;--track-label: .16em;--s-1: 4px;--s-2: 8px;--s-3: 14px;--s-4: 22px;--s-5: 36px;--s-6: 58px;--s-7: 94px;--radius: 14px;--radius-well: 10px;--radius-pill: 999px;--measure: 62ch;--page: 1180px;--d-hover: .14s;--d-press: 90ms;--d-move: .32s;--ease: cubic-bezier(.22, .61, .36, 1);--shadow: 0 18px 40px -24px rgb(0 0 0 / .9);--glow: 0 0 0 1px rgb(91 155 213 / .25), 0 0 34px -12px rgb(91 155 213 / .5);color-scheme:dark}@media(prefers-color-scheme:light){:root{--ink: #e8e6e1;--panel: #f1efeb;--raise: #f8f7f4;--well: #dedad2;--line: #c9c5bd;--line-soft:#d8d4cc;--text: #33322f;--bright: #1b1a18;--dim: #6d6a64;--faint: #8d8a83;--freq: #35708a;--dyn: #8a5636;--space: #3f8060;--char: #74528b;--accent: #2f6fa8;--warm: #b26134;--good: #3d8a5f;--bad: #b03c3a;--shadow: 0 18px 40px -26px rgb(90 95 110 / .45);--glow: 0 0 0 1px rgb(47 111 168 / .28), 0 0 30px -14px rgb(47 111 168 / .4);color-scheme:light}}:root[data-theme=light]{--ink: #e8e6e1;--panel: #f1efeb;--raise: #f8f7f4;--well: #dedad2;--line: #c9c5bd;--line-soft:#d8d4cc;--text: #33322f;--bright: #1b1a18;--dim: #6d6a64;--faint: #8d8a83;--freq: #35708a;--dyn: #8a5636;--space: #3f8060;--char: #74528b;--accent: #2f6fa8;--warm: #b26134;--good: #3d8a5f;--bad: #b03c3a;--shadow: 0 18px 40px -26px rgb(90 95 110 / .45);--glow: 0 0 0 1px rgb(47 111 168 / .28), 0 0 30px -14px rgb(47 111 168 / .4);color-scheme:light}:root[data-theme=dark]{--ink: #0f0f14;--panel: #191922;--raise: #22222e;--well: #0b0b0f;--line: #2e2e3b;--line-soft:#22222c;--text: #e6e6ee;--bright: #f7f7fb;--dim: #9797a8;--faint: #63637a;--freq: #4fa3c7;--dyn: #c77f4f;--space: #5fb98c;--char: #a878c9;--accent: #5b9bd5;--warm: #d98c5f;--good: #6fbf8b;--bad: #d9615f;--shadow: 0 18px 40px -24px rgb(0 0 0 / .9);--glow: 0 0 0 1px rgb(91 155 213 / .25), 0 0 34px -12px rgb(91 155 213 / .5);color-scheme:dark}@font-face{font-family:Source Code Pro;src:url(/abcTrain/fonts/SourceCodePro-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/abcTrain/fonts/SourceCodePro-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:var(--t-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--s-1)}.wrap{width:100%;max-width:var(--page);margin-inline:auto;padding-inline:var(--s-4)}.prose{max-width:var(--measure)}.rack{border-top:1px solid var(--line-soft);padding-block:var(--s-7)}.rack--tight{padding-block:var(--s-6)}.label{font-family:var(--mono);font-weight:500;font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--faint);margin:0 0 var(--s-4)}h1,h2,h3{text-wrap:balance;margin:0}h2{font-family:var(--mono);font-weight:300;font-size:var(--t-title);letter-spacing:var(--track-display);color:var(--bright);line-height:1.12}h3{font-family:var(--mono);font-weight:500;font-size:var(--t-head);letter-spacing:.01em;color:var(--bright)}p{margin:0}.lede{color:var(--dim);font-size:1.15rem;line-height:1.6;max-width:var(--measure)}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack-3{display:flex;flex-direction:column;gap:var(--s-3)}.stack-5{display:flex;flex-direction:column;gap:var(--s-5)}.row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{font-family:var(--mono);font-weight:500;font-size:var(--t-small);letter-spacing:.03em;padding:var(--s-3) var(--s-5);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--raise);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-2);transition:background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease),transform var(--d-press) var(--ease)}.btn:hover{background:color-mix(in srgb,var(--raise) 84%,var(--text))}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:transparent;color:var(--ink);box-shadow:var(--glow)}.btn--primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--bright))}.masthead{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-3)}.wordmark{font-family:var(--mono);font-weight:500;font-size:1.05rem;letter-spacing:.04em;color:var(--bright);text-decoration:none}.wordmark i{font-style:normal}.wordmark i:nth-child(1){color:var(--space)}.wordmark i:nth-child(2){color:var(--dyn)}.wordmark i:nth-child(3){color:var(--freq)}.masthead__nav{display:flex;gap:var(--s-4);align-items:center}.masthead__link{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color var(--d-hover) var(--ease)}.masthead__link:hover{color:var(--text)}@media(max-width:720px){.masthead__nav .masthead__link{display:none}}.themeToggle{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;background:none;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--dim);padding:var(--s-1) var(--s-3);cursor:pointer;transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}.themeToggle:hover{color:var(--text);border-color:var(--dim)}.hero{padding-block:var(--s-6) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);margin-top:var(--s-3)}@media(min-width:940px){.hero__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}[id]{scroll-margin-top:84px}.hero h1{font-family:var(--mono);font-weight:300;font-size:var(--t-display);letter-spacing:var(--track-display);line-height:1.02;color:var(--bright)}.hero h1 em{font-style:normal;color:var(--freq)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-family:var(--mono);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.round{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--s-3)}.round__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.round__title{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--faint)}.round__verdict{font-family:var(--mono);font-size:var(--t-small);min-height:1.5em;color:var(--dim);transition:color var(--d-move) var(--ease)}.round__verdict[data-state=good]{color:var(--good)}.round__verdict[data-state=bad]{color:var(--bad)}.scale{position:relative;height:190px;background:var(--well);border:1px solid var(--line);border-radius:var(--radius-well);cursor:crosshair;overflow:hidden;touch-action:none}.scale[aria-disabled=true]{cursor:default}.scale__grid{position:absolute;top:0;right:0;bottom:0;left:0}.scale__tick{position:absolute;top:0;bottom:26px;width:1px;background:var(--line);opacity:.55}.scale__tickLabel{--tick-inset: 26px;position:absolute;bottom:5px;transform:translate(-50%);font-family:var(--mono);font-size:.66rem;color:var(--faint);white-space:nowrap}.scale__band{position:absolute;top:0;bottom:26px;background:color-mix(in srgb,var(--accent) 16%,transparent);border-inline:1px solid color-mix(in srgb,var(--accent) 45%,transparent);transition:left var(--d-move) var(--ease),background var(--d-move) var(--ease),border-color var(--d-move) var(--ease);pointer-events:none}.scale__band[data-state=good]{background:color-mix(in srgb,var(--good) 20%,transparent);border-inline-color:color-mix(in srgb,var(--good) 55%,transparent)}.scale__band[data-state=bad]{background:color-mix(in srgb,var(--bad) 20%,transparent);border-inline-color:color-mix(in srgb,var(--bad) 55%,transparent)}.scale__target{position:absolute;top:0;bottom:26px;width:2px;background:var(--warm);pointer-events:none}.scale__cursor{position:absolute;top:0;bottom:26px;width:2px;background:var(--accent);pointer-events:none}.scale__readout{position:absolute;top:var(--s-3);transform:translate(-50%);font-family:var(--mono);font-weight:500;font-size:1.5rem;color:var(--bright);white-space:nowrap;pointer-events:none}.scale__hint{position:absolute;inset-inline:0;top:46%;text-align:center;font-family:var(--mono);font-size:var(--t-small);color:var(--faint);pointer-events:none}.round__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3)}.round__note{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--faint);max-width:34ch}.families{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:var(--s-3)}.family{--hue: var(--freq);background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--hue);border-radius:var(--radius);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);transition:transform var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}.family:hover{transform:translateY(-2px)}.family--freq{--hue: var(--freq)}.family--dyn{--hue: var(--dyn)}.family--space{--hue: var(--space)}.family--char{--hue: var(--char)}.family__name{font-family:var(--mono);font-weight:500;font-size:var(--t-head);color:var(--hue)}.family__count{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--faint)}.family__what{color:var(--dim);font-size:var(--t-small)}.family__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2);border-top:1px solid var(--line-soft);padding-top:var(--s-3)}.family__list li{font-size:var(--t-small);color:var(--text);display:flex;gap:var(--s-2);align-items:baseline}.family__list li:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--hue);transform:translateY(-2px)}.plugins{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-3)}.plugin{--hue: var(--freq);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.plugin--eq{--hue: var(--freq)}.plugin--comp{--hue: var(--dyn)}.plugin--verb{--hue: var(--space)}.plugin__name{font-family:var(--mono);font-weight:500;color:var(--hue)}.plugin__body{color:var(--dim);font-size:var(--t-small)}.plugin__modules{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--s-3)}.dl{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);text-decoration:none;color:inherit;transition:border-color var(--d-hover) var(--ease),background var(--d-hover) var(--ease)}.dl:hover{border-color:var(--accent);background:var(--raise)}.dl__os{font-family:var(--mono);font-weight:500;color:var(--bright)}.dl__file{font-family:var(--mono);font-size:.72rem;color:var(--faint);word-break:break-all}.dl__formats{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.limits{background:var(--well);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5)}.limits__list{list-style:none;margin:var(--s-4) 0 0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.limits__list li{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);align-items:start;font-size:var(--t-small);color:var(--dim)}.limits__list li b{color:var(--text);font-weight:500}.limits__mark{font-family:var(--mono);color:var(--warm);line-height:1.65}.footer{border-top:1px solid var(--line-soft);padding-block:var(--s-5) var(--s-6);color:var(--faint);font-size:var(--t-small)}.footer a{color:var(--dim);text-decoration:none}.footer a:hover{color:var(--text);text-decoration:underline}.footer__cols{display:flex;flex-wrap:wrap;gap:var(--s-5);justify-content:space-between}.round__tabs{display:flex;gap:var(--s-1);flex-wrap:wrap}.round__tab{--hue: var(--freq);font-family:var(--mono);font-size:var(--t-label);letter-spacing:.04em;padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);border:1px solid transparent;background:none;color:var(--dim);cursor:pointer;transition:color var(--d-hover) var(--ease),background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}.round__tab--freq{--hue: var(--freq)}.round__tab--dyn{--hue: var(--dyn)}.round__tab--space{--hue: var(--space)}.round__tab--char{--hue: var(--char)}.round__tab:hover{color:var(--text)}.round__tab[data-active=true]{color:var(--hue);border-color:color-mix(in srgb,var(--hue) 45%,transparent);background:color-mix(in srgb,var(--hue) 12%,transparent)}.desktop{border:1px solid var(--line);border-radius:var(--radius-well);background:var(--well);padding:var(--s-3)}.desktop__video{display:block;width:100%;height:auto;border-radius:calc(var(--radius-well) - 4px)}.desktop__caption{margin:var(--s-3) 0 0;font-size:var(--t-small);color:var(--faint)}.tr{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--s-3)}.tr-title{font-family:var(--mono);font-weight:500;font-size:1.5rem;letter-spacing:.02em;color:var(--bright)}.tr-section{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-2)}.tr-section__label{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--faint);white-space:nowrap}.tr-section:after{content:"";flex:1;height:1px;background:var(--line)}.tr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--s-3)}.tr-card{--hue: var(--freq);text-align:left;background:var(--raise);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);cursor:pointer;color:inherit;font:inherit;transition:transform var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}.tr-card:hover{transform:translateY(-2px);border-color:var(--hue)}.tr-card--freq{--hue: var(--freq)}.tr-card--dyn{--hue: var(--dyn)}.tr-card--space{--hue: var(--space)}.tr-card--char{--hue: var(--char)}.tr-card__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2)}.tr-card__family{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hue)}.tr-card__level{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--faint)}.tr-card__level b{color:var(--text);font-weight:500}.tr-card__name{font-family:var(--mono);font-weight:500;font-size:1rem;color:var(--bright)}.tr-card__stats{font-family:var(--mono);font-size:var(--t-label);color:var(--dim)}.tr-card__bar{height:4px;border-radius:2px;background:var(--well);overflow:hidden;margin-top:var(--s-1)}.tr-card__bar span{display:block;height:100%;background:var(--hue);transition:width var(--d-move) var(--ease)}.tr-exercise{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.tr-exercise__name{--hue: var(--freq);font-family:var(--mono);font-weight:500;font-size:1.05rem;color:var(--bright);flex:1}.tr-exercise__name--freq{--hue: var(--freq)}.tr-exercise__name--dyn{--hue: var(--dyn)}.tr-exercise__name--space{--hue: var(--space)}.tr-exercise__name--char{--hue: var(--char)}.tr-exercise__level{font-size:var(--t-small);color:var(--dim)}.tr-instructions{color:var(--dim);font-size:var(--t-small);max-width:78ch}.tr-answer{display:flex;flex-direction:column;gap:var(--s-3)}.tr-readout{font-family:var(--mono);font-weight:500;font-size:1.55rem;text-align:center;color:var(--dim);min-height:1.5em;transition:color var(--d-hover) var(--ease)}.tr-readout[data-state=good]{color:var(--good)}.tr-readout[data-state=bad]{color:var(--bad)}.tr-scale{position:relative;height:190px;background:var(--well);border:1px solid var(--line);border-radius:var(--radius-well);cursor:crosshair;overflow:hidden;touch-action:pan-y}.tr-scale__tick{position:absolute;top:0;bottom:26px;width:1px;background:var(--line);opacity:.6}.tr-scale__band{position:absolute;top:0;bottom:26px;background:color-mix(in srgb,var(--accent) 16%,transparent);border-inline:1px solid color-mix(in srgb,var(--accent) 42%,transparent);transition:left var(--d-move) var(--ease),width var(--d-move) var(--ease),background var(--d-move) var(--ease);pointer-events:none}.tr-scale__band[data-state=good]{background:color-mix(in srgb,var(--good) 20%,transparent);border-inline-color:color-mix(in srgb,var(--good) 55%,transparent)}.tr-scale__band[data-state=bad]{background:color-mix(in srgb,var(--bad) 20%,transparent);border-inline-color:color-mix(in srgb,var(--bad) 55%,transparent)}.tr-scale__target{position:absolute;top:0;bottom:26px;width:2px;background:var(--warm);pointer-events:none}.tr-scale__cursor{position:absolute;top:0;bottom:26px;width:2px;background:var(--accent);pointer-events:none}.tr-scale__cursor[data-state=good]{background:var(--good)}.tr-scale__cursor[data-state=bad]{background:var(--bad)}.tr-scale__label{position:absolute;bottom:6px;transform:translate(-50%);font-family:var(--mono);font-size:.7rem;color:var(--faint);white-space:nowrap}.tr-scale__label[data-row="1"]{bottom:22px;opacity:.65}.tr-zones{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-well);overflow:hidden;min-height:190px}.tr-zone{background:var(--well);border:none;color:var(--text);font-family:var(--mono);font-size:var(--t-head);font-weight:700;letter-spacing:.01em;padding:var(--s-4) var(--s-2);cursor:pointer;transition:background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}.tr-zone:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--well))}.tr-zone:disabled{cursor:default}.tr-zone[data-state=good]{background:color-mix(in srgb,var(--good) 30%,var(--well));color:var(--bright)}.tr-zone[data-state=bad]{background:color-mix(in srgb,var(--bad) 30%,var(--well));color:var(--bright)}.tr-verdict{font-family:var(--mono);font-size:var(--t-small);text-align:center;min-height:1.4em;color:var(--dim)}.tr-verdict[data-state=good]{color:var(--good)}.tr-verdict[data-state=bad]{color:var(--bad)}.tr-controls{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;justify-content:space-between}.tr-score{font-size:var(--t-small);color:var(--dim)}.tr-ab{display:flex;gap:var(--s-1)}.tr-btn{font-family:var(--mono);font-size:var(--t-small);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--raise);color:var(--text);cursor:pointer;transition:background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}.tr-btn:hover{background:color-mix(in srgb,var(--raise) 84%,var(--text))}.tr-btn[data-on=true]{background:color-mix(in srgb,var(--accent) 28%,var(--raise));border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--bright)}.tr-btn--primary{background:var(--accent);border-color:transparent;color:var(--ink)}.tr-btn--primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--bright))}.tr-btn--home{padding-inline:var(--s-3)}.tr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:var(--s-3);margin-top:var(--s-2)}.tr-toolbar__note,.tr-toolbar__link{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--faint)}.tr-toolbar__link{color:var(--accent);text-decoration:none}.tr-toolbar__link:hover{text-decoration:underline}.tr-hint{border:1px solid var(--line);border-radius:var(--radius-well);overflow:hidden;background:var(--well);height:150px}.tr-hint__canvas{display:block;width:100%;height:100%}