@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2) format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2) format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-thai-400-normal-DKy7VkUm.woff2) format("woff2"),url(/assets/itim-thai-400-normal-C0PXx-HY.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-vietnamese-400-normal-eIQO41Tw.woff2) format("woff2"),url(/assets/itim-vietnamese-400-normal-FNHP2OlI.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-latin-ext-400-normal-ZDRlYXzj.woff2) format("woff2"),url(/assets/itim-latin-ext-400-normal-DfOkhDmG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-latin-400-normal-BIupJmNi.woff2) format("woff2"),url(/assets/itim-latin-400-normal-Ctmd8gNE.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #fbf8ee;--paper-2: #f4efdf;--paper-edge: #e6dfc8;--line: #a9c6e8;--margin: #e88a8a;--ink: #3b3b3b;--ink-soft: #6b6b6b;--ink-faint: #9a9a9a;--red: #e4572e;--orange: #f3a712;--yellow: #f6d55c;--green: #6ab04c;--teal: #3caea3;--blue: #2e86de;--purple: #8e5bd6;--pink: #ff8fab;--sticky-yellow: #fff1a1;--sticky-pink: #ffd3df;--sticky-blue: #d5ebff;--sticky-green: #dcf3c8;--sticky-orange: #ffe0b5;--sticky-purple: #e8dcff;--desk-1: #8a5a3b;--desk-2: #7a4e33;--shadow: rgba(40, 30, 20, .22);--lh: 32px;--font-title: "Gochi Hand", "Itim", "Comic Sans MS", cursive;--font-body: "Patrick Hand", "Itim", "Comic Sans MS", cursive;--wobbly: 255px 18px 225px 18px / 18px 225px 18px 255px;--wobbly-2: 18px 225px 18px 255px / 255px 18px 225px 18px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10' viewBox='0 0 120 10'%3E%3Cpath d='M2 6 C 20 2, 30 9, 50 5 S 80 2, 96 6 S 112 8, 118 4' fill='none' stroke='%23e4572e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--desk-1);color:var(--ink);font-family:var(--font-body);font-size:18px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}html[lang=th]{--font-title: "Itim", "Gochi Hand", cursive;--font-body: "Itim", "Patrick Hand", cursive}html[lang=th] body{font-size:17px;line-height:1.5}html[lang=th] .page-heading,html[lang=th] .section-title,html[lang=th] .sketch-btn{line-height:1.35}html[lang=th] .logo-line{font-family:Gochi Hand,Patrick Hand,cursive}:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#desk{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,220,170,.16),transparent 60%),repeating-linear-gradient(92deg,rgba(0,0,0,.05) 0 2px,transparent 2px 22px),repeating-linear-gradient(88deg,rgba(255,255,255,.03) 0 1px,transparent 1px 9px),linear-gradient(180deg,var(--desk-1),var(--desk-2))}#ui-layer{position:fixed;inset:0;z-index:1;perspective:2200px;perspective-origin:0% 50%}#game-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#overlay-layer{position:fixed;inset:0;z-index:3;pointer-events:none}#overlay-layer>*{pointer-events:auto}.boot{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:var(--paper)}.boot-text{font-family:var(--font-title);font-size:2rem;animation:wiggle 1s ease-in-out infinite}.boot-error{max-width:480px;margin:16px}.scene{position:absolute;inset:10px;overflow:hidden;transform-origin:0% 50%;backface-visibility:hidden;will-change:auto}.page,.paper-card{background-color:var(--paper);background-image:var(--grain),linear-gradient(90deg,transparent 0 var(--ml, 64px),var(--margin) var(--ml, 64px) calc(var(--ml, 64px) + 2px),transparent calc(var(--ml, 64px) + 2px)),repeating-linear-gradient(180deg,transparent 0 calc(var(--lh) - 1px),var(--line) calc(var(--lh) - 1px) var(--lh));background-position:0 0,0 0,0 calc(var(--lh) * 2)}.paper-card{--ml: 22px;--lh: 28px;border:2px solid var(--ink);border-radius:var(--wobbly);padding:14px 16px 16px calc(var(--ml) + 12px);box-shadow:4px 5px 0 var(--shadow)}.scene.page{border-radius:6px 14px 14px 6px;box-shadow:0 0 0 1px var(--paper-edge),6px 8px 0 -2px #ebe4cf,12px 14px 30px #00000059;padding:18px 24px 18px 86px;overflow-y:auto;overscroll-behavior:contain}.spiral{position:absolute;left:14px;top:0;bottom:0;width:26px;background:radial-gradient(circle at 13px 22px,#6d5a4a 0 6px,#3a2e25 6px 7px,transparent 7.5px) 0 0 / 26px 48px repeat-y;opacity:.85;pointer-events:none}.eraser-mark{position:absolute;width:180px;height:46px;border-radius:50%;background:radial-gradient(ellipse,rgba(160,150,140,.18),transparent 70%);transform:rotate(-8deg);pointer-events:none}.eraser-mark.small{width:110px;height:30px;transform:rotate(12deg)}.page-heading{font-family:var(--font-title);font-weight:400;font-size:clamp(1.7rem,3.2vw,2.5rem);margin:0;line-height:1.1;position:relative;display:inline-block}.page-heading:after{content:"";position:absolute;left:-4px;right:-8px;bottom:-8px;height:10px;background:var(--squiggle) left center / 100% 100% no-repeat;transform-origin:left;animation:underline-draw .7s .2s cubic-bezier(.6,0,.3,1) both}.page-sub,.hand-hint{color:var(--ink-soft);margin:4px 0;font-size:.95rem}.hand-hint{font-style:italic}.page-header{margin-bottom:14px}.section-title{font-family:var(--font-title);font-weight:400;font-size:1.4rem;margin:22px 0 8px;display:inline-block;background:linear-gradient(transparent 60%,rgba(246,213,92,.55) 60% 88%,transparent 88%);padding:0 6px}.sticky-note{--note: var(--sticky-yellow);background:linear-gradient(170deg,var(--note) 70%,color-mix(in srgb,var(--note) 88%,#a07a00));padding:14px 16px;box-shadow:2px 6px 10px #0000002e;transform:rotate(-1.2deg);position:relative;border-radius:2px 2px 14px/2px 2px 26px}.sticky-note:before,.taped:before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:22px;transform:translate(-50%) rotate(2deg);background:#ffffff8c;border-left:2px dotted rgba(0,0,0,.06);border-right:2px dotted rgba(0,0,0,.06);box-shadow:0 1px 2px #00000014;pointer-events:none}.taped{position:relative}.sticky-note.pink{--note: var(--sticky-pink);transform:rotate(1deg)}.sticky-note.blue{--note: var(--sticky-blue);transform:rotate(-.6deg)}.sticky-note.green{--note: var(--sticky-green);transform:rotate(.8deg)}.sticky-note h2,.sticky-note h3,.paper-card h2,.paper-card h3{font-family:var(--font-title);font-weight:400;margin:0 0 8px}.tape-label{display:inline-block;font-family:var(--font-title);font-size:clamp(1rem,2vw,1.4rem);padding:4px 18px;background:#fff1a1d9;transform:rotate(-2deg);box-shadow:1px 2px 3px #00000026}.stamp{display:inline-block;font-family:var(--font-title);color:var(--ink);border:2.5px solid currentColor;border-radius:6px;padding:0 8px;transform:rotate(-8deg);font-size:.9rem;opacity:.85;letter-spacing:1px}.stamp.red{color:var(--red)}.stamp.blue{color:var(--blue)}.stamp.small{font-size:.7rem;padding:0 5px}.sketch-btn{--bg: var(--paper);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 22px;font-family:var(--font-title);font-size:1.25rem;line-height:1.1;background:var(--bg);border:2.5px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 4px 0 var(--ink);cursor:pointer;transform:rotate(-.6deg);transition:transform .14s ease,box-shadow .14s ease,background-color .2s;touch-action:manipulation;user-select:none}.sketch-btn:nth-child(2n){border-radius:var(--wobbly-2);transform:rotate(.5deg)}.sketch-btn .label{position:relative}.sketch-btn .label:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:7px;background:var(--squiggle) left center / 100% 100% no-repeat;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.6,0,.3,1)}.sketch-btn:hover:not(:disabled){transform:rotate(.8deg) translateY(-2px);box-shadow:4px 6px 0 var(--ink)}.sketch-btn:hover:not(:disabled) .label:after,.sketch-btn:focus-visible .label:after{transform:scaleX(1)}.sketch-btn:active:not(:disabled){transform:translate(2px,3px) rotate(0) scale(.98);box-shadow:1px 1px 0 var(--ink)}.sketch-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:2px 2px 0 var(--ink-faint);border-style:dashed}.sketch-btn.primary{font-size:1.45rem;min-height:54px}.sketch-btn.small{min-height:34px;padding:3px 12px;font-size:1rem;box-shadow:2px 3px 0 var(--ink)}.sketch-btn.ghost{--bg: transparent;box-shadow:none;border-style:dashed}.sketch-btn.danger{--bg: var(--sticky-pink);border-color:#a8323a;color:#8a222a;box-shadow:2px 3px #a8323a}.sketch-btn.c-yellow{--bg: var(--yellow)}.sketch-btn.c-pink{--bg: var(--pink)}.sketch-btn.c-blue{--bg: #8ec2f3}.sketch-btn.c-green{--bg: #a9dc8a}.btn-badge{position:absolute;top:-12px;right:-10px;font-family:var(--font-body);font-size:.7rem;background:var(--paper);border:1.5px solid var(--ink);border-radius:10px;padding:0 6px;transform:rotate(6deg)}.field{display:grid;gap:4px;margin:10px 0}.field>span:first-child{font-family:var(--font-title);font-size:1.05rem}.hand-input,.hand-select{background:transparent;border:none;border-bottom:2.5px solid var(--ink);border-radius:0 0 6px 10px;padding:4px 6px;font-family:var(--font-body);font-size:1.15rem;min-height:38px;max-width:100%}.hand-select{border:2px solid var(--ink);border-radius:var(--wobbly);background:#ffffff8c;cursor:pointer}.hand-input.big{font-family:var(--font-title);font-size:1.6rem}.hand-input.code{font-family:var(--font-title);letter-spacing:6px;text-transform:uppercase;width:8.5em}.hand-input.num{width:4.2em;text-align:center}.hand-input:focus,.hand-select:focus{outline:none;background:#f6d55c40}.hand-range{accent-color:var(--ink);width:100%}.check-field{display:flex;gap:10px;align-items:center;margin:10px 0;cursor:pointer}.check-field input{width:22px;height:22px;accent-color:var(--green)}.meter{position:relative;height:18px;min-width:80px;flex:1;border:2px solid var(--ink);border-radius:10px 4px 12px 5px;background:#fff9;overflow:hidden}.meter-fill{height:100%;background:repeating-linear-gradient(-55deg,rgba(0,0,0,.13) 0 2px,transparent 2px 6px),var(--fill, var(--blue));transition:width .45s cubic-bezier(.3,.8,.3,1)}.meter-hp{--fill: var(--green);height:22px}.fighter-card.low .meter-hp{--fill: var(--red);animation:wiggle .6s ease-in-out infinite}.meter-exp{--fill: var(--yellow)}.meter-budget{--fill: var(--teal)}.meter-budget.over{--fill: var(--red)}.meter-stat{--fill: var(--purple);height:14px}.meter-label{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;line-height:1}.stat-chip{display:inline-block;font-size:.85rem;padding:0 6px;margin:2px 4px 2px 0;border:1.5px solid var(--ink-soft);border-radius:9px 4px;background:#fff9}.toast{position:fixed;left:50%;bottom:24px;max-width:min(520px,calc(100vw - 32px));transform:translate(-50%) rotate(-1deg);font-size:1.1rem;animation:note-in .35s cubic-bezier(.2,1.4,.4,1) both;z-index:10}.toast.error{--note: var(--sticky-pink)}.toast.success{--note: var(--sticky-green)}.toast.leaving{opacity:0;transform:translate(-50%) translateY(20px) rotate(3deg);transition:.5s}.invite-card{position:fixed;top:16px;right:16px;max-width:min(340px,calc(100vw - 32px));transform:rotate(1.5deg);font-size:1.1rem;animation:note-in .35s cubic-bezier(.2,1.4,.4,1) both;z-index:11}.invite-card p{margin:0 0 8px}.invite-card .row-actions{gap:8px}.modal-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#3c2d1e59;animation:fade-in .2s both;z-index:8}.modal-wrap.leaving{opacity:0;transition:opacity .18s}.modal-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;animation:note-in .32s cubic-bezier(.2,1.3,.4,1) both}.modal-title{font-size:1.8rem}.modal-actions,.row-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;margin-top:14px}.row-actions{justify-content:flex-start}.share-code{font-family:var(--font-title);font-size:3rem;letter-spacing:10px;text-align:center;margin:6px 0}.notebook-cover{position:fixed;inset:10px;z-index:6;transform-origin:0% 50%;border-radius:8px 18px 18px 8px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.07),transparent 40%),repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 7px),linear-gradient(135deg,#2f5d9b,#24497d);box-shadow:inset 0 0 0 3px #00000040,10px 12px 30px #0006;display:grid;place-items:center;backface-visibility:hidden}.notebook-cover .cover-label{background:var(--paper);padding:18px 32px;border:2px solid var(--ink);border-radius:6px;transform:rotate(-2deg);text-align:center;box-shadow:3px 4px #0000004d}.cover-title{display:block;font-family:var(--font-title);font-size:clamp(2rem,5vw,3.6rem)}.cover-sub{display:block;color:var(--ink-soft)}.cover-elastic{position:absolute;right:60px;top:0;bottom:0;width:14px;background:#1a1a1a}.notebook-cover.closing{animation:cover-close .55s cubic-bezier(.5,0,.6,1) both}.notebook-cover.opening{animation:cover-open .85s .12s cubic-bezier(.4,0,.2,1) both}.page-turn-out{z-index:3;animation:page-turn-out .75s cubic-bezier(.45,.05,.35,1) both}.page-turn-in{z-index:3;animation:page-turn-in .75s cubic-bezier(.45,.05,.35,1) both}.page-turn-out:after,.page-turn-in:after,.flip-sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%,rgba(255,255,255,.3) 80%,transparent);animation:flip-shade .75s ease both}.page-under{z-index:1}.fade-in{animation:fade-in .25s both}.fade-out{animation:fade-out .2s both}.scene-menu{display:grid;grid-template-columns:1fr minmax(260px,340px);grid-template-rows:auto 1fr auto;grid-template-areas:"logo logo" "stage menu" "foot foot";gap:8px 28px}.logo-wrap{grid-area:logo;text-align:center;position:relative}.logo{margin:0;line-height:0}.logo-svg{width:min(760px,92%);height:auto;overflow:visible}.logo-line{font-family:var(--font-title);font-size:118px;stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;fill:url(#crayon-hatch);stroke-dasharray:900;stroke-dashoffset:900;fill-opacity:0;animation:sketch-stroke 1.6s .25s ease-out forwards,crayon-fill .6s 1.4s ease-out forwards}.logo-line.l2{fill:url(#crayon-hatch-2);animation-delay:.6s,1.8s}.logo-underline{fill:none;stroke:var(--red);stroke-width:6;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:sketch-stroke .6s 2.1s ease-out forwards}.logo-wrap .tape-label{margin-top:4px}.menu-stage{grid-area:stage;display:flex;align-items:flex-end;justify-content:space-around;min-height:220px;position:relative}.stage-anchor{width:min(36%,300px);max-width:42%;aspect-ratio:1;max-height:100%}.hero-anchor,.monster-anchor{height:min(42vh,300px);width:min(42vh,300px)}.vs-doodle{font-family:var(--font-title);font-size:3rem;color:var(--red);transform:rotate(-12deg);align-self:center;text-shadow:2px 2px 0 var(--paper),4px 4px 0 rgba(0,0,0,.12)}.vs-doodle.small{font-size:1.8rem}.menu-buttons{grid-area:menu;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:stretch}.menu-buttons .sketch-btn{animation:note-in .45s cubic-bezier(.2,1.3,.4,1) both}.menu-buttons .sketch-btn:nth-child(1){animation-delay:.9s}.menu-buttons .sketch-btn:nth-child(2){animation-delay:1s}.menu-buttons .sketch-btn:nth-child(3){animation-delay:1.1s}.menu-buttons .sketch-btn:nth-child(4){animation-delay:1.2s}.menu-buttons .sketch-btn:nth-child(5){animation-delay:1.3s;align-self:center}.hand-hint{margin:0}.scene-menu>.hand-hint{position:absolute;right:360px;top:52%;font-family:var(--font-title);font-size:1.4rem;color:var(--red);transform:rotate(-6deg);font-style:normal;animation:wiggle 2.4s ease-in-out infinite}.menu-footer{grid-area:foot;display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:var(--ink-soft);flex-wrap:wrap}.server-status.ok:before,.server-status.off:before{content:"●";margin-right:6px}.server-status.ok:before{color:var(--green)}.server-status.off:before{color:var(--orange)}.scribbled-note{position:absolute;top:18px;right:28px;transform:rotate(4deg);color:var(--ink-soft);font-size:.95rem;max-width:220px}.margin-doodles .doodle-svg{position:absolute;width:46px;height:46px;opacity:.8;pointer-events:none}.margin-doodles .d1{left:26px;top:120px;animation:float 6s ease-in-out infinite}.margin-doodles .d2{right:6%;top:20%;width:60px;height:60px;animation:spin-slow 30s linear infinite}.margin-doodles .d3{left:30px;bottom:120px;animation:float 5s 1s ease-in-out infinite}.margin-doodles .d4{left:46%;bottom:70px;transform:rotate(20deg)}.margin-doodles .d5{left:22%;top:24px;width:70px;animation:float 8s ease-in-out infinite}.scene-notebook{display:flex;flex-direction:column;gap:8px}.nb-topbar{display:flex;align-items:center;gap:14px;padding:6px 8px 2px;color:var(--paper)}.nb-topbar .sketch-btn.ghost{color:var(--paper);border-color:var(--paper)}.nb-title{font-family:var(--font-title);font-size:1.6rem;flex:1;text-shadow:1px 2px 0 rgba(0,0,0,.3)}.coin-counter{font-family:var(--font-title);font-size:1.3rem;padding:4px 14px;color:var(--ink)}.coin-counter:before{display:none}.coin{display:inline-block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe68a,var(--orange));border:2px solid var(--ink);vertical-align:-3px}.spread{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,.85fr) 18px minmax(0,1.25fr) 44px;position:relative;filter:drop-shadow(10px 14px 18px rgba(0,0,0,.35))}.spread>.page{overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 24px;position:relative}.left-page{--ml: 40px;border-radius:10px 2px 2px 10px;padding-left:52px!important;background-color:var(--paper-2)!important}.right-page{--ml: 44px;border-radius:2px 10px 10px 2px;perspective:1800px;perspective-origin:0% 50%;overflow:hidden!important;padding:0!important}.right-page>.page-content{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 28px 58px}.spine{background:linear-gradient(90deg,#00000038,#0000000a 45%,#0000002e);background-color:var(--paper-2)}.flip-sheet{position:absolute!important;inset:0;z-index:4;overflow:hidden!important;transform-origin:0% 50%;backface-visibility:hidden;border-radius:2px 10px 10px 2px;padding:0!important}.flip-sheet>.page-content{position:absolute;inset:0;overflow:hidden;padding:18px 20px 28px 58px}.flip-sheet.turn-forward{animation:page-turn-out .62s cubic-bezier(.45,.05,.35,1) both}.flip-sheet.turn-back{animation:page-turn-in .62s cubic-bezier(.45,.05,.35,1) both}.paper-tabs{display:flex;flex-direction:column;gap:4px;padding:14px 0 10px;min-height:0}.paper-tab{--tab: var(--sticky-yellow);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-title);font-size:1.05rem;padding:10px 6px;min-height:0;flex:0 1 auto;overflow:hidden;border:2px solid var(--ink);border-left:none;border-radius:0 12px 12px 0;background:var(--tab);cursor:pointer;transform:translate(-6px);transition:transform .18s ease;box-shadow:2px 2px #0003}.paper-tab:hover{transform:translate(0)}.paper-tab.active{transform:translate(-2px);z-index:2;font-weight:700;box-shadow:3px 3px #0000004d;margin-left:-4px;padding-right:10px}.paper-tab.c-pink{--tab: var(--sticky-pink)}.paper-tab.c-blue{--tab: var(--sticky-blue)}.paper-tab.c-green{--tab: var(--sticky-green)}.paper-tab.c-orange{--tab: var(--sticky-orange)}.paper-tab.c-purple{--tab: var(--sticky-purple)}.paper-tab.c-paper{--tab: var(--paper)}.compact-only{display:none}.hero-panel{display:flex;flex-direction:column;gap:10px}.hero-head{display:flex;gap:12px;align-items:center}.level-badge{width:58px;height:58px;flex:none;display:grid;place-content:center;text-align:center;font-family:var(--font-title);font-size:1.6rem;line-height:.9;border:3px solid var(--ink);border-radius:48% 52% 46% 54%/55% 45%;background:var(--yellow);transform:rotate(-6deg)}.level-badge small{font-size:.8rem}.hero-name{font-family:var(--font-title);font-weight:400;margin:0;font-size:1.9rem;line-height:1}.hero-class{margin:0;font-family:var(--font-title)}.portrait-frame{align-self:center;width:min(100%,240px);aspect-ratio:1;padding:10px;background:#fffdf7;border:1.5px solid var(--paper-edge);box-shadow:3px 5px 10px #0000002e;transform:rotate(1.5deg)}.portrait-anchor{width:100%;height:100%;background:radial-gradient(ellipse at 50% 85%,rgba(0,0,0,.05),transparent 60%)}.exp-row,.budget-row,.hp-row{display:flex;align-items:center;gap:10px}.exp-row>span,.budget-row>span:first-child{font-family:var(--font-title)}.points-note{margin:0;text-align:center;font-family:var(--font-title);animation:wiggle 1.6s ease-in-out infinite}.stat-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stat-row{display:grid;grid-template-columns:52px 1fr 40px auto;gap:8px;align-items:center}.stat-name{font-family:var(--font-title)}.stat-value{text-align:right;font-family:var(--font-title);font-size:1.15rem}.skill-box{border-left:4px solid var(--purple);padding:2px 10px}.skill-box p{margin:2px 0}.equip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.equip-slot{display:flex;flex-direction:column;gap:2px;padding:8px;border:2px dashed var(--ink-soft);border-radius:var(--wobbly);background:#ffffff80;cursor:pointer;text-align:center;min-height:62px}.equip-slot.filled{border-style:solid;background:var(--sticky-blue)}.slot-label{font-family:var(--font-title);font-size:.85rem;color:var(--ink-soft);text-transform:capitalize}.slot-item{font-size:.95rem}.equip-slot.big{cursor:default;min-height:110px;justify-content:center;align-items:center}.slot-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.power-line{color:var(--ink-soft);font-size:.9rem;margin:0}.empty-frame{border:2.5px dashed var(--ink-soft);border-radius:var(--wobbly);padding:30px 12px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card-grid.classes{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.doodle-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 10px;background:#ffffffb8;border:2px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 4px 0 var(--shadow);transition:transform .15s ease}.doodle-card:nth-child(odd){border-radius:var(--wobbly-2)}.doodle-card:hover{transform:rotate(-.8deg) translateY(-2px)}button.doodle-card{cursor:pointer}.doodle-card.selected{background:var(--sticky-yellow);box-shadow:0 0 0 3px var(--yellow),3px 4px 0 var(--shadow)}.doodle-card h3{font-family:var(--font-title);font-weight:400;margin:2px 0 0;font-size:1.3rem}.doodle-card .card-sub{margin:0;font-size:.85rem;color:var(--ink-soft)}.doodle-card .chips{display:flex;flex-wrap:wrap;justify-content:center}.skill-line,.reward-line{margin:0;font-size:.85rem}.card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.doodle-card .stamp{position:absolute;top:10px;right:6px;z-index:1}.doodle-card .card-actions .stamp{position:static}.doodle-card.defeated .doodle-thumb{filter:saturate(.6)}.add-card{justify-content:center;border-style:dashed;min-height:160px;font-family:var(--font-title);font-size:1.2rem;background:transparent}.add-card .plus{font-size:3rem;line-height:1}.doodle-thumb{image-rendering:auto}.doodle-card.small{flex-direction:row;padding:6px 10px}.load-list{display:grid;gap:8px}.import-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.item-list,.quest-list,.memory-list,.friend-list,.rank-list{list-style:none;padding:0;margin:0}.item-row{display:grid;grid-template-columns:1.3fr .6fr 1fr auto;gap:8px;align-items:center;min-height:var(--lh);padding:4px 0}.item-row .item-note{grid-column:1 / -2;color:var(--ink-soft);font-size:.85rem;margin-top:-6px}.item-slot{color:var(--ink-soft);text-transform:capitalize}.quest{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:8px 0}.quest .checkbox{width:28px;height:28px;border:2.5px solid var(--ink);border-radius:4px 8px 5px 7px;background:#fff9;position:relative}.quest .checkbox .doodle-svg{position:absolute;inset:-8px;width:42px;height:42px}.quest .checkbox .doodle-svg g{stroke:var(--green);stroke-width:6}.quest-body p{margin:0 0 4px;color:var(--ink-soft)}.quest.claimed .quest-body b{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.quest.ready{background:linear-gradient(90deg,rgba(246,213,92,.35),transparent)}.quest-reward{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;max-width:180px}.memory{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:8px 0}.memory .sticker{width:44px;height:44px}.memory p{margin:0;color:var(--ink-soft)}.memory-date{display:block;font-size:.8rem;color:var(--margin)}.friend{display:flex;gap:8px;align-items:center;min-height:var(--lh)}.friend .sticker{width:26px;height:26px}.rank-list{counter-reset:rank}.rank-list li{counter-increment:rank;min-height:var(--lh)}.rank-list li:before{content:counter(rank) ". ";font-family:var(--font-title)}.rank-list li.me{background:#f6d55c66}.tab-friends .sticky-note{margin:10px 0 16px;max-width:460px}.tab-friends .friend{flex-wrap:wrap;padding:2px 0}.friend-meta{color:var(--ink-soft)}.friend-actions{display:flex;gap:6px;margin-left:auto}.presence-dot{flex:none;width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.friend.is-online .presence-dot{background:var(--green)}.friend.is-online .friend-meta{color:#2f6f1e}.share-code.friend-code{font-size:2.2rem;letter-spacing:6px;user-select:all}.friend-code-input{width:9.5em;text-transform:uppercase}.paper-tab .tab-badge{display:inline-block;min-width:1.3em;margin:4px 0 0;padding:1px 4px;border-radius:999px;background:var(--red);color:#fff;font-size:.8rem;line-height:1.3;text-align:center;writing-mode:horizontal-tb}.battle-main>*,.arena>*,.fighter-cards>*,.scene-menu>*,.creator-main>*,.mp-grid>*{min-width:0}.scene-battle{display:grid;grid-template-rows:auto 1fr auto;gap:8px;--ml: 56px;padding-left:78px!important;overflow:hidden!important}.battle-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-badge{font-family:var(--font-title);font-size:1.5rem;padding:2px 18px;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%/60% 50% 50% 40%;background:var(--paper);transform:rotate(-2deg)}.round-badge b{font-size:1.9rem;color:var(--red)}.turn-timer{font-family:var(--font-title);font-size:1.4rem;min-width:70px;text-align:right}.turn-timer.urgent{color:var(--red);animation:wiggle .5s ease-in-out infinite}.battle-main{display:grid;grid-template-columns:1fr minmax(220px,280px);gap:16px;min-height:0}.arena{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.fighter-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.fighter-card{position:relative;padding:8px 12px;border:2.5px solid var(--ink);border-radius:var(--wobbly);background:#ffffffbf;box-shadow:3px 4px 0 var(--shadow)}.fighter-card.right{border-radius:var(--wobbly-2);text-align:right}.fighter-card.right .hp-row{flex-direction:row-reverse}.fighter-card.right .meter-hp .meter-fill{margin-left:auto}.fighter-name{display:flex;gap:8px;align-items:baseline;font-family:var(--font-title);font-size:1.35rem}.fighter-card.right .fighter-name{flex-direction:row-reverse}.fighter-name small{font-size:.85rem;color:var(--ink-soft);text-transform:capitalize}.hp-label{font-family:var(--font-title)}.hp-text{font-family:var(--font-title);min-width:70px;text-align:center}.fighter-meta{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--ink-soft);flex-wrap:wrap}.fighter-card.right .fighter-meta{flex-direction:row-reverse}.skill-tag{color:var(--purple)}.combo-badge{position:absolute;top:-16px;right:14px;font-family:var(--font-title);font-size:1.3rem;color:var(--red);transform:rotate(6deg)}.fighter-card.right .combo-badge{right:auto;left:14px;transform:rotate(-6deg)}.combo-badge.pop{animation:combo-pop .5s cubic-bezier(.2,1.6,.4,1)}.stage{display:flex;justify-content:space-around;align-items:flex-end;min-height:0;padding-bottom:6px}.stage .stage-anchor{height:min(100%,300px);width:auto;max-width:44%;aspect-ratio:1}.battle-status{text-align:center;margin:2px 0;font-size:1.1rem;min-height:1.5em}.battle-log{min-height:0;overflow:hidden;display:flex;flex-direction:column;transform:rotate(1deg)}.battle-log h3{margin-bottom:4px}.log-list{list-style:none;padding:0;margin:0;overflow-y:auto;font-size:.92rem;line-height:1.3}.log-list li{padding:3px 0;border-bottom:1px dashed rgba(0,0,0,.15);animation:log-in .3s ease both}.log-list li.win{color:#2f6f1e}.log-list li.loss{color:#a8323a}.log-list li.heal{color:var(--teal)}.log-list li.end{font-family:var(--font-title);font-size:1.1rem}.rps-bar{display:flex;justify-content:center;gap:clamp(10px,3vw,36px)}.rps-btn{position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(96px,15vw,150px);padding:6px 6px 8px;background:var(--paper);border:3px solid var(--ink);border-radius:var(--wobbly);box-shadow:4px 5px 0 var(--ink);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .2s;touch-action:manipulation}.rps-btn:nth-child(2){border-radius:var(--wobbly-2)}.rps-btn:hover:not(:disabled){transform:translateY(-6px) rotate(-2deg);box-shadow:5px 9px 0 var(--ink)}.rps-btn:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.rps-btn:disabled{opacity:.45;cursor:default}.rps-btn.picked{opacity:1;background:var(--sticky-yellow);transform:translateY(-8px) rotate(2deg);box-shadow:0 0 0 4px var(--yellow),4px 8px 0 var(--ink)}.rps-rock{--rps: var(--sticky-blue)}.rps-paper{--rps: var(--sticky-green)}.rps-scissors{--rps: var(--sticky-pink)}.rps-btn:not(:disabled){background:var(--rps)}.rps-icon{width:72%;aspect-ratio:1;height:auto}.rps-name{font-family:var(--font-title);font-size:1.35rem}.rps-btn kbd{position:absolute;top:4px;left:8px;font-family:var(--font-body);font-size:.8rem;color:var(--ink-soft)}.result-wrap{position:fixed;inset:0;display:grid;place-items:center;background:#3c2d1e40;z-index:5;animation:fade-in .3s both;padding:16px}.result-card{width:min(480px,100%);text-align:center;animation:note-in .5s cubic-bezier(.2,1.3,.4,1) both}.result-stamp{display:inline-block;font-family:var(--font-title);font-size:clamp(2.6rem,7vw,4rem);color:var(--green);border:5px solid currentColor;border-radius:12px;padding:0 18px;transform:rotate(-8deg);margin:6px 0 12px;animation:stamp .45s .15s cubic-bezier(.2,1.6,.4,1) both}.result-card.them .result-stamp{color:var(--red)}.result-card.draw .result-stamp{color:var(--blue)}.reward-big{font-family:var(--font-title);font-size:1.8rem;margin:2px 0}.reward-big.coins{color:#b07a00}.level-up,.item-found{font-family:var(--font-title);font-size:1.2rem;margin:10px auto;max-width:340px}.quest-ready{margin:4px 0;color:var(--purple)}.result-card .modal-actions{justify-content:center}.scene-creator{display:flex;flex-direction:column;gap:10px}.creator-top,.help-top,.mp-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.creator-main{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(280px,1fr) minmax(300px,380px);gap:18px;align-items:start}.pencil-case{display:flex;flex-direction:column;gap:12px;padding:12px 10px;background:linear-gradient(90deg,#f2c94c,#f6d55c 40%,#e9b93c);border:2.5px solid var(--ink);border-radius:18px 10px;box-shadow:4px 5px 0 var(--shadow);width:128px}.tool-group{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tool-btn{flex:1 1 100%;display:flex;align-items:center;gap:6px;padding:6px 8px;border:2px solid var(--ink);border-radius:10px 4px;background:var(--paper);cursor:pointer;font-family:var(--font-title)}.tool-btn.active{background:var(--ink);color:var(--paper)}.tool-icon{width:18px;height:18px;border-radius:3px;background:var(--yellow);border:2px solid currentColor}.tool-eraser .tool-icon{background:var(--pink)}.size-btn{width:48px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:8px;background:var(--paper);cursor:pointer}.size-btn.active{background:var(--sticky-blue);box-shadow:inset 0 0 0 2px var(--blue)}.size-dot{display:block;border-radius:50%;background:var(--ink)}.palette{display:grid;grid-template-columns:repeat(3,28px);gap:7px}.color-btn{width:28px;height:34px;border:2px solid var(--ink);border-radius:4px 4px 50% 50%/4px 4px 60% 60%;background:linear-gradient(180deg,var(--c) 0 70%,#e9c9a0 70%);cursor:pointer;transition:transform .12s}.color-btn.active{transform:translateY(-5px) scale(1.08);box-shadow:0 4px 0 var(--ink)}.pencil-case .sketch-btn.small{padding:3px 8px;font-size:.9rem;min-width:52px}.canvas-wrap{display:grid;place-items:start center;min-width:0}.canvas-paper{position:relative;width:min(100%,calc(100vh - 150px),620px);aspect-ratio:1;background:linear-gradient(rgba(169,198,232,.35) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(169,198,232,.35) 1px,transparent 1px) 0 0 / 24px 24px,#fffef9;border:3px dashed var(--ink-soft);border-radius:10px;box-shadow:inset 0 0 30px #0000000a}.drawing-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.draw-here{position:absolute;bottom:8px;right:12px;color:var(--ink-faint);font-family:var(--font-title);pointer-events:none}.creator-side{display:flex;flex-direction:column;gap:16px;min-width:0}.preview-card{text-align:center;padding-left:16px!important;--ml: -10px}.preview-anchor{height:170px;width:170px;margin:0 auto}.stats-editor{display:flex;flex-direction:column;gap:2px}.stat-edit{display:grid;grid-template-columns:50px 1fr 4.2em;align-items:center;gap:8px}.reward-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.form-errors{color:#a8323a;margin:4px 0;padding-left:18px;font-size:.9rem}.creator-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mode-toggle{display:flex;gap:0;margin:8px 0 2px;border:2px solid var(--ink);border-radius:var(--wobbly);overflow:hidden;width:fit-content}.mode-btn{padding:4px 12px;border:none;background:transparent;cursor:pointer;font-family:var(--font-title)}.mode-btn.active{background:var(--ink);color:var(--paper)}.budget-text{font-family:var(--font-title);min-width:90px;text-align:right}.scene-help{display:flex;flex-direction:column;gap:16px}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-bottom:20px}.help-card h2{font-size:1.6rem}.help-card ul{padding-left:18px;margin:6px 0}.loop-diagram{list-style:none;padding:0;margin:4px 0;display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center}.loop-diagram li{font-family:var(--font-title);padding:2px 10px;border:2px solid var(--ink);border-radius:var(--wobbly);background:var(--sticky-yellow);animation:note-in .4s calc(var(--i) * .08s) both}.loop-diagram li:not(:last-child):after{content:"→";margin-left:10px;color:var(--red)}.rps-rule{display:flex;align-items:center;gap:10px}.rps-rule .beats{font-family:var(--font-title);font-size:1.2rem;flex:1;text-align:center;border-bottom:2px dashed var(--ink-soft)}.formula{font-family:var(--font-title);font-size:1.4rem;background:var(--sticky-yellow);padding:4px 10px;display:inline-block;transform:rotate(-1deg)}.help-pencil{width:60px;height:60px;float:right}.scene-multiplayer{display:flex;flex-direction:column;gap:18px}.conn-chip{margin-left:auto;font-family:var(--font-title);padding:2px 12px;border:2px solid var(--ink);border-radius:14px;background:var(--paper)}.conn-chip.online{color:#2f6f1e}.conn-chip.offline{color:#a8323a}.conn-chip.connecting,.conn-chip.reconnecting{color:#b07a00}.mp-body>.sticky-note{max-width:560px;margin:20px auto}.mp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;max-width:1000px}.mp-card{display:flex;flex-direction:column;gap:8px}.classroom-rules{border-left:4px solid var(--blue);padding-left:10px}.room-card{max-width:720px}.room-code{font-family:var(--font-title);font-size:clamp(2.4rem,7vw,4rem);letter-spacing:12px;background:var(--sticky-yellow);border:3px dashed var(--ink);border-radius:12px;padding:0 22px;cursor:copy;transform:rotate(-1deg)}.room-players{list-style:none;padding:0;margin:10px 0;display:grid;gap:10px}.room-player{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.room-player .chips{width:100%;font-size:.9rem}.room-player .dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--green)}.room-player.off .dot{background:var(--ink-faint)}.challenge-note{font-family:var(--font-title);font-size:1.3rem;margin:0 10px 0 0}.row-actions.small{align-items:flex-end}.debug-overlay{position:fixed;top:12px;right:12px;margin:0;padding:8px 10px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8ffd0;background:#141814d1;border-radius:6px;pointer-events:none!important;z-index:20;white-space:pre}@keyframes sketch-stroke{to{stroke-dashoffset:0}}@keyframes crayon-fill{to{fill-opacity:1}}@keyframes underline-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes note-in{0%{opacity:0;transform:translateY(18px) rotate(-6deg) scale(.92)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes log-in{0%{opacity:0;transform:translate(-12px)}}@keyframes combo-pop{0%{transform:scale(.4) rotate(-10deg)}60%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1) rotate(6deg)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4) rotate(-20deg)}}@keyframes page-turn-out{0%{transform:rotateY(0)}to{transform:rotateY(-115deg);opacity:.4}}@keyframes page-turn-in{0%{transform:rotateY(-115deg);opacity:.4}to{transform:rotateY(0)}}@keyframes flip-shade{0%{opacity:0}50%{opacity:1}to{opacity:.6}}@keyframes cover-close{0%{transform:rotateY(-120deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes cover-open{0%{transform:rotateY(0)}to{transform:rotateY(-120deg);opacity:0}}@media(max-width:1100px){.creator-main{grid-template-columns:auto minmax(0,1fr)}.creator-side{grid-column:1 / -1;display:grid;grid-template-columns:minmax(200px,260px) 1fr;align-items:start}.spread{grid-template-columns:minmax(270px,.8fr) 14px minmax(0,1.3fr) 40px}}.compact .scene,html[data-orientation=portrait] .scene{inset:4px}html.compact .scene.page,html[data-orientation=portrait] .scene.page{padding:12px 12px 14px 40px}html.compact .spiral,html[data-orientation=portrait] .spiral{left:4px;width:22px}@media(max-width:760px),(orientation:portrait){:root{--lh: 28px}html,body{font-size:16px}.scene-menu{grid-template-columns:1fr;grid-template-areas:"logo" "stage" "menu" "foot";gap:6px;--ml: 34px}.menu-stage{min-height:170px}.hero-anchor,.monster-anchor{height:min(26vh,200px);width:min(26vh,200px)}.menu-buttons{gap:12px;padding:0 6%}.scene-menu>.hand-hint,.scribbled-note{display:none}.margin-doodles .d4,.margin-doodles .d2{display:none}.spread{grid-template-columns:1fr;grid-template-rows:auto 1fr}.left-page,.spine{display:none}.compact-only{display:block;margin-bottom:20px}.paper-tabs{grid-row:1;flex-direction:row;overflow-x:auto;padding:0 0 0 4px;gap:4px;scrollbar-width:none}.paper-tab{writing-mode:horizontal-tb;border:2px solid var(--ink);border-bottom:none;border-radius:12px 12px 0 0;padding:6px 10px;transform:translateY(6px);flex:none}.paper-tab:hover{transform:translateY(2px)}.paper-tab.active{transform:translateY(1px);margin-left:0;padding-right:10px}.right-page{border-radius:10px;grid-row:2}.right-page>.page-content,.flip-sheet>.page-content{padding:14px 12px 24px 44px}.right-page{--ml: 32px}.nb-title{font-size:1.2rem;white-space:nowrap}.nb-topbar .sketch-btn:nth-of-type(2){display:none}.stage{flex-direction:column;align-items:stretch;justify-content:space-around}.stage .stage-anchor{height:auto;width:min(54%,34vh);max-width:none}.stage .stage-anchor.right{order:-1;align-self:flex-end}.stage .stage-anchor.left{align-self:flex-start}.hp-text{white-space:nowrap}.hp-text{min-width:0;font-size:.9rem}.hp-label{display:none}.fighter-card{padding:6px 8px}.equip-row,.slot-board{grid-template-columns:repeat(3,1fr);gap:6px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.item-row{grid-template-columns:1fr auto}.item-row .item-slot,.item-row .item-note{display:none}.scene-battle{padding-left:44px!important;--ml: 30px}.battle-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.battle-log{max-height:22vh;transform:none;padding:8px 10px}.battle-log:before{display:none}.fighter-cards{grid-template-columns:1fr 1fr}.fighter-cards .vs-doodle,.fighter-meta{display:none}.fighter-name{font-size:1.05rem}.rps-btn{width:30%}.rps-name{font-size:1.05rem}.creator-main{grid-template-columns:1fr}.pencil-case{width:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;order:2}.tool-group{flex-wrap:nowrap}.tool-btn{flex:none}.palette{grid-template-columns:repeat(6,26px)}.canvas-wrap{order:1}.canvas-paper{width:min(100%,72vh)}.creator-side{order:3;grid-template-columns:1fr}.stat-row{grid-template-columns:46px 1fr 34px auto}}@media(max-height:560px)and (orientation:landscape){.scene-menu{grid-template-rows:auto 1fr auto}.logo-svg{width:min(460px,70%)}.menu-buttons{gap:8px}.sketch-btn.primary{min-height:44px;font-size:1.2rem}.rps-btn{width:92px}.rps-icon{width:52%}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}.reduced-motion .logo-line,.reduced-motion .logo-underline{stroke-dashoffset:0;fill-opacity:1}.has-ui-battle-bg .scene-battle .arena{background:var(--a-ui-battle-bg) center bottom / cover no-repeat;border:2.5px solid var(--ink);border-radius:var(--wobbly);box-shadow:4px 5px 0 var(--shadow);padding:8px 10px 4px}.has-ui-battle-bg .scene-battle .battle-status{background:#fbf8eedb;border-radius:10px;margin:2px auto 4px;padding:0 10px;width:fit-content}.has-ui-hp-frame .meter-hp,.has-ui-exp-frame .meter-exp{border:none;border-radius:0;background:var(--a-ui-hp-frame) center / 100% 100% no-repeat;padding:7px 11px;height:30px;overflow:visible}.has-ui-exp-frame .meter-exp{background-image:var(--a-ui-exp-frame);height:26px;padding:6px 10px}.has-ui-hp-frame .meter-hp .meter-fill,.has-ui-exp-frame .meter-exp .meter-fill{border-radius:4px}.has-ui-portrait-frame .portrait-frame{background:var(--a-ui-portrait-frame) center / 100% 100% no-repeat;border:none;box-shadow:none;padding:14px}.rps-btn.has-art{background:transparent!important;border:none;box-shadow:none;padding:0 0 4px}.rps-btn.has-art:hover:not(:disabled),.rps-btn.has-art:active:not(:disabled){box-shadow:none}.rps-btn.has-art.picked{box-shadow:none;background:transparent}.rps-art{position:relative;display:block;width:100%;aspect-ratio:1}.rps-art img{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.rps-art .rps-art-normal{opacity:1}.rps-btn:hover:not(:disabled) .rps-art-hover,.rps-btn:focus-visible .rps-art-hover{opacity:1}.rps-btn:active:not(:disabled) .rps-art-pressed,.rps-btn.picked .rps-art-pressed{opacity:1}.rps-btn:disabled:not(.picked) .rps-art-disabled{opacity:1}.rps-btn.has-art:disabled{opacity:1}.rps-btn.has-art kbd{top:8px;left:14px;z-index:1}@media(max-width:760px),(orientation:portrait){.has-ui-battle-bg .scene-battle .stage{justify-content:flex-end;gap:0;padding-top:28%}.has-ui-battle-bg .scene-battle .stage .stage-anchor{width:min(46%,30vh)}.has-ui-battle-bg .scene-battle .stage .stage-anchor.right{margin-bottom:-8%}}.has-ui-notebook-cover .notebook-cover{background:var(--a-ui-notebook-cover) center / cover no-repeat}.has-ui-notebook-cover .notebook-cover .cover-label{background:none;border:none;box-shadow:none}.has-ui-notebook-cover .cover-elastic{display:none}.logo-art{width:min(760px,92%);height:auto;animation:logo-reveal 1.4s .2s ease-out both}@keyframes logo-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.reduced-motion .logo-art{animation:none}.has-icon-coin .coin{width:22px;height:22px;border:none;border-radius:0;background:var(--a-icon-coin) center / contain no-repeat;vertical-align:-5px}.item-name{display:flex;align-items:center;gap:6px}.item-icon{width:40px;height:40px;flex:none;object-fit:contain}.item-icon.big{display:block;width:72px;height:72px;margin:2px auto}img.sticker{object-fit:contain}:root{--paper: #f5ecd8;--paper-2: #eee2c9;--line: rgba(113, 142, 161, .23);--margin: rgba(180, 111, 102, .25);--ink: #302b28;--hatch: repeating-linear-gradient(124deg, transparent 0 3px, #6450340b 3px 4px, transparent 4px 7px);--ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56' viewBox='0 0 64 56'%3E%3Cellipse cx='51' cy='31' rx='9' ry='7' fill='%2345392b'/%3E%3Cpath d='M50 31C42 9 5 13 4 26C3 38 32 44 50 34' fill='none' stroke='%232b2926' stroke-width='9'/%3E%3Cpath d='M50 28C40 12 6 15 6 26C6 34 32 40 48 32' fill='none' stroke='%23aaa99f' stroke-width='5'/%3E%3Cpath d='M47 25C33 16 10 18 9 25' fill='none' stroke='%23efeadb' stroke-width='2'/%3E%3C/svg%3E")}.scene{inset:12px 16px 16px 12px}.scene.page{box-shadow:0 1px 0 2px #e7d9b9,3px 5px #bcaa87,5px 8px #e2d2af,9px 10px 18px #2e211d80}.page{background-blend-mode:multiply,normal,normal}.spiral{left:-10px;width:52px;background:var(--ring) left 8px / 52px 48px repeat-y;opacity:1;z-index:3}.paper-scrap,.sketch-btn.paper-scrap{--scrap: var(--paper);position:relative;background-color:var(--scrap);background-image:var(--hatch),var(--grain);border:1.8px solid var(--ink);border-radius:2px 7px 3px 5px/5px 3px 7px 2px;box-shadow:2px 3px #51443255,inset 0 0 0 2px #fdf8e480;clip-path:none;filter:none}.paper-scrap--yellow,.sketch-btn.c-yellow{--scrap: #f4d56d}.paper-scrap--blue,.sketch-btn.c-blue{--scrap: #b7d5e6}.paper-scrap--pink,.sketch-btn.c-pink{--scrap: #efb7c3}.paper-scrap--green,.sketch-btn.c-green{--scrap: #c8daa0}.paper-scrap--purple{--scrap: #d8c1e3}.paper-scrap:disabled{opacity:.55}.sketch-btn.paper-scrap:hover:not(:disabled){box-shadow:3px 4px #51443266}.sketch-btn.paper-scrap:active:not(:disabled){box-shadow:1px 1px #51443266}.sketch-btn.ghost.paper-scrap{--scrap: #f6eddbd9;border-style:solid}.tape-title{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 0 8px;padding:3px 18px 4px 10px;background:var(--hatch),linear-gradient(100deg,#edd6a0d9,#f6d98fe8,#e8cb8ec9);border:1px dashed #67553b80;border-radius:1px;box-shadow:1px 2px #82694024;clip-path:polygon(1% 0,99% 2%,98% 12%,100% 25%,98% 41%,100% 64%,98% 80%,99% 100%,0 98%,2% 84%,0 70%,2% 51%,0 32%,2% 17%);font:400 1.3rem/1.2 var(--font-title);transform:rotate(-1.4deg)}.tape-title .ui-icon{width:28px;height:28px;flex:none}.tape-title--blue{background-color:#acd1e7;background-image:var(--hatch)}.crayon-title{position:relative;width:fit-content;margin:0;font:400 clamp(2.5rem,4.4vw,5rem)/1.05 var(--font-title);letter-spacing:-1.5px;-webkit-text-stroke:1.7px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--ink),2px 3px 0 #a68b6340;transform:rotate(-1.2deg)}.crayon-word{background:repeating-linear-gradient(125deg,#ffffff52 0 1px,transparent 1px 4px),var(--letter-color);background-clip:text;-webkit-background-clip:text;color:transparent}.crayon-0{--letter-color: #d56450}.crayon-1{--letter-color: #e6ab42}.crayon-2{--letter-color: #568cac}.title-crown{position:absolute;width:40px;height:35px;left:45%;top:-27px;transform:rotate(9deg)}.paper-scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scenery-fallback{width:100%;height:100%;opacity:.76}.desk-props{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.desk-pencil{position:absolute;left:3%;bottom:6px;width:215px;height:18px;transform:rotate(-13deg);background:linear-gradient(0deg,#254238 30%,#466b51 32% 62%,#233b32 65%);border:1px solid #302d24;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)}.desk-pencil:after{content:"";position:absolute;inset:0 0 0 85%;background:linear-gradient(90deg,#cba578 70%,#282421 71%)}.desk-eraser{position:absolute;right:-12px;bottom:5px;width:94px;height:60px;padding:9px;background:var(--hatch),linear-gradient(145deg,#ef9ca8,#d97c8c);border:1px solid #ab5968;border-radius:8px 3px 5px 4px;box-shadow:3px 5px #894452;transform:rotate(-13deg);text-align:center;font:.85rem/1 var(--font-title);color:#6b3a47}.desk-eraser small{display:block;font-size:1rem}.desk-clip{position:absolute;top:-12px;left:16%;width:34px;height:53px;border:4px double #615c54;border-radius:13px;transform:rotate(-24deg);box-shadow:1px 1px 1px #ddd6be}.desk-shavings{position:absolute;left:24%;bottom:3px;width:145px;height:28px}.desk-shavings i{position:absolute;width:22px;height:19px;left:0;bottom:0;background:repeating-conic-gradient(from 20deg,#ad794d 0 8deg,#e1bb79 8deg 22deg);clip-path:polygon(50% 94%,0 30%,13% 19%,24% 23%,39% 0,53% 12%,66% 0,78% 23%,90% 17%,100% 40%);transform:rotate(26deg)}.desk-shavings i:nth-child(2){left:39px;bottom:8px;transform:rotate(73deg) scale(.7)}.desk-shavings i:nth-child(3){left:81px;transform:rotate(-21deg)}.desk-shavings i:nth-child(4){left:119px;transform:rotate(49deg) scale(.5)}@media(max-width:760px),(orientation:portrait){.desk-props{display:none}.spiral{left:-9px!important;width:37px!important;background-size:37px 42px}.crayon-title{font-size:2.4rem}}.scene-menu{grid-template-columns:minmax(0,1fr) minmax(300px,430px) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"logo logo logo" "hero menu monster" "foot foot foot";gap:4px 18px;padding-right:110px!important}.logo-svg{width:min(640px,86%)}.scene-menu .logo-line{font-size:132px;stroke-width:4px}.scene-menu .logo-line.l1{fill:url(#lg-graphite)}.scene-menu .logo-line.l2{fill:none;font-size:140px}.logo-crown{fill:#f6d55c;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;opacity:0;animation:crayon-fill .4s 1.9s ease-out forwards}.logo-spark{fill:#f6d55c;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;opacity:0;animation:crayon-fill .4s 2.2s ease-out forwards}.reduced-motion .logo-crown,.reduced-motion .logo-spark{opacity:1;animation:none}.tape-label.ribbon{position:relative;padding:4px 26px;background:var(--paper);border:2px solid var(--ink);border-radius:3px;transform:rotate(-1.5deg);box-shadow:2px 3px 0 var(--shadow);font-family:var(--font-body);font-size:1.05rem}.tape-label.ribbon:before,.tape-label.ribbon:after{content:"";position:absolute;top:6px;width:16px;height:100%;background:var(--paper-2);border:2px solid var(--ink);z-index:-1}.tape-label.ribbon:before{left:-12px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.tape-label.ribbon:after{right:-12px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.menu-stage{min-height:0;align-items:flex-end;justify-content:center}.menu-stage.hero-side{grid-area:hero}.menu-stage.monster-side{grid-area:monster}.scene-menu .hero-anchor,.scene-menu .monster-anchor{width:min(100%,44vh,340px);height:min(44vh,340px)}.menu-buttons{gap:12px}.menu-item{position:relative;min-height:58px;text-align:left}.menu-item .label{width:100%}.menu-item-label{display:flex;align-items:center;gap:14px;width:100%;justify-content:center}.menu-item-icon{width:34px;height:34px;flex:none}.menu-item.c-paper{background:repeating-linear-gradient(180deg,transparent 0 13px,rgba(169,198,232,.35) 13px 14px),var(--paper)}.menu-item.selected:before{content:"";position:absolute;left:-34px;top:50%;width:22px;height:22px;transform:translateY(-50%);background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%);animation:menu-nudge 1.1s ease-in-out infinite}.menu-item.selected:after{content:"";position:absolute;right:-26px;top:8px;width:18px;height:18px;background:radial-gradient(circle,transparent 40%,var(--orange) 42% 55%,transparent 57%);opacity:.8}@keyframes menu-nudge{50%{transform:translate(5px,-50%)}}.reduced-motion .menu-item.selected:before{animation:none}.menu-scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden}.menu-scenery .sc{position:absolute;opacity:.55}.sc-castle1{left:9%;top:9%;width:120px;height:120px}.sc-castle2{right:24%;top:5%;width:96px;height:96px}.sc-mtn1{left:18%;top:15%;width:110px;height:110px}.sc-mtn2{right:31%;top:13%;width:90px;height:90px}.sc-tree1{left:7%;top:28%;width:46px;height:46px}.sc-tree2{left:12%;top:30%;width:38px;height:38px}.sc-tree3{right:9%;bottom:20%;width:50px;height:50px}.sc-tree4{left:44%;bottom:7%;width:40px;height:40px}.sc-bat{right:18%;top:4%;width:58px;height:58px;animation:float 4s ease-in-out infinite}.sc-cloud{left:26%;top:4%;width:74px;height:74px;animation:float 8s ease-in-out infinite}.sc-star{left:31%;top:22%;width:28px;height:28px}.sc-heart{left:9%;top:3%;width:26px;height:26px}.menu-clip{position:absolute;left:70px;top:-6px;width:54px;height:34px;border:3px solid #4a4a4a;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#8a8f96,#5c6168);box-shadow:2px 3px 0 var(--shadow);transform:rotate(-8deg);z-index:2}.menu-scribble{position:absolute;margin:0;font-family:var(--font-title);color:#2e5f9e;font-size:1.15rem;line-height:1.25;pointer-events:none}.menu-scribble.left{left:92px;top:34%;transform:rotate(-8deg)}.menu-scribble.right{right:84px;top:16px;transform:rotate(6deg);text-align:right}.menu-scribble .ui-icon.tiny{width:20px;height:20px;vertical-align:-3px}.menu-side-tabs{position:absolute;right:6px;top:12%;display:flex;flex-direction:column;gap:8px;z-index:2}.menu-side-tab{--tab: var(--sticky-yellow);width:50px;height:58px;padding:8px 6px 8px 10px;border:2px solid var(--ink);border-left:none;border-radius:0 10px 10px 0;background:var(--tab);box-shadow:2px 2px #0003;cursor:pointer;transition:transform .15s ease}.menu-side-tab:hover,.menu-side-tab:focus-visible{transform:translate(4px)}.menu-side-tab .ui-icon{width:100%;height:100%}.menu-side-tab.c-yellow{--tab: var(--sticky-yellow)}.menu-side-tab.c-pink{--tab: var(--sticky-pink)}.menu-side-tab.c-blue{--tab: var(--sticky-blue)}.menu-side-tab.c-green{--tab: var(--sticky-green)}.menu-sticky{position:absolute;left:18px;bottom:84px;width:150px;padding:10px 12px;display:flex;gap:6px;align-items:center;transform:rotate(-4deg);z-index:1}.menu-sticky .ui-icon{width:38px;height:38px;flex:none}.menu-sticky p{margin:0;font-family:var(--font-title);font-size:1rem;line-height:1.2}.menu-pencil{position:absolute;left:176px;bottom:40px;width:220px;height:22px;transform:rotate(-16deg);transform-origin:left center;background:linear-gradient(90deg,#ff8fab 0 18px,#c0c6cc 18px 30px,transparent 30px),linear-gradient(180deg,#2f6b4f 0 33%,#3c8a66 33% 66%,#2f6b4f 66%);border:2px solid var(--ink);border-radius:4px 0 0 4px;clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%);pointer-events:none;z-index:1}.menu-pencil:after{content:"";position:absolute;right:0;top:0;width:14%;height:100%;background:linear-gradient(90deg,#e9c9a0 70%,#222 70%)}.menu-eraser{position:absolute;right:2px;bottom:64px;width:104px;height:70px;display:grid;place-content:center;text-align:center;background:linear-gradient(160deg,#ffb3c2,#f28aa0);border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 4px 0 var(--shadow);transform:rotate(-12deg);font-family:var(--font-title);font-size:1.1rem;line-height:1.05;color:#5b2a35;pointer-events:none;z-index:1}.menu-eraser small{font-size:1.2rem}@media(min-width:761px)and (orientation:landscape){.scene-menu{display:block;padding:0!important;overflow:hidden}.scene-menu .logo-wrap{position:absolute;top:2%;left:27%;width:53%;height:37%;gap:0}.scene-menu .logo{width:100%;margin:0;flex:1;min-height:0}.scene-menu .logo-svg{display:block;width:100%;height:100%;max-height:30vh}.scene-menu .logo-art{width:100%;max-height:29vh;object-fit:contain}.scene-menu .tape-label.ribbon{font-size:clamp(.85rem,1.4vw,1.4rem);padding:3px 15px}.scene-menu .menu-buttons{position:absolute;left:40%;top:43%;width:34%;padding:0;gap:1.7vh}.scene-menu .menu-item{min-height:8.3vh;font-size:clamp(1.25rem,2.1vw,2.2rem);transform:rotate(-1deg)}.scene-menu .menu-item:nth-child(2n){transform:rotate(.5deg)}.scene-menu .menu-item-label{justify-content:flex-start;gap:1.8vw}.scene-menu .menu-item-icon{width:3.2vw;height:3.2vw;max-height:46px}.scene-menu .hero-side{position:absolute;left:3%;bottom:11%;width:35%;height:45vh}.scene-menu .monster-side{position:absolute;right:3%;bottom:16%;width:25%;height:52vh}.scene-menu .hero-anchor{width:100%;height:45vh}.scene-menu .monster-anchor{width:100%;height:52vh}.scene-menu .menu-scribble.left{left:6%;top:29%;font-size:clamp(1rem,1.6vw,1.5rem)}.scene-menu .menu-scribble.right{right:8%;top:5%;max-width:17%;font-size:clamp(1rem,1.4vw,1.4rem)}.scene-menu .menu-sticky{bottom:6%;left:2%;width:14%;font-size:.85rem}.scene-menu .menu-footer{position:absolute;right:9%;bottom:2%;width:fit-content;max-width:43%;display:flex;gap:4px 12px;align-items:center;justify-content:flex-end;padding:5px 12px;font-size:.72rem;transform:rotate(-1deg)}.scene-menu .menu-footer .sketch-btn{font-size:.8rem;min-height:25px;padding:1px 6px}}.menu-item.selected:after{background:linear-gradient(110deg,transparent 40%,#e8b735 42% 54%,transparent 56%) 0 0/8px 100%,linear-gradient(20deg,transparent 42%,#e8b735 44% 54%,transparent 56%);height:42px;width:24px;right:-31px;transform:rotate(12deg)}.menu-item.c-paper{background:var(--hatch),var(--grain),#f7edd9}@media(max-width:1100px)and (orientation:landscape){.menu-scribble,.menu-pencil{display:none}}@media(max-width:760px),(orientation:portrait){.scene-menu{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"logo logo" "hero monster" "menu menu" "foot foot";padding-right:24px!important}.scene-menu .hero-anchor,.scene-menu .monster-anchor{width:min(100%,22vh,180px);height:min(22vh,180px)}.menu-item.selected:before{left:-26px}.menu-scribble,.menu-pencil,.menu-eraser,.menu-sticky,.menu-clip,.menu-side-tabs,.sc-castle2,.sc-mtn2,.sc-tree3,.sc-tree4{display:none}}.hero-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.hero-details{display:flex;flex-direction:column;gap:8px;min-width:0}.hero-panel .stat-row{grid-template-columns:minmax(0,1fr) 38px auto}.hero-panel .stat-list{padding:8px 12px;border:1.5px dashed #5a534a99;background:#fff6e13d;gap:5px}.hero-panel .stat-value{font-size:1.3rem}.hero-panel .skill-box{font-size:.78rem}.hero-panel .skill-box summary{cursor:pointer}.empty-slot-icon{opacity:.35}.nb-page-title{margin:-4px 0 6px}.nb-page-title h1{margin:0;font-family:var(--font-title);font-size:clamp(2rem,3.4vw,3rem);line-height:1;color:var(--ink);text-shadow:2px 2px 0 rgba(0,0,0,.12);transform:rotate(-1.5deg)}.nb-page-title p{margin:2px 0 0 4px;color:var(--ink-soft);font-family:var(--font-title)}.scene-notebook .nb-title{visibility:hidden}.level-tag{align-self:flex-start;display:inline-flex;align-items:baseline;gap:10px;margin:8px 0 2px;padding:2px 14px;background:var(--sticky-yellow);border:2px solid var(--ink);border-radius:4px;transform:rotate(-2deg);box-shadow:2px 3px 0 var(--shadow);font-family:var(--font-title);font-size:1.3rem}.level-tag b{color:var(--red);font-size:1.8rem}.stat-name{display:inline-flex;align-items:center;gap:4px}.stat-icon{width:22px;height:22px;flex:none}.equipped-title{margin-top:10px}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px;align-items:center}.hero-actions .sketch-btn.primary{flex:1 1 160px}.btn-with-icon{display:inline-flex;align-items:center;gap:8px}.btn-with-icon .ui-icon{width:24px;height:24px;flex:none}.paper-tab{display:flex;align-items:center;gap:4px}.paper-tab .tab-icon{width:22px;height:22px;flex:none;writing-mode:horizontal-tb}@media(min-width:761px)and (orientation:landscape){.scene-notebook{gap:0}.scene-notebook .nb-topbar{height:30px;min-height:30px;padding:0 10px;position:relative;z-index:5}.nb-topbar .sketch-btn{font-size:.8rem;min-height:25px;padding:1px 10px}.coin-counter{font-size:1rem;padding:0 10px;display:flex;align-items:center;gap:4px}.coin-counter .ui-icon{width:22px;height:22px}.spread{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.05fr) 66px;filter:drop-shadow(4px 5px 2px #33291944)}.spread>.left-page{padding:14px 18px 28px 34px!important;overflow-y:auto;--ml: -5px}.right-page{--ml: -5px}.right-page>.page-content,.flip-sheet>.page-content{padding:15px 20px 24px 22px}.left-page .hero-panel{height:100%;gap:clamp(4px,.7vh,8px)}.left-page .hero-profile{flex:1;min-height:195px;gap:14px}.left-page .hero-details{gap:5px;overflow-y:auto;scrollbar-width:thin}.left-page .hero-head{margin-bottom:2px}.left-page .hero-head>div{display:flex;align-items:baseline;gap:10px}.left-page .hero-name{font-size:1.15rem}.left-page .hero-class{font-size:.78rem}.left-page .portrait-frame{width:100%;height:100%;min-height:0;padding:8px;aspect-ratio:auto;align-self:stretch;background:var(--hatch),linear-gradient(130deg,#dbe5e6,#fbf2db 70%);border:2px solid var(--ink);border-radius:var(--wobbly);box-shadow:2px 3px #574b3e50}.has-ui-portrait-frame .left-page .portrait-frame{background:var(--hatch),linear-gradient(130deg,#c3d8df55,#f9edcd);border:2px solid var(--ink);padding:8px}.left-page .level-tag{margin:0;gap:12px;width:100%;justify-content:center;font-size:1.5rem}.left-page .level-tag b{font-size:1.8rem}.left-page .exp-row{display:flex;flex-direction:column;align-items:stretch;gap:2px;font-size:.8rem}.left-page .meter-exp{width:100%;height:21px;background:#ded9cc;padding:2px;border:1.5px solid var(--ink);border-radius:3px}.left-page .meter-exp .meter-fill{background:repeating-linear-gradient(-55deg,#5898c3 0 2px,#87b7cd 2px 5px)}.left-page .meter-label{color:var(--ink);font-size:.7rem}.left-page .stat-list{flex:1;align-content:space-evenly;padding:5px 10px;min-height:112px}.left-page .points-note{font-size:.8rem;padding:2px 6px;animation:none}.left-page .equipped-title{margin:6px 0 2px;font-size:1.15rem}.left-page .equip-row{flex:0 0 clamp(80px,13vh,140px);min-height:0;gap:12px}.left-page .equip-slot{padding:3px;align-items:center;justify-content:center;gap:1px;background-image:var(--hatch);box-shadow:2px 3px #51443233;border-radius:2px;position:relative}.left-page .equip-slot:before{content:"";position:absolute;top:-6px;left:43%;width:19px;height:11px;background:#c5ad7ab3;transform:rotate(5deg)}.left-page .slot-label{font-size:.65rem}.left-page .slot-item{font-size:.8rem;line-height:1}.left-page .item-icon{width:38px;height:38px}.left-page .hero-actions{flex-wrap:nowrap;gap:8px;margin:6px 0 0}.left-page .hero-actions .sketch-btn{min-height:44px;padding:3px 9px;font-size:.95rem}.left-page .hero-actions .sketch-btn.primary{font-size:1.25rem;flex:1}.left-page .hero-actions .sketch-btn.primary:before{content:"▶";color:var(--red);position:absolute;left:-22px;-webkit-text-stroke:1px var(--ink)}.left-page .power-line{font-size:.65rem;text-align:right}.nb-page-title{margin:7px 0 0}.nb-page-title .crayon-title{font-size:clamp(2.6rem,3.8vw,4.7rem);white-space:nowrap}.nb-page-title .crayon-word{--letter-color: #49413a}.nb-page-title p{font-size:.9rem;margin-left:12%}.nb-page-title .title-crown{width:28px;height:28px;top:-22px;left:70%}.spine{position:relative;background:linear-gradient(90deg,#9f886844,#eee2c9 20%,#aa917c66 49%,#f4e8ce 70%,#b6a08455)}.spine:after{content:"";position:absolute;inset:0 -17px;background:var(--ring) center 10px/58px 49px repeat-y;z-index:4}.tab-home{height:100%;gap:8px;padding-bottom:4px;grid-template-rows:24px minmax(0,1.22fr) minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1fr)}.home-quote{font-size:.85rem;padding-right:8px}.home-section{min-height:0;display:flex;flex-direction:column}.home-section-head{gap:8px;margin-bottom:8px;flex:none}.home-section-title{font-size:1.25rem;padding:3px 12px 3px 6px;border:1px dashed #67553b80;box-shadow:1px 2px #82694024}.home-section-title .ui-icon{width:25px;height:25px}.home-count{font-size:.9rem;white-space:nowrap}.view-all{font-size:.9rem;white-space:nowrap;padding:0}.home-row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:8px;min-height:0;flex:1}.home-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-height:0;flex:1}.home-monster,.home-chapter,.home-memory,.home-item{padding:4px;gap:1px;min-height:0;border-radius:2px;box-shadow:1px 2px #51443244;background-image:var(--hatch)}.home-monster .doodle-thumb{height:clamp(32px,5vh,72px)!important;width:clamp(32px,5vh,72px)!important}.home-monster b,.home-memory b,.home-chapter b{font-size:.75rem}.home-monster small,.home-memory small,.home-chapter small{font-size:.65rem}.home-item{aspect-ratio:auto}.home-item .ui-icon,.home-item .item-icon{width:clamp(22px,3vw,43px);height:clamp(22px,3vw,43px)}.home-chapter{min-height:0;padding-left:12px;background-image:var(--hatch),repeating-linear-gradient(180deg,transparent 0 16px,#7c99b133 16px 17px)}.home-chapter:before{content:"";position:absolute;top:0;bottom:0;left:-3px;width:9px;background:var(--ring) left center/9px 16px repeat-y}.home-memory .sticker{height:clamp(25px,4vh,60px);width:clamp(25px,4vh,60px)}.home-memory:nth-child(1){background-color:#d6e6ec}.home-memory:nth-child(2){background-color:#e8cfba}.home-memory:nth-child(3){background-color:#d8e3c4}.home-memory:nth-child(4){background-color:#d7cee2}.home-memory.unknown{background-color:#ddd5c6}.next-quests{position:absolute;right:3px;bottom:0;width:155px;padding:8px 10px;z-index:2;transform:rotate(3deg) translateY(5px);font-size:.8rem}.next-quests li{font-size:.72rem;margin:4px 0}.tab-home .home-section:last-of-type .home-row{padding-right:160px}.scene-notebook .notebook-doodles{inset:28px 66px 0 0;z-index:1;opacity:.32;mask-image:linear-gradient(90deg,#000 0 3%,transparent 8% 94%,#000 98%),linear-gradient(transparent 85%,#000)}.paper-tabs{padding:12px 0 25px;gap:7px}.paper-tab{writing-mode:horizontal-tb;flex-direction:column;justify-content:center;gap:1px;flex:1 1 0;max-height:80px;padding:4px 4px 4px 2px;font-size:.82rem;line-height:1.1;text-align:center}.paper-tab .tab-icon{width:28px;height:28px}.paper-tab .tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-tab.active{padding-right:8px}.paper-tab{border-radius:1px 6px 5px 2px;background-image:var(--hatch);box-shadow:2px 2px #4e3b2c55}}.star-row{display:inline-flex;gap:1px;font-size:1rem;line-height:1;letter-spacing:0}.star-row .on{color:#f3a712;text-shadow:0 0 0 var(--ink),1px 1px 0 rgba(0,0,0,.25)}.star-row .off{color:var(--ink-faint)}.monster-card .star-row{position:absolute;left:10px;top:8px;font-size:1.15rem}.right-page>.page-content{overflow-x:hidden}.tab-home{position:relative;display:grid;gap:14px;padding-bottom:8px}.home-quote{margin:0;text-align:right;font-family:var(--font-title);color:#2e5f9e;transform:rotate(2deg)}.home-section-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.home-section-title{display:inline-flex;align-items:center;gap:8px;margin:0;padding:2px 14px 2px 8px;background:var(--sticky-yellow);border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--shadow);transform:rotate(-1deg);font-family:var(--font-title);font-size:1.35rem}.home-section-title .ui-icon{width:28px;height:28px}.home-count{font-family:var(--font-title);color:var(--ink-soft);font-size:1.1rem}.view-all{margin-left:auto;border:none;background:none;color:#2e5f9e;font-family:var(--font-title);font-size:1.05rem;cursor:pointer}.view-all:hover{text-decoration:underline wavy}.home-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.home-monster,.home-chapter,.home-memory,.home-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--wobbly);box-shadow:2px 3px 0 var(--shadow);text-align:center;font:inherit;color:inherit}button.home-monster,button.home-chapter{cursor:pointer;transition:transform .15s ease}button.home-monster:hover,button.home-chapter:hover{transform:rotate(-1.5deg) translateY(-2px)}.home-monster:before{content:"";position:absolute;top:-8px;width:30px;height:12px;background:#e9d296bf;transform:rotate(-4deg)}.home-monster .doodle-thumb{width:60px;height:60px}.home-monster b,.home-chapter b,.home-memory b{font-size:.9rem;line-height:1.15}.home-monster small,.home-chapter small,.home-memory small{color:var(--ink-soft);font-size:.78rem}.home-item{aspect-ratio:1;justify-content:center;padding:6px}.home-item .ui-icon,.home-item .item-icon{width:34px;height:34px}.home-item.slot-weapon{background:#e3eefa}.home-item.slot-armor{background:#e8f5dc}.home-item.slot-charm{background:#fff3c4}.home-chapter{align-items:flex-start;text-align:left;min-height:92px;background:repeating-linear-gradient(180deg,transparent 0 13px,rgba(169,198,232,.4) 13px 14px),var(--paper)}.home-chapter.complete{background-color:#eef8e4}.chapter-no{font-family:var(--font-title);font-size:1.6rem;line-height:1}.chapter-progress{margin-top:auto;font-size:.8rem;color:var(--ink-soft)}.home-memory{background:#fff;padding-bottom:10px;transform:rotate(-1deg)}.home-memory:nth-child(2n){transform:rotate(1.5deg)}.home-memory .sticker{width:40px;height:40px}.home-memory b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unknown{justify-content:center;background:repeating-linear-gradient(45deg,#ece8dc 0 6px,#e3dece 6px 12px);color:var(--ink-faint);border-style:dashed;min-height:72px}.unknown .qmark{font-family:var(--font-title);font-size:2rem;line-height:1}.next-quests{justify-self:end;width:min(260px,100%);margin:0;padding:10px 14px;transform:rotate(2deg)}.next-quests ul{list-style:none;margin:6px 0 0;padding:0}.next-quests li{display:flex;gap:6px;align-items:flex-start;font-size:.92rem;line-height:1.25;margin:4px 0}.next-quests .box{flex:none;width:15px;height:15px;margin-top:2px;border:2px solid var(--ink);border-radius:2px;font-size:.75rem;line-height:11px;text-align:center;color:var(--green)}.chapter-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:14px}.chapter-page{padding:10px 14px 12px;background:#ffffff8c;border:2px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 4px 0 var(--shadow)}.chapter-page.complete{background:#dcf3c899}.chapter-page.locked{background:repeating-linear-gradient(45deg,#ece8dc 0 8px,#e3dece 8px 16px);color:var(--ink-faint);border-style:dashed}.chapter-head{display:flex;align-items:center;gap:12px}.chapter-head>div{display:flex;flex-direction:column}.chapter-head b{font-family:var(--font-title);font-size:1.3rem}.chapter-head .chapter-progress{margin:0 0 0 auto;font-family:var(--font-title);font-size:1rem}.chapter-story{margin:6px 0 8px;color:var(--ink-soft);font-style:italic}.stage-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stage{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:10px;padding:4px 6px;border-bottom:1.5px dashed rgba(59,59,59,.25)}.stage .doodle-thumb{width:48px;height:48px}.stage .qmark{font-family:var(--font-title);font-size:1.8rem;text-align:center;color:var(--ink-faint)}.stage-name{display:flex;flex-direction:column}.stage-name small{color:var(--ink-soft)}.stage.boss .stage-name small{color:var(--red);font-weight:700}.stage.locked{opacity:.6}.chapter-reward{margin:8px 0 0;font-size:.9rem;color:#b07a00}@media(max-width:760px),(orientation:portrait){.notebook-doodles{display:none}.hero-profile{grid-template-columns:minmax(0,1fr)}.hero-panel .portrait-frame{width:min(100%,220px)}.hero-panel .hero-details{gap:10px}.hero-panel .stat-row{grid-template-columns:1fr 40px auto}.nb-page-title{display:none}.scene-notebook .nb-title{visibility:visible}.paper-tab .tab-label{display:none}.paper-tab .tab-icon{width:26px;height:26px}.home-row{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.stage{grid-template-columns:44px 1fr auto}.stage .star-row{display:none}}.scene-battle{--ml: 46px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2.1fr) minmax(190px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"me title foe" "left stage hint" "log controls rewards";column-gap:14px;row-gap:8px;padding:18px 18px 10px 62px!important;overflow:hidden!important}.scene-battle>*{min-width:0}.bt-me{grid-area:me}.bt-title{grid-area:title}.bt-foe{grid-area:foe}.bt-arena{grid-row:2;grid-column:1 / -1}.bt-left{grid-area:left;z-index:1}.bt-stage{grid-area:stage;z-index:1}.bt-hint{grid-area:hint;z-index:1}.bt-log{grid-area:log}.bt-controls{grid-area:controls}.bt-rewards{grid-area:rewards}.bt-icon{width:1.2em;height:1.2em;flex:none;vertical-align:-.22em}.scene-battle .bt-panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;align-self:start;padding:8px 12px 8px 8px;background-color:#fffdf5;background-image:var(--grain);border:2px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 4px 0 var(--shadow);text-align:left;transform:rotate(-.6deg)}.scene-battle .bt-panel.right{grid-template-columns:minmax(0,1fr) auto;border-radius:var(--wobbly-2);padding:8px 8px 8px 12px;text-align:left;transform:rotate(.6deg)}.scene-battle .bt-panel.right .bt-portrait{order:2}.bt-portrait{position:relative;width:68px;height:68px;padding:2px;background:#fff;border:2px solid var(--ink);border-radius:6px 10px 5px 9px;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--shadow)}.bt-panel.right .bt-portrait{transform:rotate(3deg)}.bt-portrait canvas{display:block;width:100%!important;height:100%!important}.bt-portrait-badge{position:absolute;top:-14px;left:-10px;width:26px;height:26px;transform:rotate(-14deg)}.bt-panel.right .bt-portrait-badge{left:auto;right:-10px;transform:rotate(14deg)}.scene-battle .bt-panel .fighter-name,.scene-battle .bt-panel.right .fighter-name{flex-direction:row;flex-wrap:wrap;gap:2px 8px;font-size:1.35rem;line-height:1.1}.scene-battle .bt-panel .fighter-name b{font-weight:400;overflow-wrap:anywhere}.scene-battle .bt-panel .hp-row,.scene-battle .bt-panel.right .hp-row{display:flex;flex-direction:row;align-items:center;gap:4px;margin:2px 0 1px;font-family:var(--font-title);font-size:1.1rem}.scene-battle .bt-panel .hp-text{min-width:0;text-align:left;white-space:nowrap}.bt-hp-heart{width:1.15em;height:1.15em}.scene-battle .bt-panel .meter-hp{--fill: #e4572e;height:16px;min-width:0;flex:none}.scene-battle .bt-panel.right .meter-hp .meter-fill{margin-left:0}.scene-battle .bt-panel.low .meter-hp{--fill: #b8322a}.has-ui-hp-frame .scene-battle .bt-panel .meter-hp{height:26px;padding:6px 10px}.bt-chips{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:4px;font-family:var(--font-title);font-size:1.05rem}.bt-chip{display:inline-flex;align-items:center;gap:2px}.bt-chip b{font-weight:400}.bt-chip .bt-icon{width:1.25em;height:1.25em}.bt-chips .skill-tag{font-family:var(--font-body);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scene-battle .bt-panel .combo-badge{top:-16px;right:18px;left:auto;z-index:1;background:#fffdf5e6;padding:0 6px;border-radius:8px}.scene-battle .bt-panel.right .combo-badge{right:auto;left:18px}.scene-battle .bt-panel .combo-badge:empty{display:none}.bt-stance-badge{position:absolute;bottom:-13px;right:16px;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:0 10px;font-family:var(--font-title);font-size:1rem;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--shadow);transform:rotate(-3deg)}.bt-panel.right .bt-stance-badge{right:auto;left:16px;transform:rotate(3deg)}.bt-stance-badge:empty{display:none}.bt-stance-badge.guard{background:var(--sticky-blue);color:#1d5ea8}.bt-stance-badge.focus{background:var(--sticky-purple);color:#6236a8}.bt-stance-badge.pop{animation:combo-pop .5s cubic-bezier(.2,1.6,.4,1)}.bt-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.bt-title-row{display:flex;align-items:center;gap:10px}.bt-title-text{margin:0;font-family:var(--font-title);font-weight:400;font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:.95;letter-spacing:1px;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 #8ec2f3,5px 6px 0 rgba(0,0,0,.12);transform:rotate(-2deg)}.bt-sword{width:clamp(28px,3vw,42px);height:clamp(28px,3vw,42px);transform:rotate(-8deg)}.bt-sword.right{transform:scaleX(-1) rotate(-8deg)}.bt-round-row{display:flex;align-items:center;gap:10px}.scene-battle .round-badge.bt-ribbon{position:relative;padding:1px 30px;font-size:1.35rem;background:linear-gradient(#f9ecc8,#f1ddb0);border:none;border-radius:2px;clip-path:polygon(0 0,100% 0,93% 50%,100% 100%,0 100%,7% 50%);filter:drop-shadow(0 0 .6px var(--ink)) drop-shadow(0 0 .6px var(--ink));transform:rotate(-1.5deg)}.scene-battle .round-badge.bt-ribbon b{font-size:1.5rem}.scene-battle .turn-timer{min-width:0;font-size:1.3rem}.scene-battle .turn-timer:empty{display:none}.scene-battle .bt-arena{margin:0 -4px;border:2.5px solid var(--ink);border-radius:var(--wobbly-2);box-shadow:3px 4px 0 var(--shadow);background:linear-gradient(transparent 68%,rgba(169,198,232,.25) 68% 69%,transparent 69%),radial-gradient(ellipse at 50% 100%,rgba(106,176,76,.18),transparent 60%),#fff6;padding:0}.has-ui-battle-bg .scene-battle .bt-arena{background:var(--a-ui-battle-bg) center 72% / cover no-repeat;border-radius:var(--wobbly-2);padding:0}.bt-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:10px 0 4px}.bt-fighters{display:flex;justify-content:space-around;align-items:flex-end;min-height:0;min-width:0;overflow:hidden}.bt-fighters .bt-anchor{min-width:0;flex:0 1 auto;height:min(100%,310px);width:auto;max-width:46%;aspect-ratio:1}.scene-battle .bt-stage .battle-status{justify-self:center;max-width:100%;margin:2px 0 0;padding:1px 12px;font-size:1.05rem;line-height:1.3;background:#fbf8eee6;border-radius:10px;min-height:1.4em}.bt-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px 0 8px 6px;min-height:0}.scene-battle .bt-tip{max-width:170px;margin:6px 0 0;padding:12px 14px 10px;font-family:var(--font-title);font-size:1.15rem;line-height:1.25;transform:rotate(-5deg)}.bt-tip .bt-icon{display:block;width:26px;height:26px;margin:4px auto 0}.bt-run{background:#fbf8eeeb}.bt-hint{align-self:end;margin:0 0 8px;font-size:.98rem;line-height:1.3;transform:rotate(1.5deg)}.bt-hint p{margin:2px 0}.bt-hint-title{font-family:var(--font-title);font-size:1.15rem}.bt-hint-title .bt-icon{width:1.4em;height:1.4em}.scene-battle .bt-hint .bt-hint-stances{margin-top:6px;font-size:.8rem;line-height:1.25;color:var(--ink-soft)}.bt-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:2px}.scene-battle .rps-bar{gap:clamp(8px,1.6vw,18px)}.scene-battle .rps-btn,.scene-battle .rps-btn.has-art{width:clamp(96px,10.5vw,148px);padding:6px 6px 4px;border:3px solid var(--ink);border-radius:var(--wobbly);box-shadow:3px 4px 0 var(--ink);background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.6) 0 22%,transparent 46%),repeating-linear-gradient(-58deg,rgba(255,255,255,.28) 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 45%,var(--crayon) 0 50%,color-mix(in srgb,var(--crayon) 55%,var(--paper)) 72%,var(--paper) 94%)!important}.scene-battle .rps-btn:nth-child(2){border-radius:var(--wobbly-2)}.scene-battle .rps-rock{--crayon: #f27b93}.scene-battle .rps-paper{--crayon: #6fa8ec}.scene-battle .rps-scissors{--crayon: #f5c937}.scene-battle .rps-btn:hover:not(:disabled),.scene-battle .rps-btn.has-art:hover:not(:disabled){transform:translateY(-5px) rotate(-2deg);box-shadow:4px 8px 0 var(--ink)}.scene-battle .rps-btn:active:not(:disabled),.scene-battle .rps-btn.has-art:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.scene-battle .rps-btn:disabled,.scene-battle .rps-btn.has-art:disabled{opacity:.55;filter:saturate(.5)}.scene-battle .rps-btn.picked,.scene-battle .rps-btn.has-art.picked{opacity:1;filter:none;transform:translateY(-8px) rotate(2deg);box-shadow:0 0 0 4px var(--yellow),4px 8px 0 var(--ink)}.scene-battle .rps-btn .rps-art{width:74%;margin:0 auto}.scene-battle .rps-btn .rps-icon{width:70%}.scene-battle .rps-name{font-size:1.45rem;line-height:1.1}.scene-battle .rps-btn kbd,.scene-battle .rps-btn.has-art kbd{top:4px;left:9px}.stance-bar{display:flex;justify-content:center;gap:clamp(10px,2vw,22px);width:100%}.stance-btn{--tint: var(--sticky-blue);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:clamp(130px,15vw,210px);min-height:44px;padding:4px 22px;font-family:var(--font-title);font-size:1.35rem;color:var(--ink);background:repeating-linear-gradient(-58deg,rgba(255,255,255,.35) 0 2px,transparent 2px 6px),color-mix(in srgb,var(--tint) 70%,#fff);border:2.5px solid var(--ink);border-radius:var(--wobbly-2);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,opacity .2s}.stance-focus{--tint: var(--sticky-purple);border-radius:var(--wobbly)}.stance-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:4px 5px 0 var(--ink)}.stance-btn.selected{background:repeating-linear-gradient(-58deg,rgba(255,255,255,.3) 0 2px,transparent 2px 6px),var(--tint);box-shadow:0 0 0 4px var(--yellow),3px 4px 0 var(--ink);transform:translateY(-3px) rotate(-1.5deg)}.stance-btn.selected:after{content:"✓";position:absolute;top:-12px;left:-8px;display:grid;place-items:center;width:24px;height:24px;font-size:1rem;color:#fff;background:var(--green);border:2px solid var(--ink);border-radius:50%}.stance-btn:disabled{opacity:.55;cursor:default;box-shadow:1px 1px 0 var(--ink)}.stance-btn.cooling{filter:grayscale(.6)}.stance-icon{width:28px;height:28px}.stance-btn kbd{font-family:var(--font-body);font-size:.75rem;color:var(--ink-soft)}.stance-cd:empty{display:none}.stance-cd{position:absolute;top:-11px;right:-9px;display:grid;place-items:center;width:26px;height:26px;font-size:1rem;color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:50%;filter:none}.scene-battle .bt-log{position:relative;display:flex;flex-direction:column;min-height:0;max-height:none;padding:22px 12px 8px 16px;background-color:#fffef9;background-image:radial-gradient(circle at 9px 9px,#fffef9 0 3px,#6d5a4a 3.5px 5px,transparent 5.5px),repeating-linear-gradient(180deg,transparent 0 21px,rgba(169,198,232,.8) 21px 22px);background-size:24px 18px,auto;background-repeat:repeat-x,repeat;background-position:4px 2px,0 26px;border:2px solid var(--ink);border-radius:4px 12px 8px 6px;box-shadow:3px 4px 0 var(--shadow);transform:rotate(-1.2deg);overflow:hidden;contain:size}.scene-battle .bt-log .log-list{flex:1;min-height:0}.scene-battle .bt-log:before{display:none}.scene-battle .bt-log h3{display:flex;align-items:center;gap:6px;margin:0 0 2px;font-family:var(--font-title);font-weight:400;font-size:1.2rem}.scene-battle .bt-log .log-list{font-size:.88rem;line-height:1.3}.scene-battle .bt-log .log-list li{padding:1px 0;border-bottom:none}.log-list li.stance.guard{color:#1d5ea8}.log-list li.stance.focus{color:#6236a8}.log-list li.combo{color:var(--red);font-family:var(--font-title)}.log-list li.tie{color:var(--ink-soft)}.bt-rewards{display:flex;flex-direction:column;justify-content:center;align-self:stretch;text-align:center;transform:rotate(-1deg)}.bt-rewards h3{margin:0;font-family:var(--font-title);font-weight:400;font-size:1.25rem}.bt-rewards h3 small{font-size:.85rem;color:var(--ink-soft)}.bt-rewards p{margin:2px 0}.bt-reward-row{display:flex;justify-content:space-around;align-items:flex-end;gap:6px;margin:6px 0 4px}.bt-reward{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:34%}.bt-reward b{font-family:var(--font-title);font-weight:400;font-size:1.25rem;line-height:1.1}.bt-reward small{max-width:100%;font-size:.72rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-reward .bt-reward-icon,.bt-reward .bt-reward-item{width:36px;height:36px;object-fit:contain}.bt-reward .bt-reward-coin{width:32px;height:32px}.bt-reward-foot{font-size:.82rem}.bt-best-stars{color:#d99a00;white-space:nowrap}.result-stars{margin:0 0 4px}.result-stars .stars{font-size:2.5rem;letter-spacing:4px;color:#f3b712;-webkit-text-stroke:1px var(--ink)}.result-stars .new-best{display:inline-block;margin-left:10px;padding:0 8px;font-family:var(--font-title);font-size:1.1rem;color:var(--red);border:2.5px solid currentColor;border-radius:8px;vertical-align:.4em;transform:rotate(-8deg);animation:stamp .45s .35s cubic-bezier(.2,1.6,.4,1) both}.bt-extras{grid-area:rewards;display:flex;flex-direction:column;gap:8px;min-height:0}.bt-extras .bt-hint{margin:0;padding:8px 12px;font-size:.83rem;align-self:stretch}.bt-extras .bt-hint details{font-size:.7rem}.bt-extras .bt-hint summary{cursor:pointer}.bt-extras .bt-rewards{flex:1;padding:8px 10px}.bt-margin-note{grid-area:hint;align-self:start;justify-self:end;width:126px;margin:20px 0 0;color:#436283;font:1.05rem/1.25 var(--font-title);transform:rotate(6deg);text-align:center}.bt-margin-note .ui-icon{width:32px;height:32px;display:block;margin:4px auto}.scene-battle .bt-arena,.has-ui-battle-bg .scene-battle .bt-arena{position:relative;inset:auto;border:0;border-radius:0;box-shadow:none;margin:-10px -5px 0;padding:0;background:transparent;mask-image:linear-gradient(transparent,#000 12% 87%,transparent),linear-gradient(90deg,transparent,#000 10% 90%,transparent);mask-composite:intersect}.has-ui-battle-bg .scene-battle .bt-arena{background:var(--a-ui-battle-bg) center 65%/cover no-repeat}.has-ui-battle-bg .bt-arena .scenery-fallback{display:none}.bt-title-text{color:#514b43;-webkit-text-stroke:1.8px var(--ink);background:repeating-linear-gradient(125deg,#83776b 0 1px,#38342f 1px 4px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scene-battle .bt-panel{background:var(--hatch),var(--grain),#f8efdb;box-shadow:2px 3px #51443255;border-width:1.5px}.scene-battle .bt-panel .meter-hp{height:23px;padding:3px;border:1.8px solid var(--ink);border-radius:3px;background:#d9d3c5}.scene-battle .bt-panel .meter-fill{background:repeating-linear-gradient(-46deg,#dd5b4c 0 2px,#e88974 2px 4px,#ce594c 4px 5px)}.scene-battle .rps-btn,.scene-battle .rps-btn.has-art{box-shadow:2px 3px #51443277;border-width:2px}.stance-btn{box-shadow:2px 3px #51443266;border-width:1.8px}.bt-portrait:after{content:"";position:absolute;top:-7px;left:18%;width:60%;height:11px;background:#d8c49a99;transform:rotate(5deg)}.scene-battle .bt-log{box-shadow:2px 3px #51443266}.scene-battle .bt-log:before{display:block;content:"";position:absolute;left:0;right:0;top:-5px;height:25px;background:var(--ring) left center/27px 22px repeat-x}@media(min-width:761px)and (orientation:landscape){.scene-battle{grid-template-columns:minmax(190px,1fr) minmax(0,2.05fr) minmax(210px,1fr);padding:14px 22px 28px 58px!important;row-gap:8px}.bt-stage{grid-column:1 / -1;grid-row:2;padding:0}.bt-fighters{overflow:visible;justify-content:space-between;padding:0 13%}.bt-fighters .bt-anchor{height:45vh;width:34%;max-width:34%;aspect-ratio:auto}.bt-fighters .bt-anchor.right{height:52vh}.scene-battle .bt-stage .battle-status{font-size:.8rem;max-width:65%;min-height:1.3em;padding:0 8px}.scene-battle .bt-panel{padding:5px 8px;gap:7px}.bt-portrait{width:clamp(58px,6.5vw,108px);height:clamp(58px,6.5vw,108px)}.scene-battle .bt-panel .fighter-name,.scene-battle .bt-panel.right .fighter-name{font-size:clamp(1.1rem,1.5vw,1.8rem)}.scene-battle .bt-panel .fighter-name small{font-size:.6rem}.scene-battle .bt-panel .hp-row{font-size:.95rem}.bt-chips{font-size:.85rem;gap:2px 6px}.bt-chips .skill-tag{font-size:.65rem}.bt-title-text{font-size:clamp(2.8rem,6.5vw,7rem)}.bt-sword{width:clamp(30px,4vw,68px);height:clamp(30px,4vw,68px)}.scene-battle .rps-btn,.scene-battle .rps-btn.has-art{width:clamp(110px,12vw,200px);padding:3px 5px}.scene-battle .rps-btn .rps-art{width:60%}.scene-battle .rps-name{font-size:clamp(1.3rem,2vw,2.2rem)}.bt-controls{gap:9px}.stance-btn{min-height:38px;min-width:clamp(145px,16vw,250px);font-size:clamp(1.1rem,1.7vw,1.8rem)}.scene-battle .bt-tip{width:135px;font-size:.95rem;padding:9px 12px}.bt-left{pointer-events:none}.bt-left .bt-run{pointer-events:auto;font-size:.75rem;min-height:26px;padding:2px 8px}.bt-reward-row{margin:3px 0}.bt-reward .bt-reward-icon,.bt-reward .bt-reward-item,.bt-reward .bt-reward-coin{width:27px;height:27px}.bt-reward b{font-size:1rem}.bt-reward small{font-size:.6rem}.bt-rewards h3{font-size:1rem}.bt-reward-foot{font-size:.65rem}.scene-battle .bt-log .log-list{font-size:.85rem}}@media(max-width:1100px)and (min-width:761px)and (orientation:landscape){.scene-battle{grid-template-columns:minmax(170px,1fr) minmax(0,1.8fr) minmax(170px,1fr)}.bt-chips .skill-tag{display:none}}@media(max-height:560px)and (orientation:landscape){.scene-battle{row-gap:4px;padding-top:6px!important;padding-bottom:6px!important}.bt-title-text{font-size:2rem}.bt-portrait{width:44px;height:44px}.bt-chips{display:none}.scene-battle .rps-btn,.scene-battle .rps-btn.has-art{width:84px}.scene-battle .rps-name{font-size:1.05rem}.stance-btn{min-height:34px;font-size:1.05rem}.scene-battle .bt-tip,.bt-hint-stances{display:none}}@media(max-width:760px),(orientation:portrait){.bt-margin-note{display:none}.bt-extras{grid-column:1 / -1;grid-row:6 / span 2}.scene-battle{--ml: 28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(210px,36vh) auto auto auto auto;grid-template-areas:"title title" "me foe" "stage stage" "controls controls" "log log" "hint hint" "rewards rewards";align-content:start;column-gap:8px;row-gap:10px;padding:8px 10px 16px 34px!important;overflow-x:hidden!important;overflow-y:auto!important}.bt-arena{grid-area:stage;margin:0}.bt-left{grid-area:title;align-self:center;padding:0;pointer-events:none}.bt-left .bt-run{pointer-events:auto}.scene-battle .bt-tip{display:none}.bt-title{padding-left:72px}.bt-title-text{font-size:2rem;-webkit-text-stroke-width:2px}.bt-sword{width:24px;height:24px}.scene-battle .round-badge.bt-ribbon{font-size:1.1rem;padding:0 22px}.scene-battle .round-badge.bt-ribbon b{font-size:1.2rem}.scene-battle .bt-panel,.scene-battle .bt-panel.right{grid-template-columns:1fr;gap:4px;padding:6px 8px 10px}.scene-battle .bt-panel.right .bt-portrait{order:0}.bt-portrait{position:absolute;top:-6px;right:4px;width:40px;height:40px}.bt-panel.right .bt-portrait{left:auto;right:4px}.bt-portrait-badge{display:none}.scene-battle .bt-panel .fighter-name{padding-right:42px;font-size:1.05rem}.scene-battle .bt-panel .fighter-name small{font-size:.75rem}.scene-battle .bt-panel .hp-row{font-size:.95rem}.scene-battle .bt-panel .hp-label{display:inline}.scene-battle .bt-panel .hp-text{font-size:.95rem}.bt-chips{gap:0 6px;font-size:.9rem}.bt-chips .skill-tag{flex-basis:100%;font-size:.75rem}.bt-stance-badge{font-size:.85rem;padding:0 6px}.bt-stage{padding:6px 0 4px}.bt-fighters .bt-anchor{height:min(100%,230px);max-width:48%}.scene-battle .bt-stage .battle-status{font-size:.9rem}.scene-battle .rps-bar{width:100%;gap:8px}.scene-battle .rps-btn,.scene-battle .rps-btn.has-art{width:31%;max-width:130px}.scene-battle .rps-name{font-size:1.1rem}.stance-bar{gap:10px}.stance-btn{flex:1;min-width:0;max-width:200px;padding:4px 10px;font-size:1.15rem}.scene-battle .bt-log{height:150px;transform:rotate(-.5deg)}.bt-hint,.bt-rewards{align-self:stretch;margin:0;transform:none}}.scene-creator{padding:22px 22px 24px 58px!important;gap:12px;overflow-x:hidden!important}.creator-top{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;padding-top:9px}.creator-top>.sketch-btn{position:absolute;left:0;top:2px;font-size:.9rem}.creator-top .crayon-title{font-size:clamp(2.5rem,4.7vw,5rem)}.creator-ribbon{margin:0;padding:2px 26px;background:var(--hatch),#e9b5be;font:1rem/1.2 var(--font-title);transform:rotate(-1deg);clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%)}.creator-main{position:relative;grid-template-columns:96px minmax(0,1.2fr) minmax(260px,1fr) minmax(190px,.75fr);gap:16px;align-items:stretch;flex:1;min-height:0}.creator-main>*{min-width:0}.creator-main .pencil-case{width:auto;background:var(--hatch),var(--grain),#f5ead3;padding:10px 7px;gap:9px;align-self:start}.tool-rail .tape-title{font-size:1rem;padding:3px 10px;margin:0 auto}.tool-rail .tool-group{flex-direction:column;flex-wrap:nowrap;gap:9px}.tool-rail .tool-btn{flex:none;padding:7px 5px;font-size:1rem;gap:4px;min-height:40px;box-shadow:1px 2px #51443233}.tool-rail .tool-btn.active{--scrap: #f3d66e;color:var(--ink)}.tool-rail .ui-icon{width:23px;height:23px;flex:none}.tool-rail .btn-with-icon{gap:4px}.tool-rail .sketch-btn.small{padding:5px 4px;font-size:.9rem;width:100%}.more-tools{font-size:.78rem}.more-tools summary{cursor:pointer;font-family:var(--font-title);padding:4px 0}.more-tools[open]{position:relative;z-index:5;background:var(--paper);box-shadow:2px 3px #51443233;padding:4px;border:1px solid #594e3b}.more-tools .sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.more-tools .size-btn{width:100%;min-width:0;height:28px;padding:1px}.more-tools>.sketch-btn{margin:3px 0}.canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}.canvas-paper{width:min(100%,45vh);max-width:100%;flex:none;border:2px solid var(--ink);border-radius:3px 7px 2px 5px;box-shadow:2px 3px #51443266;background:linear-gradient(#a9c6e839 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,#a9c6e839 1px,transparent 1px) 0 0/18px 18px,#fbf5e5}.draw-here{font-size:.65rem;line-height:1.1;color:#6d756e;left:10px;right:10px;bottom:7px;text-align:center}.canvas-wrap .palette{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;padding:3px 0}.color-btn{width:clamp(18px,1.65vw,28px);height:24px;background:repeating-linear-gradient(-40deg,#ffffff55 0 1px,transparent 1px 4px),var(--c);border:1.5px solid #62574199;border-radius:3px 1px 5px 2px;transform:rotate(-5deg);clip-path:polygon(0 7%,89% 0,98% 12%,92% 25%,100% 42%,93% 53%,100% 70%,92% 92%,0 100%,6% 80%,0 65%,7% 43%,0 28%)}.color-btn.active{transform:translateY(-3px) rotate(-5deg) scale(1.05);outline:2px solid var(--ink);outline-offset:2px;clip-path:none;box-shadow:0 2px #51443255}.color-btn:focus-visible{clip-path:none}.stamps-row{display:flex;align-items:center;gap:6px;width:100%;font-family:var(--font-title)}.stamps-row>b{font-weight:400;font-size:.9rem}.stamp-scroll{min-width:0;display:flex;gap:5px;overflow-x:auto;padding:4px;scrollbar-width:none}.stamp-btn{background:var(--hatch),#efe5cf;border:1px solid #62574199;border-radius:2px;padding:3px;width:32px;height:34px;flex:0 0 32px;color:#73523d;cursor:pointer}.stamp-btn.active{background-color:#f6d773;outline:2px solid #70522f}.stamp-icon{width:100%;height:100%}.stamp-next{background:none;border:0;color:#b34c3a;cursor:pointer;padding:5px 2px}.stamp-tip{margin:2px 0 0;padding:5px 12px;font:.85rem/1.2 var(--font-title);align-self:center;transform:rotate(-2deg)}.creator-side{display:block;min-height:0}.stats-editor{padding:10px 12px;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--hatch),var(--grain),#f8efdb}.stats-editor>.tape-title{margin:-1px 0 7px;font-size:1.2rem;white-space:nowrap}.stats-editor .field{gap:2px;margin:5px 0;min-width:0}.stats-editor .field>span:first-child{display:flex;gap:5px;align-items:center;font-size:.95rem}.stats-editor .field>span .ui-icon{width:18px;height:18px}.name-row{display:flex;align-items:flex-end;gap:7px;margin-bottom:7px}.name-row .field{flex:1;margin:0}.name-row .sketch-btn{padding:3px;width:34px;height:34px;margin-bottom:1px;flex:none}.name-row .ui-icon{width:27px;height:27px}.stats-editor .hand-input,.stats-editor .hand-select{min-height:28px;padding:2px 5px;font-size:.95rem;max-width:100%;background:#fff9ea8c;border:1.3px solid #5c5145;border-radius:3px;width:100%}.stats-editor .hand-input.big{font-size:1.1rem}.stat-edit{display:grid;grid-template-columns:55px 39px 16px minmax(0,1fr) 16px;gap:4px;align-items:center;margin:5px 0}.stat-edit .stat-name{font-size:.9rem;gap:3px}.stat-edit .ui-icon{width:22px;height:22px}.stat-edit .num{width:100%;min-width:0;padding:2px 0;text-align:center;appearance:textfield}.stat-edit .num::-webkit-inner-spin-button{display:none}.stat-edit .hand-range{width:100%;min-width:0;accent-color:#c8824c}.stat-edit-hp .hand-range{accent-color:#c65e59}.stat-edit-def .hand-range{accent-color:#6f97ba}.stat-step{background:none;border:0;padding:0;font-size:.6rem;color:#785b43;min-height:28px;cursor:pointer}.select-description{color:#746657;font-size:.72rem;line-height:1.15;min-height:1em}.creator-advanced{font-size:.78rem;margin-top:5px;padding-top:3px;border-top:1px dashed #84745c}.creator-advanced summary{font-family:var(--font-title);cursor:pointer;font-size:.9rem}.creator-advanced .hand-hint{font-size:.7rem}.creator-advanced .mode-toggle{margin-top:5px}.creator-advanced .mode-btn{font-size:.75rem;padding:3px}.creator-advanced .budget-row{font-size:.75rem;gap:6px}.creator-advanced .reward-edit{flex-wrap:wrap;font-size:.8rem;gap:4px}.creator-advanced .reward-edit .num{width:50px}.form-errors{font-size:.7rem;padding-left:14px;margin:3px 0}.form-errors:empty{display:none}.preview-column{display:flex;flex-direction:column;min-height:0;align-items:center;gap:5px}.preview-column>.tape-title{align-self:flex-start;font-size:1.2rem;margin-bottom:1px}.preview-card{width:100%;min-height:0;padding:12px 10px 8px;display:flex;flex-direction:column;align-items:center;background:var(--hatch),var(--grain),#f2e2bc;transform:rotate(1deg)}.preview-crown{width:30px;height:24px;margin:-5px 0 2px}.preview-card .preview-anchor{width:100%;height:clamp(120px,20vh,245px);min-height:0;flex:none;border:1.5px solid var(--ink);background:var(--hatch),radial-gradient(ellipse,#e0d3e055,#c6d6b13d);border-radius:2px 5px}.preview-info{width:100%;text-align:center}.preview-name{font:1.3rem/1.1 var(--font-title);margin:7px 0 3px;overflow-wrap:anywhere}.preview-level{font-size:.8rem;margin:0 0 6px}.preview-stars{color:#d5a43e;-webkit-text-stroke:.4px #655127}.preview-stats{display:flex;justify-content:space-around;padding:4px 0;border-top:1px dashed #9b8764;border-bottom:1px dashed #9b8764}.preview-stats>span{display:flex;flex-direction:column;align-items:center;gap:1px}.preview-stats .ui-icon{width:22px;height:22px}.preview-stats small{font-size:.6rem}.preview-stats b{font:1rem/1 var(--font-title)}.preview-skill{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:5px;font:.9rem/1.1 var(--font-title)}.preview-skill .ui-icon{width:18px;height:18px;flex:none}.preview-description{font-size:.7rem;line-height:1.2;margin:3px 0}.creator-note{color:#416483;font:.9rem/1.25 var(--font-title);margin:6px;text-align:center;transform:rotate(-3deg)}.creator-bottom{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:18px;flex:none}.share-strip{min-width:0}.share-strip>.tape-title{font-size:1.2rem;margin-bottom:9px}.share-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.share-action{min-width:0;text-align:center}.share-action .sketch-btn{width:100%;height:65px;min-height:0;font-size:1rem;padding:4px}.share-button-label{display:flex;flex-direction:column;align-items:center;gap:4px}.share-button-label b{font-weight:400}.share-button-label .ui-icon{width:30px;height:30px}.share-action p{font:.75rem/1.2 var(--font-body);margin:6px 0 0}.creator-friends{padding:8px 10px;min-width:0}.creator-friends .tape-title{font-size:1rem;white-space:nowrap;margin:-3px 0 5px;padding:2px 8px}.creator-friends .tape-title .ui-icon{width:22px;height:22px}.friend-tabs{display:flex;gap:5px}.friend-tab{font:.7rem/1.15 var(--font-title);padding:2px 4px;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.friend-tab.active{border-bottom-color:#658aa6;background:#d0dfd58c}.creator-friend-list{max-height:69px;overflow-y:auto;margin-top:3px;scrollbar-width:thin}.friends-empty{display:flex;gap:6px;align-items:center;font-size:.72rem;line-height:1.2;margin:5px 0;color:#686251}.friends-empty .ui-icon{width:28px;height:28px;flex:none}.friends-note{color:#416483;font:.7rem/1 var(--font-title);margin:4px 0 0;text-align:center}.creator-friend{display:flex;align-items:center;gap:5px;padding:3px 0;border-bottom:1px dashed #998a6d}.creator-friend>div{flex:1;min-width:0}.creator-friend b{display:block;font-size:.75rem;overflow-wrap:anywhere}.creator-friend small{display:block;font-size:.6rem;color:#807765}.creator-friend small.friend-is-online{color:#557948}.creator-friend .friend-avatar{width:25px;height:25px;flex:none}.creator-friend .sketch-btn{font-size:.65rem;padding:2px 3px;min-height:25px}.creator-margin-note{position:absolute;right:5%;top:2%;max-width:180px;color:#416483;font:.85rem/1.2 var(--font-title);text-align:center;transform:rotate(6deg);pointer-events:none}.creator-doodles{opacity:.28;mask-image:linear-gradient(#000 0 13%,transparent 23% 90%,#000)}.creator-hero-mode .creator-main{flex:none;min-height:65vh}.creator-hero-mode .canvas-paper{width:min(100%,53vh)}.creator-hero-mode .stats-editor{height:auto}.creator-steps{display:none}.friends-refresh{position:absolute;top:5px;right:9px;border:0;background:none;color:var(--ink-note);font:1.7rem/1 var(--font-title);cursor:pointer}.creator-friends{position:relative}.stamp-tip .ui-icon{width:30px;height:30px}@media(min-width:761px)and (orientation:landscape){.scene-creator{overflow-y:hidden!important}.creator-main{max-height:calc(100vh - 290px)}.creator-hero-mode .creator-main{max-height:none}.creator-side{overflow-y:auto;scrollbar-width:thin}}@media(min-width:1600px)and (min-height:900px){.scene-creator{padding:32px 38px 38px 74px!important;gap:22px}.creator-main{grid-template-columns:125px minmax(0,1.2fr) minmax(320px,1fr) minmax(250px,.75fr);gap:26px}.canvas-paper{width:min(100%,48vh)}.stats-editor{padding:18px}.stats-editor .field{margin:10px 0;gap:4px}.stats-editor .hand-input,.stats-editor .hand-select{font-size:1.1rem;min-height:34px}.select-description{font-size:.85rem}.stat-edit{grid-template-columns:70px 48px 20px minmax(0,1fr) 20px;margin:11px 0}.share-action .sketch-btn{height:95px;font-size:1.3rem}.share-button-label .ui-icon{width:42px;height:42px}.share-action p{font-size:.95rem}.creator-friend-list{max-height:100px}.friends-empty{font-size:.95rem}}@media(max-width:1100px)and (min-width:761px)and (orientation:landscape){.creator-main{grid-template-columns:80px minmax(0,1fr) minmax(230px,1fr);gap:10px}.preview-column,.creator-margin-note{display:none}}@media(max-width:760px),(orientation:portrait){.scene-creator{padding:16px 12px 24px 38px!important;overflow-y:auto!important}.creator-top{padding-top:35px}.creator-ribbon{font-size:.85rem;text-align:center;padding:4px 16px}.creator-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px;flex:none}.creator-main .pencil-case{order:2;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:8px;align-items:center;justify-content:center}.tool-rail .tape-title{display:none}.tool-rail .tool-group{flex-direction:row;flex-wrap:wrap;gap:5px}.tool-rail .tool-btn{font-size:.85rem;min-height:36px}.tool-rail .sketch-btn.small{width:auto}.tool-rail .ui-icon{width:20px;height:20px}.more-tools{width:100%;text-align:center}.more-tools .sizes{display:flex;flex-wrap:wrap;justify-content:center}.more-tools .size-btn{width:48px}.canvas-wrap{order:1}.canvas-paper{width:100%}.canvas-wrap .palette{gap:6px}.color-btn{width:21px;height:27px}.stamp-tip{font-size:.8rem}.creator-side{order:3}.stats-editor{height:auto;padding:14px;overflow:visible}.stats-editor .field{margin:10px 0}.stats-editor .hand-input,.stats-editor .hand-select{min-height:36px;font-size:1rem}.select-description{font-size:.8rem}.preview-column{order:4;width:100%}.preview-card{width:min(100%,270px)}.preview-card .preview-anchor{height:200px}.creator-bottom{grid-template-columns:minmax(0,1fr);gap:20px}.share-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.share-action .sketch-btn{font-size:.95rem;min-height:75px}.creator-friend-list{max-height:150px}.creator-margin-note,.creator-doodles{display:none}.creator-hero-mode .creator-main{min-height:0}.creator-hero-mode .canvas-paper{width:100%}.creator-hero-mode .creator-actions{margin-top:14px}}.fixed-stage.scene-creator{display:block;padding:0!important}.fixed-stage .creator-top{position:absolute;left:470px;top:10px;width:1000px;height:190px;padding:0;flex-wrap:nowrap}.fixed-stage .creator-top .crayon-title{width:1000px;height:145px;flex:none;font-size:118px;line-height:1.1;text-align:center;padding-top:12px}.fixed-stage .creator-top .crayon-0{--letter-color:#cf5141}.fixed-stage .creator-top .crayon-1{--letter-color:#2b2622}.fixed-stage .creator-top .crayon-2{--letter-color:#2988b5}.fixed-stage .creator-top .crayon-word{text-shadow:none;-webkit-text-stroke:2px var(--ink)}.fixed-stage .creator-top .title-crown{width:68px;height:42px;left:68%;top:-4px}.fixed-stage .creator-top>.sketch-btn{position:fixed;left:325px;top:178px;font-size:20px;min-height:28px;padding:1px 8px}.fixed-stage .creator-ribbon{position:absolute;top:145px;left:175px;width:650px;min-height:48px;padding:6px 22px;font-size:28px;text-align:center;color:var(--ink-note)}.fixed-stage .creator-main{position:absolute;top:215px;left:90px;width:1695px;height:625px;max-height:none;min-height:0;grid-template-columns:170px 645px 450px 385px;grid-template-rows:minmax(0,1fr);gap:15px}.fixed-stage .creator-main .pencil-case{padding:10px 12px 12px;gap:6px}.fixed-stage .tool-rail>.tape-title{font-size:30px;margin-bottom:6px;padding:2px 10px}.fixed-stage .tool-rail .tool-group{gap:14px}.fixed-stage .tool-rail .tool-btn,.fixed-stage .tool-rail .sketch-btn.small{min-height:70px;padding:10px 8px;font-size:25px;justify-content:flex-start}.fixed-stage .tool-rail .ui-icon{width:42px;height:42px}.fixed-stage .tool-rail .btn-with-icon{gap:7px}.fixed-stage .more-tools{font-size:20px}.fixed-stage .more-tools summary{padding:5px 0}.fixed-stage .more-tools[open]{position:absolute;top:470px;left:0;width:170px}.fixed-stage .more-tools>.sketch-btn.small{min-height:36px;font-size:22px}.fixed-stage .canvas-wrap{position:relative;gap:12px;padding:0}.fixed-stage .canvas-paper{width:645px;height:480px;aspect-ratio:auto;border:3px double #75654e;border-radius:4px 9px 2px 5px;background-color:#f2e7d0}.fixed-stage .canvas-paper .drawing-canvas{width:474px;height:474px;left:82px;right:auto}.fixed-stage .draw-here{font-size:18px;bottom:8px}.fixed-stage .canvas-wrap .palette{height:42px;padding:0 5px;flex-wrap:nowrap;gap:12px}.fixed-stage .color-btn{width:38px;height:35px;flex:none;border:0;border-radius:0;clip-path:polygon(0 15%,15% 0,25% 17%,40% 0,50% 13%,65% 0,75% 14%,95% 0,100% 75%,85% 100%,72% 84%,60% 100%,48% 85%,30% 100%,18% 84%,0 100%)}.fixed-stage .stamps-row{position:relative;padding:24px 9px 7px;gap:6px;border:1.5px solid #8b795b;border-radius:2px;background:var(--grain),#f1e6d0}.fixed-stage .stamps-row>b{position:absolute;top:0;left:15px;font-size:23px}.fixed-stage .stamp-scroll{gap:6px}.fixed-stage .stamp-btn{width:46px;height:52px;flex-basis:46px;padding:4px}.fixed-stage .stamp-next{font-size:23px}.fixed-stage .stamp-tip{position:absolute;top:515px;left:-170px;width:150px;min-height:155px;margin:0;padding:17px 12px;font:26px/1.12 var(--font-title);transform:rotate(-6deg)}.fixed-stage .stamp-tip .ui-icon{display:block;margin:0 auto 6px;width:45px;height:42px}.fixed-stage .creator-side{overflow:visible;min-height:0}.fixed-stage .stats-editor{height:625px;padding:10px 16px 36px;display:block;overflow:visible;position:relative}.fixed-stage .stats-editor>.tape-title{font-size:29px;margin:-8px 0 12px -12px;white-space:nowrap}.fixed-stage .stats-editor .field{margin:6px 0;gap:4px}.fixed-stage .stats-editor .field>span:first-child{font-size:25px;gap:8px}.fixed-stage .stats-editor .field>span .ui-icon{width:36px;height:36px;flex:none}.fixed-stage .stats-editor .hand-input,.fixed-stage .stats-editor .hand-select{font-size:25px;min-height:38px;padding:1px 7px}.fixed-stage .stats-editor .name-row{gap:6px;margin-bottom:10px;align-items:center}.fixed-stage .stats-editor .name-row .field{display:grid;grid-template-columns:115px 1fr;align-items:center;margin:0}.fixed-stage .name-row .sketch-btn{width:40px;height:40px;padding:3px;margin:0}.fixed-stage .name-row .ui-icon{width:32px;height:32px}.fixed-stage .stat-edit{grid-template-columns:125px 65px 16px minmax(0,1fr) 16px;gap:5px;margin:8px 0;min-height:43px}.fixed-stage .stat-edit .stat-name{font-size:28px;gap:10px}.fixed-stage .stat-edit .ui-icon{width:40px;height:40px}.fixed-stage .stat-step{font-size:20px;color:var(--ink)}.fixed-stage .stat-edit{--stat-ink:#d56154}.fixed-stage .stat-edit-atk{--stat-ink:#db9954}.fixed-stage .stat-edit-def{--stat-ink:#659ac0}.fixed-stage .stat-edit-luck{--stat-ink:#7fa36f}.fixed-stage .stat-edit .hand-range{appearance:none;height:17px;border:2px solid #5a4b3e;border-radius:2px;background:linear-gradient(90deg,var(--stat-ink) 0 var(--stat-progress),#eee1c8 var(--stat-progress) 100%)}.fixed-stage .hand-range::-webkit-slider-thumb{appearance:none;width:17px;height:30px;border:2px solid #5a4b3e;border-radius:3px;background:var(--grain),#c8bda9;cursor:ew-resize}.fixed-stage .hand-range::-moz-range-thumb{width:13px;height:26px;border:2px solid #5a4b3e;border-radius:3px;background:#c8bda9;cursor:ew-resize}.fixed-stage .stats-editor>.field-choice{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;column-gap:8px;margin:8px 0}.fixed-stage .stats-editor>.field-choice>span:first-child{font-size:23px;gap:6px}.fixed-stage .stats-editor>.field-choice>span .ui-icon{width:32px;height:32px}.fixed-stage .field-choice .select-description{grid-column:2;font-size:20px;line-height:1.15;min-height:35px}.fixed-stage .creator-advanced{position:absolute;bottom:7px;left:16px;right:16px;margin:0;font-size:21px}.fixed-stage .creator-advanced summary{font-size:22px}.fixed-stage .creator-advanced[open]{max-height:560px;overflow-y:auto;background:var(--paper);z-index:6;padding:10px;border:1.5px solid #78674f;filter:var(--paper-shadow)}.fixed-stage .creator-advanced .hand-hint{font-size:18px}.fixed-stage .form-errors{position:absolute;bottom:36px;left:16px;right:16px;font-size:18px;background:var(--paper);z-index:5}.fixed-stage .preview-column{display:flex;position:relative;gap:12px}.fixed-stage .preview-column>.tape-title{font-size:31px;margin:0;padding:2px 16px}.fixed-stage .preview-card{padding:16px;height:535px;flex:none;position:relative}.fixed-stage .preview-card .preview-anchor{height:235px;border:3px double #5b5141;border-radius:3px;background:var(--grain),linear-gradient(#c7d9dcaa,#e9e2c1)}.fixed-stage .preview-crown{position:absolute;right:8px;top:-40px;width:68px;height:56px}.fixed-stage .preview-info{text-align:left}.fixed-stage .preview-name{font-size:32px;margin:7px 0 4px}.fixed-stage .preview-level{font-size:24px;margin-bottom:8px}.fixed-stage .preview-stats{justify-content:space-between;padding:7px 0}.fixed-stage .preview-stats>span{flex-direction:row;gap:5px}.fixed-stage .preview-stats small{display:none}.fixed-stage .preview-stats .ui-icon{width:31px;height:31px}.fixed-stage .preview-stats b{font-size:25px}.fixed-stage .preview-skill{justify-content:flex-start;font-size:27px;margin:10px 0 5px}.fixed-stage .preview-skill .ui-icon{width:38px;height:38px}.fixed-stage .preview-description{font-size:21px;line-height:1.2}.fixed-stage .creator-note{display:block;position:absolute;right:-125px;top:310px;width:115px;min-height:170px;margin:0;padding:14px 8px;font:25px/1.15 var(--font-title);color:var(--ink-note);background:var(--grain),#edd081;border:1px solid #c5ae79;transform:rotate(5deg);filter:var(--paper-shadow)}.fixed-stage .creator-bottom{position:absolute;left:255px;top:855px;width:1530px;height:210px;display:grid;grid-template-columns:1010px 500px;grid-template-rows:210px;gap:20px}.fixed-stage .share-strip>.tape-title{font-size:32px;margin-bottom:16px}.fixed-stage .share-action-row{gap:20px}.fixed-stage .share-action .sketch-btn{height:88px;font-size:24px;padding:8px}.fixed-stage .share-button-label{flex-direction:row;justify-content:center;gap:8px}.fixed-stage .share-button-label .ui-icon{width:48px;height:48px}.fixed-stage .share-action p{font-size:21px;line-height:1.1;margin:10px 0 0}.fixed-stage .creator-friends{height:260px;padding:10px 14px;transform:translateY(-42px) rotate(.5deg)}.fixed-stage .creator-friends .tape-title{font-size:28px;background-color:#dfb6c7;margin:-8px 40px 10px 0}.fixed-stage .friend-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fixed-stage .friend-tab{border:1px solid #8e7a63;border-radius:9px 8px 2px 2px;background:#f3e9d5;font-size:23px}.fixed-stage .friend-tab.active{background:var(--hatch),#efd478}.fixed-stage .friends-refresh{top:2px;font-size:38px}.fixed-stage .creator-friend-list{max-height:140px;padding:8px 0;font-size:23px}.fixed-stage .creator-friend b{font-size:23px}.fixed-stage .creator-friend small{font-size:19px}.fixed-stage .creator-friend .friend-avatar{width:44px;height:44px}.fixed-stage .creator-friend .sketch-btn{font-size:20px;min-height:38px}.fixed-stage .friends-empty{font-size:23px}.fixed-stage .friends-note{font-size:20px}.fixed-stage .creator-margin-note{display:block;left:105px;top:34px;right:auto;width:195px;max-width:none;min-height:135px;padding:14px 18px;font:25px/1.1 var(--font-title);color:var(--ink-note);text-align:left;transform:rotate(-5deg)}.fixed-stage .creator-steps{display:block;position:absolute;right:330px;top:44px;width:170px;margin:0;color:var(--ink-note);font:26px/1.3 var(--font-title);transform:rotate(6deg)}.creator-steps,.creator-margin-note,.creator-note,.stamp-tip{pointer-events:none}.fixed-stage .creator-kids{position:absolute;right:10px;bottom:8px;width:115px;height:90px;pointer-events:none}.fixed-stage.scene-creator .desk-pencil,.fixed-stage.scene-creator .desk-eraser,.fixed-stage.scene-creator .desk-shavings{display:none}.fixed-stage.scene-creator .desk-clip{top:auto;bottom:145px;left:35px;width:45px;height:100px}.fixed-stage .desk-crayons{position:absolute;left:35px;bottom:0;width:190px;height:200px}.fixed-stage .desk-crayons i{position:absolute;bottom:-35px;width:28px;height:180px;background:linear-gradient(90deg,#992d2c 20%,#d45f4f 22% 60%,#853731 65%);border:1px solid #674535;clip-path:polygon(0 100%,0 15%,50% 0,100% 15%,100% 100%);transform:rotate(24deg)}.fixed-stage .desk-crayons i:nth-child(2){left:50px;height:210px;transform:rotate(16deg);background:linear-gradient(90deg,#183d3c 20%,#447263 22% 60%,#23433c 65%)}.fixed-stage .desk-crayons i:nth-child(3){left:95px;height:160px;transform:rotate(32deg);background:linear-gradient(90deg,#714c25 20%,#b28b51 22% 60%,#5e432a 65%)}.has-skin-prop-crayons .fixed-stage .desk-crayons{background:var(--skin-prop-crayons) center/contain no-repeat}.has-skin-prop-crayons .desk-crayons i{display:none}.fixed-stage.creator-hero-mode .creator-main{height:760px}.fixed-stage.creator-hero-mode .stats-editor{height:auto;min-height:240px}.fixed-stage.creator-hero-mode .creator-actions .sketch-btn{font-size:27px;padding:12px 24px}.has-skin-scenery-creator .fixed-stage :is(.creator-steps,.creator-note){text-shadow:0 0 6px #fbf6e8,0 0 3px #fbf6e8}:root{--ink: #2b2622;--ink-note: #2f4f8f;--paper-contact: drop-shadow(0 1px 1px rgba(60,40,20,.35));--paper-ambient: drop-shadow(0 6px 10px rgba(60,40,20,.22));--paper-shadow: var(--paper-contact) var(--paper-ambient);--prop-shadow: drop-shadow(0 10px 14px rgba(40,20,5,.4));--notebook-shadow: drop-shadow(0 18px 30px rgba(40,22,8,.45))}.has-skin-desk-wood #desk{background:var(--skin-desk-wood) center/1024px 1024px repeat}.scrap,.paper-scrap,.sticky-note,.notepad,.photo-frame,.collect-card,.tape-label,.tape-title,.home-section-title,.level-tag,.ribbon,.bt-panel,.bt-log,.rps-btn,.stance-btn,.equip-slot,.home-monster,.home-item,.home-chapter,.home-memory,.paper-tab,.menu-side-tab{box-shadow:none!important;filter:var(--paper-shadow)}.scrap,.paper-scrap,.notepad,.collect-card{background-color:var(--piece-color,var(--paper));background-image:var(--hatch),var(--grain);border:1.5px solid #635747;border-radius:3px 6px 2px 5px}.scrap--cream{--piece-color:#efe6d2}.scrap--yellow{--piece-color:#f0d278}.scrap--blue{--piece-color:#b8d5e4}.scrap--pink{--piece-color:#eab6c2}.scrap--green{--piece-color:#cad99f}.scrap--purple{--piece-color:#cdbbe0}.btn-menu,.btn-small,[class*=btn-big--],[class*=sticky--],[class*=tab--]{color:var(--ink);background:var(--hatch),var(--grain),var(--piece-color,#efe6d2);border:1.5px solid #635747;border-radius:3px 6px 2px 5px;box-shadow:none;filter:var(--paper-shadow)}.btn-menu.is-selected,.btn-big--yellow,.sticky--yellow,.tab--yellow{--piece-color:#f0d278}.btn-big--blue,.sticky--blue,.tab--blue{--piece-color:#b8d5e4}.btn-big--pink,.sticky--pink,.tab--pink{--piece-color:#eab6c2}.btn-big--green,.tab--green{--piece-color:#cad99f}.tab--purple{--piece-color:#cdbbe0}.tab--orange{--piece-color:#e8bc8d}.tab--cream{--piece-color:#efe6d2}.notepad{background-image:var(--grain),repeating-linear-gradient(transparent 0 25px,#97b3cf66 25px 26px)}.photo-frame{padding:18px;border:2px solid #635747;background:var(--hatch),#efe6d2;filter:var(--paper-shadow)}.bar{height:24px;border:2px solid var(--ink);background:#d5cebe;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:repeating-linear-gradient(-45deg,#5991b7 0 2px,#87b7cd 2px 5px)}.tool-rail .tool-btn.active{background:var(--hatch),#f0d278;color:var(--ink)}.tool-rail .tool-btn span{color:inherit}.tape,.pin{pointer-events:none;position:absolute;z-index:1}.tape{width:80px;height:28px;background:var(--skin-piece-tape-1,linear-gradient(100deg,#d6bf8a99,#eddbacbb));background-size:100% 100%;transform:rotate(-24deg);top:-9px;left:-17px}.pin{width:24px;height:24px;background:var(--skin-piece-pin-red,radial-gradient(circle at 40% 35%,#ffb5a0 0 15%,#b94335 20% 55%,transparent 60%));background-size:contain;left:45%;top:-10px;filter:var(--paper-contact)}.taped:before,.collect-card:before,.home-monster:before,.home-item:before,.home-memory:before{content:"";position:absolute;pointer-events:none;top:-8px;left:40%;width:32px;height:18px;background:var(--skin-piece-tape-2,linear-gradient(110deg,#d1ba85a0,#e5ce9bba));background-size:100% 100%;transform:rotate(8deg);z-index:1}.collect-card,.home-monster,.home-item,.home-memory{position:relative}.sketch-btn,.btn-menu,.btn-small,.stance-btn,.btn-big,.rps-btn{transition:translate .12s ease,filter .12s ease}.sketch-btn:hover:not(:disabled),.btn-menu:hover:not(:disabled),.btn-small:hover:not(:disabled),.stance-btn:hover:not(:disabled),.rps-btn:hover:not(:disabled){translate:0 -2px;filter:var(--paper-contact) drop-shadow(0 9px 13px #3c28143d)}.sketch-btn:active:not(:disabled),.btn-menu:active:not(:disabled),.btn-small:active:not(:disabled),.stance-btn:active:not(:disabled),.rps-btn:active:not(:disabled){translate:0 1px;filter:var(--paper-contact) drop-shadow(0 2px 3px #3c281438)}.menu-scribble,.bt-margin-note,.creator-note,.creator-margin-note{color:var(--ink-note)}.desk-props>*{filter:var(--prop-shadow)}.props-source{visibility:hidden}.skin-foreground{z-index:3!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important}.skin-foreground *{pointer-events:none!important}.skin-foreground:before,.skin-foreground:after{display:none!important}.has-skin-panel-ribbon .ribbon:before,.has-skin-panel-ribbon .ribbon:after{display:none}.creator-kids{pointer-events:none}.creator-kids .ui-icon{width:100%;height:100%}@media(max-width:760px),(orientation:portrait){.creator-kids{display:none}}.nb-topbar .sketch-btn.ghost{color:var(--ink);border-color:#7b6448}.skin-title-art{display:none}.skin-title{position:relative}html:not([lang=th]) .skin-title.has-title>:not(.skin-title-art){visibility:hidden}html:not([lang=th]) .skin-title.has-title>.skin-title-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.skin-light{position:fixed;inset:0;z-index:4;pointer-events:none}.skin-light>i{position:absolute;inset:0;pointer-events:none}.skin-light .warm{background:radial-gradient(at 20% 10%,rgba(255,214,150,.22),transparent 60%);mix-blend-mode:soft-light}.skin-light .vignette{background:radial-gradient(ellipse at center,transparent 55%,rgba(50,28,10,.35));mix-blend-mode:multiply}.skin-light .grain{background:var(--skin-paper-grain,var(--grain)) repeat;opacity:.18;mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){.sketch-btn,.btn-menu,.btn-small,.stance-btn,.rps-btn{transition:none}.menu-item.selected:before{animation:none}}.reduced-motion :is(.sketch-btn,.btn-menu,.btn-small,.stance-btn,.rps-btn){transition:none}.scene.fixed-stage{inset:auto!important;left:var(--stage-left)!important;top:var(--stage-top)!important;width:1920px;height:1080px;scale:var(--stage-scale);transform-origin:0 0;overflow:hidden!important;font-size:24px}.fixed-stage.page{border-radius:12px 22px 24px 8px;filter:var(--notebook-shadow)}.fixed-stage.page{background:transparent;box-shadow:none}.fixed-stage.page:before{content:"";position:absolute;inset:24px 32px 25px 18px;border-radius:9px 18px 20px 5px;z-index:-1;background:var(--grain),linear-gradient(90deg,transparent 0 66px,#b46f663b 66px 68px,transparent 68px),repeating-linear-gradient(180deg,#efe6d2 0 36px,#93aec84a 36px 37px);box-shadow:0 3px #e2d2af,3px 8px #bcaa87}.fixed-stage .spiral{width:65px;left:0;background-size:65px 60px}.fixed-stage .desk-pencil{width:480px;height:56px;bottom:12px;left:8px}.fixed-stage .desk-shavings{width:240px;height:90px;left:450px;bottom:0}.fixed-stage .desk-eraser{width:180px;height:140px;right:0;bottom:16px;padding:30px;font-size:26px}.fixed-stage .desk-clip{left:110px;width:90px;height:70px;top:-4px}.fixed-stage .desk-props{overflow:visible}.fixed-stage.scene-menu .logo-wrap{left:650px;top:30px;width:690px;height:410px}.fixed-stage.scene-menu .logo-svg{max-height:none;height:350px}.fixed-stage.scene-menu .logo-svg{scale:1.45;transform-origin:50% 65%}.fixed-stage.scene-menu .logo-art{max-height:none;height:350px}.fixed-stage.scene-menu .tape-label.ribbon{font-size:26px;padding:8px 22px}.fixed-stage.scene-menu .menu-buttons{left:770px;top:475px;width:480px;gap:20px}.fixed-stage.scene-menu .menu-item{height:92px;min-height:92px;font-size:39px;padding:12px 24px}.fixed-stage.scene-menu .menu-item-icon{width:56px;height:56px;max-height:none}.fixed-stage.scene-menu .menu-item-label{gap:25px}.fixed-stage.scene-menu .hero-side{left:150px;bottom:190px;width:560px;height:446px}.fixed-stage.scene-menu .monster-side{right:75px;bottom:240px;width:510px;height:594px}.fixed-stage.scene-menu .hero-anchor,.fixed-stage.scene-menu .monster-anchor{width:100%;height:100%}.fixed-stage.scene-menu .menu-scribble.left{display:block;left:395px;top:285px;max-width:190px;font-size:30px}.fixed-stage.scene-menu .menu-scribble.right{display:block;right:470px;top:40px;max-width:190px;font-size:29px}.has-skin-scenery-menu .fixed-stage.scene-menu .menu-scribble{text-shadow:0 0 6px #fbf6e8,0 0 3px #fbf6e8}.fixed-stage.scene-menu .menu-sticky{left:28px;bottom:50px;width:225px;padding:20px}.fixed-stage.scene-menu .menu-sticky p{font-size:29px}.fixed-stage.scene-menu .menu-sticky .ui-icon{width:60px;height:60px}.fixed-stage.scene-menu .menu-side-tabs{right:8px;top:80px;gap:22px}.fixed-stage.scene-menu .menu-side-tab{width:94px;height:100px}.fixed-stage.scene-menu .menu-footer{right:210px;bottom:32px;max-width:520px;padding:16px 22px;font-size:18px;flex-wrap:wrap}.fixed-stage.scene-menu .menu-footer .sketch-btn{font-size:21px}.fixed-stage.scene-menu .menu-footer .prototype-note{width:100%;text-align:center;font-size:27px}.fixed-stage.scene-notebook{padding:18px 40px 14px;gap:0}.fixed-stage.scene-notebook .nb-topbar{height:48px;min-height:48px;padding:0 25px}.fixed-stage .nb-topbar .sketch-btn{min-height:36px;font-size:23px}.fixed-stage .coin-counter{font-size:25px}.fixed-stage .spread{grid-template-columns:903px 34px 783px 100px;filter:var(--notebook-shadow)}.fixed-stage .spread>.left-page{padding:28px 35px 90px 60px!important;overflow:hidden}.fixed-stage .right-page>.page-content,.fixed-stage .flip-sheet>.page-content{padding:30px 30px 65px}.fixed-stage .right-page{overflow:visible!important}.fixed-stage .nb-page-title{margin:6px 0 12px}.fixed-stage .nb-page-title .crayon-title{font-size:83px;height:115px;width:100%}.fixed-stage .nb-page-title p{font-size:27px;margin-top:5px}.fixed-stage .left-page .hero-panel{gap:12px}.fixed-stage .left-page .hero-head{margin:0}.fixed-stage .left-page .hero-name{font-size:27px}.fixed-stage .left-page .hero-class{font-size:23px}.fixed-stage .left-page .hero-profile{flex:1;min-height:300px;max-height:390px;gap:22px}.fixed-stage .left-page .hero-details{overflow:visible;gap:10px}.fixed-stage .left-page .portrait-frame{padding:20px}.fixed-stage .left-page .level-tag{font-size:38px;min-height:58px}.fixed-stage .left-page .level-tag b{font-size:47px}.fixed-stage .left-page .exp-row{font-size:23px}.fixed-stage .left-page .meter-exp{height:30px}.fixed-stage .left-page .meter-exp{flex:none}.fixed-stage .left-page .meter-label{font-size:18px}.fixed-stage .left-page .stat-list{gap:6px;min-height:170px;padding:10px 15px}.fixed-stage .left-page .stat-row{font-size:28px}.fixed-stage .left-page .stat-value{font-size:30px}.fixed-stage .stat-icon{width:36px;height:36px}.fixed-stage .left-page .equipped-title{margin:12px 0 4px;font-size:31px}.fixed-stage .left-page .equip-row{flex:0 0 160px;gap:20px}.fixed-stage .left-page .item-icon{width:75px;height:75px}.fixed-stage .left-page .slot-label{font-size:18px}.fixed-stage .left-page .slot-item{font-size:24px}.fixed-stage .left-page .hero-actions{gap:18px;margin:12px 0 0}.fixed-stage .left-page .hero-actions .sketch-btn{font-size:25px;min-height:75px;padding:8px 18px}.fixed-stage .left-page .hero-actions .sketch-btn.primary{font-size:36px}.fixed-stage .left-page .power-line{font-size:17px}.fixed-stage .left-page .points-note{font-size:22px}.fixed-stage .left-page .skill-box{font-size:18px}.fixed-stage .tab-home{gap:18px;grid-template-rows:36px minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr)}.fixed-stage .home-quote{font-size:23px}.fixed-stage .home-section-head{gap:15px;margin-bottom:14px}.fixed-stage .home-section-title{font-size:34px;padding:6px 20px}.fixed-stage .home-section-title .ui-icon{width:42px;height:42px}.fixed-stage .home-count,.fixed-stage .view-all{font-size:25px}.fixed-stage .home-row{width:100%;gap:14px;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.fixed-stage .home-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.fixed-stage .home-monster .doodle-thumb{width:88px!important;height:88px!important}.fixed-stage .home-monster b,.fixed-stage .home-chapter b,.fixed-stage .home-memory b{font-size:22px}.fixed-stage .home-monster small,.fixed-stage .home-chapter small,.fixed-stage .home-memory small{font-size:18px}.fixed-stage .home-item .ui-icon,.fixed-stage .home-item .item-icon{width:60px;height:60px}.fixed-stage .home-memory .sticker{width:64px;height:64px}.fixed-stage .next-quests{right:-15px;bottom:150px;width:225px;font-size:24px;padding:16px}.fixed-stage .tab-home .home-section:nth-of-type(3) .home-row{padding-right:175px}.fixed-stage .next-quests li{font-size:20px}.fixed-stage .tab-home .home-section:last-of-type .home-row{padding-right:0}.fixed-stage .paper-tabs{display:grid;grid-template-rows:repeat(8,88px);gap:13px;padding:20px 0 185px}.fixed-stage .paper-tab{max-height:98px;font-size:23px}.fixed-stage .paper-tab .tab-icon{width:42px;height:42px}.fixed-stage .spine:after{background-size:65px 60px}.fixed-stage.scene-battle{padding:30px 48px 30px 110px!important;grid-template-columns:440px 850px 430px;grid-template-rows:235px 430px 315px;gap:18px}.fixed-stage .bt-title{justify-content:flex-start}.fixed-stage .bt-title-text{font-size:110px;width:650px;height:160px}.fixed-stage .bt-sword{width:80px;height:80px}.fixed-stage .bt-ribbon{font-size:45px;padding:5px 70px}.fixed-stage .bt-panel{padding:20px 15px!important;gap:18px}.fixed-stage .bt-portrait{width:145px;height:145px}.fixed-stage .bt-panel .fighter-name{font-size:36px!important}.fixed-stage .bt-panel .fighter-name small{font-size:19px}.fixed-stage .bt-panel .hp-row,.fixed-stage .bt-panel .hp-text{font-size:30px!important}.fixed-stage .bt-panel .meter-hp{height:30px!important}.fixed-stage .bt-chips{font-size:25px;gap:5px 12px}.fixed-stage .bt-chips .skill-tag{font-size:17px}.fixed-stage .bt-chips .skill-tag{display:inline}.fixed-stage .bt-arena{position:absolute;inset:235px 45px 330px 70px}.fixed-stage .bt-stage{grid-row:2;grid-column:1 / -1;padding:0}.fixed-stage .bt-fighters{padding:0 190px;justify-content:space-between;overflow:visible}.fixed-stage .bt-fighters .bt-anchor{width:500px;max-width:500px;height:486px;max-height:none;flex:none}.fixed-stage .bt-fighters .bt-anchor.right{width:580px;max-width:580px;height:594px}.fixed-stage .bt-fighters .bt-anchor.right{translate:-70px 0}.fixed-stage .bt-stage .battle-status{font-size:22px;min-height:30px}.fixed-stage .bt-left{grid-area:auto;position:absolute;top:300px;left:80px;width:160px;align-self:start}.fixed-stage .bt-tip{padding:18px;font-size:28px}.fixed-stage .bt-left .sketch-btn{margin-top:18px;font-size:20px}.fixed-stage .bt-margin-note{right:45px;top:350px;width:150px;font-size:28px}.fixed-stage .bt-log{height:315px!important;min-height:0;padding:30px 25px 18px}.fixed-stage .bt-log h3{font-size:32px}.fixed-stage .bt-log .log-list{font-size:25px}.fixed-stage .bt-controls{gap:15px}.fixed-stage .rps-bar{gap:22px;width:100%;justify-content:center}.fixed-stage .rps-btn,.fixed-stage .rps-btn.has-art{width:255px;max-width:none;height:225px;aspect-ratio:auto}.fixed-stage .rps-btn .rps-art{height:170px}.fixed-stage .rps-btn .rps-icon{width:165px;height:165px}.fixed-stage .rps-name{font-size:42px!important}.fixed-stage .stance-bar{gap:30px}.fixed-stage .stance-btn{min-width:300px;min-height:65px;font-size:35px}.fixed-stage .bt-extras{gap:15px}.fixed-stage .bt-hint{font-size:23px;padding:16px}.fixed-stage .bt-rewards{font-size:24px;padding:16px}.fixed-stage .bt-rewards h3,.fixed-stage .bt-hint-title{font-size:27px}.has-skin-notebook-single .fixed-stage.page{background:var(--skin-notebook-single) center/100% 100% no-repeat;box-shadow:none;border:0}.has-skin-notebook-single .fixed-stage.page>.spiral{display:none}.has-skin-notebook-single .fixed-stage.page:before{display:none}.has-skin-notebook-spread .fixed-stage.scene-notebook{background:var(--skin-notebook-spread) center/100% 100% no-repeat;filter:var(--notebook-shadow)}.has-skin-notebook-spread .fixed-stage .spread{filter:none}.has-skin-notebook-spread .fixed-stage .spread>.page{background:transparent!important}.has-skin-notebook-spread .fixed-stage .spine{background:transparent}.has-skin-notebook-spread .fixed-stage .spine:after{display:none}.skin-ready #ui-layer:before,.skin-ready #ui-layer:after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none}.skin-ready #ui-layer:before{background:radial-gradient(ellipse 70% 65% at 42% 32%,rgba(255,196,120,.16),transparent 70%);mix-blend-mode:soft-light}.skin-ready #ui-layer:after{background:radial-gradient(ellipse 85% 80% at 48% 42%,transparent 58%,rgba(70,36,10,.34) 100%);mix-blend-mode:multiply}.has-skin-scenery-notebook .fixed-stage .left-page .portrait-frame{background:var(--hatch),linear-gradient(130deg,#dfe8e6,#f8efd9 70%) padding-box}.has-skin-piece-ring{--ring:var(--skin-piece-ring)}html.has-skin-panel-scrap-cream .scrap,html.has-skin-panel-scrap-cream .scrap--cream,html.has-skin-panel-scrap-cream .paper-scrap,html.has-skin-panel-scrap-cream .bt-panel,html.has-skin-panel-scrap-cream .stats-editor{border-image-source:var(--skin-panel-scrap-cream);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-scrap-yellow .scrap--yellow,html.has-skin-panel-scrap-yellow .paper-scrap--yellow{border-image-source:var(--skin-panel-scrap-yellow);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-scrap-blue .scrap--blue,html.has-skin-panel-scrap-blue .paper-scrap--blue{border-image-source:var(--skin-panel-scrap-blue);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-scrap-pink .scrap--pink,html.has-skin-panel-scrap-pink .paper-scrap--pink{border-image-source:var(--skin-panel-scrap-pink);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-scrap-green .scrap--green,html.has-skin-panel-scrap-green .paper-scrap--green{border-image-source:var(--skin-panel-scrap-green);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-scrap-purple .scrap--purple,html.has-skin-panel-scrap-purple .paper-scrap--purple{border-image-source:var(--skin-panel-scrap-purple);border-image-slice:40 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-notepad .notepad,html.has-skin-panel-notepad .bt-log{border-image-source:var(--skin-panel-notepad);border-image-slice:72 32 32 32 fill;border-image-width:36px 16px 16px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-sticky-yellow .sticky--yellow,html.has-skin-panel-sticky-yellow .sticky-note.yellow{border-image-source:var(--skin-panel-sticky-yellow);border-image-slice:36 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-sticky-pink .sticky--pink,html.has-skin-panel-sticky-pink .sticky-note.pink{border-image-source:var(--skin-panel-sticky-pink);border-image-slice:36 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-sticky-blue .sticky--blue,html.has-skin-panel-sticky-blue .sticky-note.blue{border-image-source:var(--skin-panel-sticky-blue);border-image-slice:36 fill;border-image-width:18px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-tape-label .tape-label:not(.ribbon),html.has-skin-panel-tape-label .tape-title,html.has-skin-panel-tape-label .home-section-title,html.has-skin-panel-tape-label .level-tag{border-image-source:var(--skin-panel-tape-label);border-image-slice:0 40 fill;border-image-width:0 20px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-photo-frame .photo-frame,html.has-skin-panel-photo-frame .portrait-frame,html.has-skin-panel-photo-frame .bt-portrait{border-image-source:var(--skin-panel-photo-frame);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-card .collect-card,html.has-skin-panel-card .home-monster,html.has-skin-panel-card .home-item,html.has-skin-panel-card .home-chapter,html.has-skin-panel-card .home-memory,html.has-skin-panel-card .equip-slot,html.has-skin-panel-card .preview-card{border-image-source:var(--skin-panel-card);border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-card-locked .collect-card--locked,html.has-skin-panel-card-locked .home-monster.unknown,html.has-skin-panel-card-locked .home-item.unknown,html.has-skin-panel-card-locked .home-memory.unknown,html.has-skin-panel-card-locked .home-chapter.locked{border-image-source:var(--skin-panel-card-locked);border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-panel-ribbon .ribbon,html.has-skin-panel-ribbon .creator-ribbon,html.has-skin-panel-ribbon .bt-ribbon{border-image-source:var(--skin-panel-ribbon);border-image-slice:0 80 fill;border-image-width:0 40px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-small-normal .btn-small,html.has-skin-button-small-normal .sketch-btn.small,html.has-skin-button-small-normal .stance-btn{border-image-source:var(--skin-button-small-normal);border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-small-pressed .btn-small:active,html.has-skin-button-small-pressed .sketch-btn.small:active,html.has-skin-button-small-pressed .stance-btn:active{border-image-source:var(--skin-button-small-pressed);border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-menu-normal .btn-menu,html.has-skin-button-menu-normal .menu-item{border-image-source:var(--skin-button-menu-normal);border-image-slice:40 fill;border-image-width:20px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-menu-hover .btn-menu:hover,html.has-skin-button-menu-hover .menu-item:hover{border-image-source:var(--skin-button-menu-hover);border-image-slice:40 fill;border-image-width:20px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-menu-selected .btn-menu.is-selected,html.has-skin-button-menu-selected .menu-item.selected{border-image-source:var(--skin-button-menu-selected);border-image-slice:40 fill;border-image-width:20px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-menu-pressed .btn-menu:active,html.has-skin-button-menu-pressed .menu-item:active{border-image-source:var(--skin-button-menu-pressed);border-image-slice:40 fill;border-image-width:20px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-yellow-normal .btn-big--yellow,html.has-skin-button-big-yellow-normal .share-action .sketch-btn.c-yellow,html.has-skin-button-big-yellow-normal .hero-actions .sketch-btn.primary.c-yellow{border-image-source:var(--skin-button-big-yellow-normal);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-yellow-pressed .btn-big--yellow:active,html.has-skin-button-big-yellow-pressed .share-action .sketch-btn.c-yellow:active,html.has-skin-button-big-yellow-pressed .hero-actions .sketch-btn.primary.c-yellow:active{border-image-source:var(--skin-button-big-yellow-pressed);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-green-normal .btn-big--green,html.has-skin-button-big-green-normal .share-action .sketch-btn.c-green,html.has-skin-button-big-green-normal .hero-actions .sketch-btn.primary.c-green{border-image-source:var(--skin-button-big-green-normal);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-green-pressed .btn-big--green:active,html.has-skin-button-big-green-pressed .share-action .sketch-btn.c-green:active,html.has-skin-button-big-green-pressed .hero-actions .sketch-btn.primary.c-green:active{border-image-source:var(--skin-button-big-green-pressed);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-pink-normal .btn-big--pink,html.has-skin-button-big-pink-normal .share-action .sketch-btn.c-pink,html.has-skin-button-big-pink-normal .hero-actions .sketch-btn.primary.c-pink{border-image-source:var(--skin-button-big-pink-normal);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-pink-pressed .btn-big--pink:active,html.has-skin-button-big-pink-pressed .share-action .sketch-btn.c-pink:active,html.has-skin-button-big-pink-pressed .hero-actions .sketch-btn.primary.c-pink:active{border-image-source:var(--skin-button-big-pink-pressed);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-blue-normal .btn-big--blue,html.has-skin-button-big-blue-normal .share-action .sketch-btn.c-blue,html.has-skin-button-big-blue-normal .hero-actions .sketch-btn.primary.c-blue{border-image-source:var(--skin-button-big-blue-normal);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-button-big-blue-pressed .btn-big--blue:active,html.has-skin-button-big-blue-pressed .share-action .sketch-btn.c-blue:active,html.has-skin-button-big-blue-pressed .hero-actions .sketch-btn.primary.c-blue:active{border-image-source:var(--skin-button-big-blue-pressed);border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}html.has-skin-bar-frame .bar,html.has-skin-bar-frame .meter{border-image-source:var(--skin-bar-frame);border-image-slice:0 20 fill;border-image-width:0 10px;border-image-repeat:stretch;background:none;border-color:transparent;box-shadow:none;clip-path:none}.has-skin-bar-fill-red .meter-hp .meter-fill{background:var(--skin-bar-fill-red) left center/256px 100% repeat-x}.has-skin-bar-fill-blue .meter-exp .meter-fill{background:var(--skin-bar-fill-blue) left center/256px 100% repeat-x}.has-skin-bar-fill-green .meter-budget .meter-fill{background:var(--skin-bar-fill-green) left center/256px 100% repeat-x}.has-skin-tab-yellow :is(.paper-tab,.menu-side-tab).c-yellow{background:var(--skin-tab-yellow) center/100% 100% no-repeat;border:0}.has-skin-tab-purple :is(.paper-tab,.menu-side-tab).c-purple{background:var(--skin-tab-purple) center/100% 100% no-repeat;border:0}.has-skin-tab-blue :is(.paper-tab,.menu-side-tab).c-blue{background:var(--skin-tab-blue) center/100% 100% no-repeat;border:0}.has-skin-tab-pink :is(.paper-tab,.menu-side-tab).c-pink{background:var(--skin-tab-pink) center/100% 100% no-repeat;border:0}.has-skin-tab-green :is(.paper-tab,.menu-side-tab).c-green{background:var(--skin-tab-green) center/100% 100% no-repeat;border:0}.has-skin-tab-orange :is(.paper-tab,.menu-side-tab).c-orange{background:var(--skin-tab-orange) center/100% 100% no-repeat;border:0}.has-skin-tab-cream :is(.paper-tab,.menu-side-tab).c-cream{background:var(--skin-tab-cream) center/100% 100% no-repeat;border:0}.has-skin-prop-pencil .desk-pencil{background:var(--skin-prop-pencil) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-prop-pencil .desk-pencil:after{display:none}.has-skin-prop-eraser .desk-eraser{background:var(--skin-prop-eraser) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-prop-shavings .desk-shavings{background:var(--skin-prop-shavings) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-prop-shavings .desk-shavings i{display:none}.has-skin-prop-binder-clip .desk-clip{background:var(--skin-prop-binder-clip) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-prop-paper-clip .scene-notebook .desk-clip{background:var(--skin-prop-paper-clip) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-prop-crayons .scene-creator .desk-pencil{background:var(--skin-prop-crayons) center/contain no-repeat;border:0;clip-path:none;box-shadow:none}.has-skin-scenery-menu .menu-scenery{background:var(--skin-scenery-menu) center/100% 100% no-repeat;opacity:1;mask-image:none}.has-skin-scenery-menu .menu-scenery .scenery-fallback{display:none}.has-skin-scenery-battle .bt-arena{background:var(--skin-scenery-battle) center/100% 100% no-repeat;opacity:1;mask-image:none}.has-skin-scenery-battle .bt-arena .scenery-fallback{display:none}.has-skin-scenery-notebook .notebook-doodles{background:var(--skin-scenery-notebook) center/100% 100% no-repeat;opacity:1;mask-image:none}.has-skin-scenery-notebook .scene-notebook .spread{z-index:2}.has-skin-scenery-notebook .notebook-doodles .scenery-fallback{display:none}.has-skin-scenery-creator .creator-doodles{background:var(--skin-scenery-creator) center top/100% auto no-repeat;opacity:1;mask-image:none}.has-skin-scenery-creator .creator-doodles .scenery-fallback{display:none}.has-skin-rps-rock-normal .scene-battle .rps-rock{background:var(--skin-rps-rock-normal) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-rock-hover .scene-battle .rps-rock:hover:not(:disabled){background:var(--skin-rps-rock-hover) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-rock-pressed .scene-battle .rps-rock:active:not(:disabled){background:var(--skin-rps-rock-pressed) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-rock-disabled .scene-battle .rps-rock:disabled{background:var(--skin-rps-rock-disabled) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-rock-normal .rps-rock :is(.rps-icon,.rps-art){visibility:hidden}.has-skin-rps-paper-normal .scene-battle .rps-paper{background:var(--skin-rps-paper-normal) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-paper-hover .scene-battle .rps-paper:hover:not(:disabled){background:var(--skin-rps-paper-hover) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-paper-pressed .scene-battle .rps-paper:active:not(:disabled){background:var(--skin-rps-paper-pressed) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-paper-disabled .scene-battle .rps-paper:disabled{background:var(--skin-rps-paper-disabled) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-paper-normal .rps-paper :is(.rps-icon,.rps-art){visibility:hidden}.has-skin-rps-scissors-normal .scene-battle .rps-scissors{background:var(--skin-rps-scissors-normal) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-scissors-hover .scene-battle .rps-scissors:hover:not(:disabled){background:var(--skin-rps-scissors-hover) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-scissors-pressed .scene-battle .rps-scissors:active:not(:disabled){background:var(--skin-rps-scissors-pressed) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-scissors-disabled .scene-battle .rps-scissors:disabled{background:var(--skin-rps-scissors-disabled) center/100% 100% no-repeat!important;border:0;box-shadow:none}.has-skin-rps-scissors-normal .rps-scissors :is(.rps-icon,.rps-art){visibility:hidden}.has-skin-piece-cursor .menu-item.selected:before{background:var(--skin-piece-cursor) center/contain no-repeat;clip-path:none;width:42px;height:42px;left:-48px}.has-skin-piece-spark .menu-item.selected:after{background:var(--skin-piece-spark) center/contain no-repeat;width:50px;height:80px}.has-skin-panel-card-locked .unknown .qmark{visibility:hidden}.has-skin-panel-scrap-yellow .tool-rail .tool-btn.active{border-image-source:var(--skin-panel-scrap-yellow)}.has-skin-tab-yellow .tab--yellow{background:var(--skin-tab-yellow) center/100% 100% no-repeat;border:0}.has-skin-tab-purple .tab--purple{background:var(--skin-tab-purple) center/100% 100% no-repeat;border:0}.has-skin-tab-blue .tab--blue{background:var(--skin-tab-blue) center/100% 100% no-repeat;border:0}.has-skin-tab-pink .tab--pink{background:var(--skin-tab-pink) center/100% 100% no-repeat;border:0}.has-skin-tab-green .tab--green{background:var(--skin-tab-green) center/100% 100% no-repeat;border:0}.has-skin-tab-orange .tab--orange{background:var(--skin-tab-orange) center/100% 100% no-repeat;border:0}.has-skin-tab-cream .tab--cream{background:var(--skin-tab-cream) center/100% 100% no-repeat;border:0}.age-gate p,.parent-gate p{margin:0 0 10px}.age-gate .hand-select{min-width:10em;font-size:1.15rem}.age-hint:empty{display:none}.age-hint{color:var(--red)}.parent-question{font-family:var(--font-title);font-size:1.25rem}.stationery-shop .shop-shelf{margin:10px 0 4px;font-family:var(--font-title);font-size:1.05rem;color:var(--ink-soft)}.cosmetic-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:540px}.cosmetic-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;text-align:center;background:var(--paper);border:1.5px solid #62574166;border-radius:var(--wobbly)}.cosmetic-card.owned{background:var(--sticky-green)}.cosmetic-name{font-family:var(--font-title);font-size:1rem;line-height:1.1}.cosmetic-note{font-size:.78rem;color:var(--ink-soft);line-height:1.15;flex:1}.cosmetic-card .stamp{font-size:.7rem;color:var(--green)}.pen-swatch{display:block;width:72px;height:18px;margin:8px 0 6px;background:repeating-linear-gradient(-40deg,#ffffff55 0 1px,transparent 1px 4px),var(--ink);border-radius:9px 3px;transform:rotate(-4deg);box-shadow:0 2px #51443233}.stamp-text{display:inline-block;font-family:var(--font-title);color:var(--stamp-ink, var(--red));border:3px solid currentColor;border-radius:8px;padding:0 10px;transform:rotate(-8deg);letter-spacing:1px;white-space:nowrap;opacity:.9}.stamp-preview.stamp-text{font-size:1.1rem;margin:6px 0 4px}.stamp-preview.stamp-art{width:72px;height:72px;object-fit:contain}.victory-stamp{margin:-6px 0 8px;animation:stamp .45s .45s cubic-bezier(.2,1.6,.4,1) both}.victory-stamp-face.stamp-text{font-size:clamp(1.4rem,4vw,2rem);transform:rotate(6deg)}.victory-stamp-face.stamp-art{width:clamp(88px,18vw,128px);height:auto;transform:rotate(6deg)}.fixed-stage .canvas-wrap .palette:has(.gel-pen){gap:4px}.fixed-stage .canvas-wrap .palette:has(.gel-pen) .color-btn{width:28px}.color-btn.gel-pen{box-shadow:inset 0 0 0 2px #fff8}.kid-name .sketch-btn{margin-left:4px;vertical-align:middle}.stamp.green{color:var(--green)}.stamp.gold{color:#b8860b;background:#fff4c288}.tab-contest .section-title .ui-icon,.contest-votes-left .ui-icon{width:22px;height:22px;vertical-align:-4px}.contest-round .sticky-note p{margin:0 0 4px}.contest-mine-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.contest-mine-row .contest-card{flex:0 0 200px}.contest-status-note{flex:1 1 180px;margin:0}.contest-pick{min-width:10em}.contest-card.voted{background-color:var(--sticky-green)}.contest-card .card-actions .sketch-btn.ghost{font-size:.85rem}.daily-quests{margin-bottom:14px}.daily-bonus.sticky-note{display:inline-block;margin:8px 0 0;padding:6px 12px;font-family:var(--font-title);transform:rotate(-1deg)}.next-quests[role=button]{cursor:pointer}.stamp.pink{color:#c2185b;background:#ffe3ec88}.fan-panel{margin-top:10px;padding-top:8px;border-top:2px dashed #3b3b3b33}.fan-panel p{margin:4px 0}.reaction-ask{font-weight:700}.reaction-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.reaction-face{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.reaction-sticker{width:36px;height:36px}.reaction-mini{width:20px;height:20px;vertical-align:-4px}.reaction-sent{color:var(--green);font-weight:700}.boss-hit{font-weight:700;color:var(--red)}.dare-note{margin:2px 0;font-style:italic}.dare-card.beaten{background-color:var(--sticky-green)}.dare-form .field{display:flex;flex-direction:column;gap:4px;margin-top:8px}.dare-sent.beaten b{text-decoration:underline wavy var(--green)}.reaction-counts{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:6px}.fan-notes ul{margin:4px 0 0;padding-left:18px}.fan-notes li{margin:2px 0}.boss-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.boss-row .boss-card{flex:0 0 200px}.boss-row .sticky-note{flex:1 1 220px;min-width:0}.boss-row .sticky-note p{margin:4px 0}.boss-card.defeated{filter:grayscale(.4)}.boss-week .section-title .ui-icon{width:22px;height:22px;vertical-align:-4px}@media(max-width:520px){.boss-row .boss-card{flex:1 1 100%}}.world-chat{max-width:1000px;margin:26px 0 10px;display:flex;flex-direction:column;gap:8px;transform:rotate(.4deg)}.world-chat h2{margin:0}.chat-log{list-style:none;margin:0;padding:8px 10px;height:220px;overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:10px;display:flex;flex-direction:column;gap:4px}.chat-line{display:flex;gap:8px;align-items:baseline;overflow-wrap:anywhere}.chat-name{font-weight:700;white-space:nowrap}.chat-name:after{content:":"}.chat-line.mine .chat-name{color:#2f6f1e}.chat-text{flex:1}.chat-report{border:none;background:none;color:var(--ink-faint);cursor:pointer;font-size:.9rem;padding:0 2px}.chat-report:hover:not(:disabled){color:#a8323a}.chat-report:disabled{opacity:.4;cursor:default}.chat-empty{color:var(--ink-soft);font-style:italic}.chat-form{display:flex;gap:8px}.chat-input{flex:1;min-width:0}.account-welcome,.account-dialog{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;max-width:420px}.google-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.account-section{display:flex;flex-direction:column;gap:4px}.notebook-choice{display:flex;flex-direction:column;gap:10px;max-width:460px}.choice-card{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--paper);border:2px solid var(--ink);border-radius:10px}.update-note{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%) rotate(-.6deg);display:flex;gap:12px;align-items:center;pointer-events:auto;z-index:50;max-width:calc(100vw - 32px)}.home-screen-tip ol{margin:8px 0 0;padding-left:22px}.premium-shop{margin-top:18px}.cosmetic-card.premium{border:2px dashed #4c6ef5}.pack-swatches{display:flex;gap:4px;justify-content:center}.pack-swatches .pen-swatch{width:22px}.supporter-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);color:#fff;font-size:1.1rem}.supporter-badge.level-1{background:#b87333}.supporter-badge.level-2{background:#9aa4ae}.supporter-badge.level-3{background:#e0a526}.supporter-badge.level-4{background:linear-gradient(135deg,#15aabf,#b197fc)}.supporter-line{display:flex;align-items:center;gap:6px;font-weight:700}.menu-quick{display:flex;gap:10px;animation:note-in .45s cubic-bezier(.2,1.3,.4,1) 1.2s both}.menu-quick .menu-item{flex:1 1 0;min-width:0;padding:6px 4px}.fixed-stage.scene-menu .menu-quick .menu-item-label,.menu-quick .menu-item-label{gap:5px;font-size:.72em;white-space:nowrap}.menu-quick .menu-item-icon{width:22px;height:22px}.menu-account{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}