:root{--font:"Lexend", system-ui, sans-serif;--scale:1;--tracking:.04em;--ink:#141221;--paper:#fff8e7;--paper-2:#fdf0cf;--bg:#16123a;--yellow:#ffd23f;--red:#ff3b4e;--blue:#3a86ff;--green:#2bb673;--purple:#8e5cff;--world:var(--blue);--shadow:5px 5px 0 var(--ink);--task-text:1.35rem;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{font-size:calc(17px * var(--scale));-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);letter-spacing:var(--tracking);color:var(--paper);background-color:var(--bg);-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#ffffff14 1.6px,#0000 1.7px),repeating-conic-gradient(at 50% 0,#ff3b4e2e 0deg 6deg,#0000 6deg 18deg);background-size:16px 16px,100% 100%;background-attachment:fixed;margin:0;line-height:1.5;overflow-x:hidden}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible,.pad-nav :focus{outline:4px solid var(--yellow);outline-offset:3px}.caps{text-transform:uppercase}#root{max-width:960px;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.screen{flex-direction:column;gap:16px;min-height:100dvh;padding-top:12px;animation:.35s fade-in;display:flex}.center-screen{text-align:center;justify-content:center;align-items:center}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.comic-title,.logo{font-family:"Bangers", var(--font);letter-spacing:.05em;color:var(--yellow);text-shadow:3px 3px 0 var(--ink), -1.5px -1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink);margin:0;font-size:2.4rem;font-weight:400;line-height:1.1}.comic-title.huge{font-size:clamp(3rem,12vw,4.8rem);transform:rotate(-3deg)}.section-title{margin:8px 0 4px;font-size:1.15rem}.big-text{max-width:32ch;margin:0;font-size:1.25rem}.small{opacity:.85;font-size:.9rem}.caption-box{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;padding:8px 14px;font-weight:700}.btn{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);min-height:52px;box-shadow:var(--shadow);text-transform:uppercase;border-radius:10px;padding:12px 22px;font-weight:800;transition:transform .1s,box-shadow .1s}.btn:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5}.btn-big{font-family:"Bangers", var(--font);letter-spacing:.08em;min-height:64px;padding:10px 30px;font-size:1.7rem;font-weight:400}.btn-red{background:var(--red);color:#fff;text-shadow:2px 2px 0 var(--ink)}.btn-ghost{color:var(--paper);box-shadow:none;background:#ffffff1f;border-color:#ffffff80}.btn-ghost-dark{color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:10px;min-height:50px;padding:10px 20px;font-weight:800}.btn-small{min-height:40px;box-shadow:2px 2px 0 var(--ink);padding:4px 12px;font-size:.85rem}.icon-btn{border:3px solid var(--ink);background:var(--paper);width:52px;height:52px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.speak-btn{border:3px solid var(--ink);background:var(--yellow);width:44px;height:44px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.15rem;display:grid}.speak-btn.big{width:56px;height:56px;font-size:1.5rem}.title-screen{text-align:center;justify-content:center;align-items:center;gap:18px}.cover{border:5px solid var(--ink);width:100%;max-width:560px;box-shadow:8px 8px 0 var(--ink);background:linear-gradient(160deg,#ff3b4e 0%,#ff8f3f 45%,#ffd23f 100%);padding:12px 14px 16px;position:relative;overflow:hidden;transform:rotate(-1deg)}.cover:before{content:"";pointer-events:none;background:radial-gradient(#00000024 2px,#0000 2.2px) 0 0/12px 12px;position:absolute;inset:0}.cover>*{position:relative}.cover-top{color:var(--ink);justify-content:space-between;font-weight:800;display:flex}.issue{border:3px solid var(--ink);background:#fff;padding:0 8px}.price{background:var(--ink);color:var(--yellow);padding:0 8px}.logo{color:#fff;text-shadow:6px 6px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);justify-content:center;gap:.08em;margin:4px 0;font-size:clamp(4rem,18vw,7.5rem);display:flex;transform:rotate(-4deg)}.logo span:last-child{color:var(--yellow)}.cover-heroes{flex-wrap:wrap;justify-content:center;display:flex}.cover .caption-box{margin-top:6px}.hero-select{text-align:center;align-items:center}.hero-grid{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;display:grid}.hero-card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow);background-image:radial-gradient(#00000012 1.6px,#0000 1.7px);background-size:10px 10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 12px;transition:transform .15s;display:flex}.hero-card strong{font-family:"Bangers", var(--font);letter-spacing:.06em;font-size:1.6rem;font-weight:400}.hero-card small{font-size:.8rem;line-height:1.3}.hero-card.selected{background-color:var(--yellow);box-shadow:0 0 0 5px var(--c), var(--shadow);transform:translateY(-6px)rotate(-1.5deg)scale(1.03)}.hero-detail{text-align:left;background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-left:14px solid var(--c);align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.hero-detail p{margin:4px 0 0}@media (width<=640px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.me-btn{background:#ffffff1a;border:3px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:2px 16px 2px 4px;font-size:1.05rem;font-weight:800;display:flex}.me-btn canvas{background:var(--paper);border:2px solid var(--ink);border-radius:50%}.star-total{color:var(--yellow);font-size:1.1rem;font-weight:800}.map-title{text-align:center}.worlds{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:22px;display:grid}.world-cover{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);container-type:inline-size}.world-cover:nth-child(odd){transform:rotate(-.6deg)}.world-cover:nth-child(2n){transform:rotate(.6deg)}.world-cover.locked{filter:grayscale(.85)brightness(.8)}.wc-head{background:var(--world);border-bottom:5px solid var(--ink);color:#fff;background-image:radial-gradient(#00000026 2px,#0000 2.2px);background-size:11px 11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.wc-issue{color:var(--ink);border:3px solid var(--ink);font-family:"Bangers", var(--font);background:#fff;padding:0 8px;font-size:1.5rem;transform:rotate(-6deg)}.wc-title{flex:1}.wc-title h2{font-family:"Bangers", var(--font);letter-spacing:.06em;text-shadow:3px 3px 0 var(--ink);margin:0;font-size:2rem;font-weight:400;line-height:1}.wc-title p{text-shadow:1px 1px 0 var(--ink);margin:2px 0 0;font-size:.9rem;font-weight:700}.world-cover.beaten .wc-title h2:after{content:" ✔"}.wc-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid}.panel-btn{border:3px solid var(--ink);min-height:118px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;display:flex;position:relative}.panel-btn:not(:disabled):hover{transform:translateY(-2px)rotate(-1deg)}.panel-btn:disabled{opacity:.45;box-shadow:none}@container (width<=600px){.wc-body{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-btn{min-height:100px}}.panel-num{background:var(--world);color:#fff;border:3px solid var(--ink);width:42px;height:42px;font-family:"Bangers", var(--font);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.panel-label{text-align:center;max-width:100%;font-size:.78rem;font-weight:700;line-height:1.2}.boss-panel{background:#ffe3e3}.boss-panel.won{background:#dcffe8}.power-earned{font-size:1.6rem;position:absolute;top:-12px;right:-8px}.wc-locked{align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:flex}@media (width<=460px){.wc-body{grid-template-columns:repeat(2,minmax(0,1fr))}}.stars{gap:2px;display:inline-flex}.star{color:#c9c2b0;-webkit-text-stroke:1.5px var(--ink)}.star.on{color:var(--yellow)}.stars-sm{font-size:1rem}.stars-md{font-size:1.8rem}.stars-lg{font-size:4.5rem;line-height:1}.stars-lg .star.on{animation:.5s both star-pop}.game-screen{-webkit-user-select:none;user-select:none;touch-action:none;background:#000;position:fixed;inset:0;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-stats{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.hud-hearts,.hud-crystals{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;padding:2px 8px;font-size:1.05rem;font-weight:800}.hud-hearts span{color:#c9c2b0}.hud-hearts span.on{color:var(--red)}.hud-shield{margin-left:4px}.hud-pause{border:3px solid var(--ink);background:var(--paper);width:48px;height:48px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);flex-shrink:0;margin-left:auto;font-weight:800}.caption{background:var(--yellow);max-width:680px;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);flex:1;align-items:center;gap:10px;margin:0 auto;padding:6px 12px 6px 6px;animation:.35s drop-in;display:flex}.caption-body{min-width:0}.caption-prompt{font-weight:800;font-size:var(--task-text);margin:0;line-height:1.3}.caption-extra{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.caption-extra:empty{display:none}.caption-emoji{font-size:2rem;line-height:1.1}.caption-display{border:2px solid var(--ink);background:#fff;padding:0 8px;font-size:1.15rem;font-weight:700}.caption-gap{gap:3px;display:flex}.caption-gap span{text-align:center;border:2px solid var(--ink);background:#fff;width:1.4em;font-size:1.4rem;font-weight:800}.caption-gap span.blank{background:var(--ink);color:var(--yellow)}.hunt-slots{flex-wrap:wrap;gap:4px;display:flex}.hunt-slots span{border:2px dashed var(--ink);background:#fff9;place-items:center;min-width:1.6em;height:1.8em;padding:0 4px;font-size:1.25rem;font-weight:800;display:grid}.hunt-slots.words span{padding:0 8px;font-size:1rem}.hunt-slots span.got{background:var(--green);color:#fff;border-style:solid;animation:.3s pop}.hunt-slots span.next{background:#fff;border-style:solid;border-width:3px}.smash-left{background:var(--red);color:#fff;border:2px solid var(--ink);padding:0 10px;font-weight:800}.boss-bar{top:calc(max(8px, env(safe-area-inset-top)) + 58px);right:max(10px, env(safe-area-inset-right));width:min(260px,32vw);font-family:"Bangers", var(--font);color:#fff;text-shadow:2px 2px 0 var(--ink);letter-spacing:.08em;pointer-events:none;flex-direction:column;align-items:center;font-size:1.3rem;display:flex;position:absolute}.boss-bar-track{border:3px solid var(--ink);background:#fff;width:100%;height:18px;overflow:hidden}.boss-bar-track div{background:linear-gradient(#ff7a8a,#e63946);height:100%;transition:width .4s}.key-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#141221bf;margin:0;padding:4px 12px;font-size:.85rem;animation:1s 10s forwards fade-out;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.touch-controls{padding:0 max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.tc-left,.tc-right{pointer-events:auto;align-items:flex-end;gap:10px;display:flex}.tc-btn{border:3px solid var(--ink);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff8e7b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:flex;box-shadow:3px 3px #14122199}.tc-btn small{margin-top:2px;font-size:.6rem;font-weight:800}.tc-btn:active{background:var(--yellow);transform:scale(.92)}.tc-dir{width:74px;height:74px}.tc-jump{background:#ffd23fcc;width:92px;height:92px}.tc-punch{color:#fff;background:#ff3b4ecc;width:76px;height:76px}.tc-special{color:#fff;background:#8e5cffcc;width:64px;height:64px;margin-bottom:30px}.overlay{z-index:10;background:#0a081e99;place-items:center;padding:16px;animation:.25s fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}.comic-panel{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;padding:18px;display:flex}.pause-panel{max-width:340px}.pause-panel .comic-title{font-size:3rem}.reading-panel{align-items:stretch}.reading-question{font-weight:800;font-size:var(--task-text);margin:0}.comic-page{border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);width:100%;max-width:720px;color:var(--ink);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:12px;animation:.4s pop;display:flex}.comic-page .caption-box.top{font-family:"Bangers", var(--font);letter-spacing:.06em;align-self:flex-start;font-size:1.5rem;font-weight:400;transform:rotate(-1deg)}.comic-page .caption-box.how{align-self:stretch;font-weight:600}.panels{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.panel{border:4px solid var(--ink);background:var(--c);background-image:radial-gradient(#ffffff40 2px,#0000 2.2px),repeating-conic-gradient(at 50% 70%,#ffffff2e 0deg 8deg,#0000 8deg 20deg);background-size:12px 12px,100% 100%;flex-direction:column;justify-content:flex-end;align-items:center;min-height:250px;padding:10px;display:flex;position:relative}.panel.villain{transform:skewY(-1deg)}.bubble{border:3px solid var(--ink);text-align:left;background:#fff;border-radius:18px;margin-bottom:14px;padding:8px 12px;font-size:.95rem;font-weight:700;line-height:1.35;position:relative}.bubble:after{content:"";border:9px solid #0000;border-top:12px solid var(--ink);position:absolute;bottom:-14px;left:40%}.panel-name{font-family:"Bangers", var(--font);letter-spacing:.06em;color:#fff;text-shadow:2px 2px 0 var(--ink);font-size:1.4rem}@media (width<=520px){.panels{grid-template-columns:1fr}.panel{min-height:0}}@media (height<=500px){:root{--task-text:1.05rem}.caption-emoji{font-size:1.5rem}.hud-hearts,.hud-crystals{font-size:.9rem}.tc-dir{width:64px;height:64px}.tc-jump{width:78px;height:78px}.tc-punch{width:66px;height:66px}.tc-special{width:56px;height:56px}}.passage{border:3px solid var(--ink);background:#fff;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.passage p{word-spacing:.12em;max-width:40ch;margin:0;font-size:1.3rem;line-height:1.9}.passage .hl{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow);border-radius:4px}.passage .btn-ghost{background:var(--paper-2);color:var(--ink);border-color:var(--ink)}.power-card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow);text-align:left;align-items:center;gap:14px;width:100%;max-width:480px;padding:12px 16px;display:flex}.power-card small{color:var(--red);letter-spacing:.1em;font-weight:800}.power-card strong{font-size:1.2rem;display:block}.power-card p{margin:2px 0 0}.power-card.locked{opacity:.6}.power-big{flex-shrink:0;font-size:2.8rem}.power-list{gap:12px;display:grid}.boss-teaser{flex-direction:column;align-items:center;display:flex}.boss-teaser p{margin:0;font-size:1.15rem}.win-screen{gap:14px}.transform.revealed canvas{animation:1s power-up}.megahero-badge{font-family:"Bangers", var(--font);color:var(--yellow);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:2rem}.pop{animation:.5s both pop}.play-header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.play-title{text-align:center;flex-direction:column;align-items:center;font-size:1.1rem;display:flex}.profile-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.profile-top p{max-width:34ch;margin:4px 0}.card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow);padding:16px 18px}.settings-screen .card{flex-direction:column;gap:12px;display:flex}.settings-screen .card .section-title{margin:0}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.setting-label{font-weight:600}.seg{border:3px solid var(--ink);border-radius:999px;display:flex;overflow:hidden}.seg button{color:var(--ink);background:#fff;border:0;min-height:46px;padding:8px 14px;font-weight:600}.seg button+button{border-left:3px solid var(--ink)}.seg button.on{background:var(--yellow);font-weight:800}.preview-text{border:2px dashed var(--ink);background:#fff;border-radius:10px;margin:0;padding:10px 14px;font-size:1.3rem}.warn{background:#ffe1e1;border-radius:10px;margin:0;padding:8px 12px}.confetti{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.center-screen>:not(.confetti){z-index:1;position:relative}.confetti i{border-radius:2px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes drop-in{0%{opacity:0;transform:translateY(-30px)rotate(-2deg)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes star-pop{0%{transform:scale(0)rotate(-90deg)}70%{transform:scale(1.3)rotate(10deg)}to{transform:scale(1)}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@keyframes power-up{0%{filter:brightness()}30%{filter:brightness(3)drop-shadow(0 0 30px #fff6a8);transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-card-new{border-style:dashed;justify-content:center}.hero-card-plus{font-size:3rem;line-height:1.4}.hero-editor{align-items:center}.editor{grid-template-columns:210px 1fr;align-items:start;gap:16px;width:100%;display:grid}.editor-preview,.editor-options{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:var(--shadow)}.editor-preview{background-image:radial-gradient(#00000012 1.6px,#0000 1.7px);background-size:10px 10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex;position:sticky;top:8px}.editor-name{font-family:"Bangers", var(--font);letter-spacing:.06em;font-size:1.9rem;font-weight:400}.editor-options{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.editor-section h2{margin:0 0 6px;font-size:1rem}.opts{flex-wrap:wrap;gap:8px;display:flex}.chip{border:3px solid var(--ink);color:var(--ink);font:700 .95rem var(--font);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;padding:6px 12px}.chip.on{background:var(--yellow)}.chip.emblem{padding:4px 12px;font-size:1.3rem}.swatch{border:3px solid var(--ink);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);color:#6c757d;border-radius:50%;font-weight:800}.swatch.none{background:repeating-linear-gradient(45deg,#fff 0 6px,#e9ecef 6px 12px)}.swatch.on,.hair-opt.on,.chip:focus-visible,.swatch:focus-visible,.hair-opt:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.hair-opt{border:3px solid var(--ink);width:64px;height:62px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:10px;justify-content:center;padding:0;display:flex;overflow:hidden}.hair-opt.on{background:var(--yellow)}.hair-opt canvas{flex-shrink:0;margin-top:2px}@media (width<=640px){.editor{grid-template-columns:1fr}.editor-preview{position:static}}.type-panel{gap:12px;max-width:760px}.type-head{align-self:stretch;align-items:center;gap:12px;display:flex}.type-emoji{font-size:2.6rem;line-height:1}.type-prompt{font-weight:800;font-size:var(--task-text);margin:0}.type-slots{justify-content:center;gap:8px;display:flex}.type-slots>span{border-bottom:5px solid var(--ink);place-items:center;width:2.6rem;height:3.2rem;font-size:2.2rem;font-weight:800;line-height:1;display:grid}.type-slots.caps>span{text-transform:uppercase}.type-slots .given{color:#6c757d}.type-slots .got{color:var(--green);border-color:var(--green)}.type-slots .next{border-color:var(--blue);background:#3a86ff24;border-radius:8px 8px 0 0}.type-slots .hint{opacity:.3}.type-keys{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.type-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.type-key{min-width:3rem;height:3.2rem;font:800 1.6rem var(--font);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);touch-action:manipulation;background:#fff;border-radius:10px;padding:0 6px}.type-key:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.type-key.hinted{background:var(--yellow)}.type-key:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.type-tip{opacity:.7;margin:0;font-size:.85rem}.rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait) and (width<=600px){.rotate-hint{z-index:1000;text-align:center;color:#fff;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.rotate-phone{font-size:6rem;line-height:1;animation:2.4s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}@media (orientation:landscape) and (height<=500px){.screen{gap:8px;padding-top:6px}.comic-title{font-size:1.8rem}.comic-title.huge{font-size:2.6rem}.title-screen{gap:8px}.title-screen .btn-big{padding-top:6px;padding-bottom:6px}.cover{max-width:460px;padding:6px 10px 8px}.logo{margin:0;font-size:2.8rem}.cover-heroes canvas{width:48px!important;height:auto!important}.cover .caption-box{padding:4px 8px;font-size:.85rem}.hero-card{padding:4px 4px 6px}.hero-card canvas{width:64px!important;height:auto!important}.hero-card strong{font-size:1.2rem}.hero-card small{font-size:.7rem}.center-screen canvas{width:80px!important;height:auto!important}.big-text{font-size:1rem}.overlay{padding:8px}.comic-page{gap:8px;padding:8px}.comic-page .caption-box.top{padding:2px 8px;font-size:1rem}.comic-page .caption-box.how{padding:4px 8px;font-size:.8rem}.comic-page .btn-big{padding-top:4px;padding-bottom:4px}.panel{min-height:0;padding:4px 6px}.panel canvas{width:52px!important;height:auto!important}.panel-name{font-size:1rem}.bubble{margin-bottom:8px;padding:4px 8px;font-size:.78rem;line-height:1.25}.type-panel{gap:6px;padding:8px 10px}.type-emoji{font-size:1.8rem}.type-slots>span{width:2rem;height:2.4rem;font-size:1.6rem}.type-key{min-width:2.6rem;height:2.5rem;font-size:1.3rem}.hero-editor .comic-title{display:none}.editor{grid-template-columns:150px 1fr;gap:10px}.editor-preview canvas{width:110px!important;height:auto!important}.editor-name{font-size:1.3rem}.editor-options{max-height:calc(100dvh - 90px);padding:8px 10px;overflow-y:auto}.swatch{width:34px;height:34px}}