@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.border{border-style:var(--tw-border-style);border-width:1px}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#16a34a\]{color:#16a34a}.text-\[\#ff5b5b\]{color:#ff5b5b}.text-\[\#ffc83b\]{color:#ffc83b}.lowercase{text-transform:lowercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--bg-paper:#fff8ee;--wood:#4a3e3d;--line:#4a3e3d;--white:#fff;--dough:#ffe8b2;--peach:#ffd0b0;--mint:#a8e6cf;--sky:#b8e0f6;--lavender:#d4c4fb;--rose:#ffb4a2;--gold:#ffc83b;--red-heart:#ff5b5b}*{box-sizing:border-box}html{background:var(--bg-paper)}body{background:radial-gradient(circle, #4a3e3d0f 1.5px, transparent 1.5px), var(--bg-paper);color:var(--wood);-webkit-font-smoothing:antialiased;touch-action:manipulation;background-size:20px 20px;margin:0;font-family:Fredoka,Outfit,Plus Jakarta Sans,system-ui,sans-serif;font-weight:500;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.font-lab{min-height:100vh;padding:16px 16px 100px}.game-topbar{border:3.5px solid var(--wood);max-width:1480px;box-shadow:0 6px 0 var(--wood);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:14px;margin:0 auto 18px;padding:14px 20px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--dough);border:3px solid var(--wood);width:50px;height:50px;box-shadow:0 4px 0 var(--wood);border-radius:16px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.brand-title{color:var(--wood);margin:0;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;line-height:1}.brand-subtitle{color:#8c7674;margin:2px 0 0;font-size:.85rem;font-weight:600}.status-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-pill,.game-topbar .tool-btn{background:var(--dough);border:2.5px solid var(--wood);height:38px;box-shadow:0 3px 0 var(--wood);color:var(--wood);box-sizing:border-box;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.floating-toolbar{border:3.5px solid var(--wood);box-shadow:0 4px 0 var(--wood);z-index:50;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:100px;left:-70px}.floating-btn{background:var(--dough);border:2.5px solid var(--wood);width:44px;height:44px;box-shadow:0 3px 0 var(--wood);color:var(--wood);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:flex}.floating-btn:hover{box-shadow:0 5px 0 var(--wood);transform:translateY(-2px)}.floating-btn:active{box-shadow:0 2px 0 var(--wood);transform:translateY(1px)}.floating-btn.active{background:var(--gold);border-color:var(--wood);color:var(--wood);box-shadow:0 1px 0 var(--wood);transform:translateY(2px)}.stat-pill.heart{color:#c92a2a;background:#ffe3e3}.stat-pill.coin{color:#925400;background:#fff3c4}.stat-pill.exp{color:#1864ab;background:#e7f5ff;flex-direction:column;justify-content:center;gap:2px;min-width:150px;height:38px;padding:4px 10px;display:flex}.exp-label{justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.exp-bar-bg{border:1.5px solid var(--wood);background:#d0ebff;border-radius:10px;height:8px;overflow:hidden}.exp-bar-fill{background:var(--sky);height:100%;transition:width .3s}.icon-btn{border:2.5px solid var(--wood);width:38px;height:38px;box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .12s,box-shadow .12s;display:inline-flex}.icon-btn:hover{box-shadow:0 5px 0 var(--wood);background:var(--dough);transform:translateY(-2px)}.icon-btn:active{box-shadow:0 1px 0 var(--wood);transform:translateY(1px)}.game-workspace{grid-template-columns:310px 1fr 340px;align-items:start;gap:18px;max-width:1480px;margin:0 auto;display:grid}@media (width<=1180px){.game-workspace{grid-template-columns:1fr}}.panel-card{border:3.5px solid var(--wood);box-shadow:0 6px 0 var(--wood), inset 0 0 0 6px #e8d8c8, inset 0 0 0 8.5px var(--wood);background:#fffcf8;border-radius:24px;padding:26px;position:relative}.left-sidebar,.right-sidebar{flex-direction:column;gap:16px;display:flex}.mascot-card{border:3.5px solid var(--wood);box-shadow:0 6px 0 var(--wood), inset 0 0 0 6px #e8d8c8, inset 0 0 0 8.5px var(--wood);cursor:pointer;background:#fffcf8;border-radius:24px;align-items:center;gap:14px;padding:24px;transition:transform .15s;display:flex}.mascot-card:hover{transform:translateY(-2px)}.mascot-avatar-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.mascot-badge{border:2px solid var(--wood);background:#fff;border-radius:12px;margin-top:-6px;padding:2px 8px;font-size:.75rem;font-weight:700}.mascot-bubble{border:2.5px solid var(--wood);box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:18px;flex:1;padding:12px;position:relative}.mascot-text{color:var(--wood);margin:0;font-size:.88rem;font-weight:600;line-height:1.35}.mascot-subtext{color:#8c7674;margin-top:6px;font-size:.72rem;font-weight:700;display:block}.quest-map-container{flex-direction:column;gap:12px;display:flex}.quest-title{color:var(--wood);margin:0;font-family:Fredoka,sans-serif;font-size:1.2rem}.quest-subtitle{color:#7a6563;font-size:.8rem;font-weight:600}.quest-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quest-card{text-align:center;border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);border-radius:20px;flex-direction:column;align-items:center;padding:12px 10px;transition:transform .12s,box-shadow .12s;display:flex}.quest-card:hover{box-shadow:0 7px 0 var(--wood);transform:translateY(-3px)}.quest-card.active{outline:3.5px solid var(--gold);transform:scale(1.02)}.quest-icon-wrapper{font-size:1.8rem;position:relative}.quest-star{font-size:1rem;position:absolute;top:-8px;right:-10px}.quest-name{color:var(--wood);margin-top:4px;font-size:.88rem;font-weight:700}.quest-desc{color:#695755;font-size:.72rem}.quest-progress-pill{border:2px solid var(--wood);background:#fff;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.main-content{flex-direction:column;gap:18px;display:flex}.mode-tab-bar{gap:10px;margin-bottom:6px;display:flex}.mode-tab-btn{border:2.5px solid var(--wood);height:42px;box-shadow:0 3.5px 0 var(--wood);color:var(--wood);cursor:pointer;background:#fff;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700;transition:all .12s;display:inline-flex}.mode-tab-btn:hover{box-shadow:0 5px 0 var(--wood);background:var(--dough);transform:translateY(-2px)}.mode-tab-btn.active{background:var(--gold);border-color:var(--wood);box-shadow:0 2px 0 var(--wood);transform:translateY(1px)}.stage-card{flex-direction:column;gap:14px;display:flex}.stage-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-glyph-display{align-items:center;gap:12px;display:flex}.glyph-badge{background:var(--dough);border:3.5px solid var(--wood);width:54px;height:54px;box-shadow:0 4px 0 var(--wood);border-radius:18px;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;display:flex}.stage-title{color:var(--wood);margin:0;font-family:Fredoka,sans-serif;font-size:1.4rem}.stage-hint{color:#7a6563;margin:2px 0 0;font-size:.82rem}.brush-selector-bar{background:var(--dough);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.brush-selector-title{color:var(--wood);font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700}.brush-selector-options{flex-wrap:wrap;gap:8px;display:flex}.brush-chip{border:2.5px solid var(--wood);box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:transform .12s;display:flex}.brush-chip.active{background:var(--peach);outline:2.5px solid var(--gold);transform:translateY(1px)}.brush-chip.locked{opacity:.7;background:#f0e6e4}.brush-size-control{align-items:center;gap:12px;margin-top:4px;display:flex}.brush-range-slider{accent-color:var(--wood);cursor:pointer;flex:1}.game-tool-bar{background:var(--bg-paper);border:3px solid var(--wood);border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.tool-btn{border:3px solid var(--wood);box-shadow:0 3px 0 var(--wood);color:var(--wood);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;display:flex}.tool-btn:hover{box-shadow:0 5px 0 var(--wood);background:var(--dough);transform:translateY(-2px)}.tool-btn.active{background:var(--peach);box-shadow:inset 0 2px 4px #00000026, 0 2px 0 var(--wood);transform:translateY(1px)}.canvas-wrapper{aspect-ratio:1;border:4px solid var(--wood);width:100%;max-width:480px;box-shadow:0 8px 0 var(--wood);touch-action:none;background:#fff;border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.canvas-element{width:100%;height:100%;display:block}.ghost-guide-layer{pointer-events:none;color:#4a3e3d17;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:260px;font-weight:700;display:flex;position:absolute;inset:0}.canvas-baseline-guide{pointer-events:none;border-top:2px dashed #ff5b5b66;height:2px;position:absolute;top:75%;left:0;right:0}.canvas-capline-guide{pointer-events:none;border-top:2px dashed #4a3e3d33;height:2px;position:absolute;top:25%;left:0;right:0}.pixel-canvas-container{flex-direction:column;gap:12px;display:flex}.pixel-grid-wrapper{aspect-ratio:1;border:4px solid var(--wood);width:100%;max-width:480px;box-shadow:0 8px 0 var(--wood);touch-action:none;background:#fff;border-radius:24px;justify-content:center;align-items:center;margin:0 auto;padding:12px;display:flex;position:relative}.pixel-grid-board{aspect-ratio:1;border:2px solid var(--wood);-webkit-user-select:none;user-select:none;background:#e2d7d5;border-radius:12px;gap:1.5px;width:100%;display:grid;overflow:hidden}.pixel-cell{aspect-ratio:1;cursor:pointer;background:#fff;transition:background 80ms}.pixel-cell:hover{background:var(--peach)}.pixel-cell.filled{background:var(--wood)}.stencil-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stencil-btn{border:2.5px solid var(--wood);box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:transform .12s;display:flex}.stencil-btn:hover{background:var(--dough);transform:translateY(-2px)}.stencil-icon{font-size:1.3rem}.stencil-label{margin-top:2px;font-size:.72rem;font-weight:700}.shop-grid{flex-direction:column;gap:10px;display:flex}.shop-card{border:2.5px solid var(--wood);box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.shop-item-header{align-items:center;gap:10px;display:flex}.shop-item-icon{font-size:1.6rem}.shop-item-name{font-size:.88rem;font-weight:700}.shop-item-desc{color:#7a6563;font-size:.72rem}.shop-buy-btn{background:var(--gold);border:2px solid var(--wood);border-radius:14px;padding:6px 12px;font-size:.8rem;font-weight:700}.shop-buy-btn.owned{background:var(--mint)}.rpg-realtime-glyphs{flex-wrap:wrap;align-items:center;gap:2px;min-height:48px;padding-top:4px;display:flex}.rpg-glyph-item{color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.rpg-glyph-item svg{width:100%;height:100%}.rpg-glyph-fallback{color:#ffc83b;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700}.rpg-glyph-space{width:12px}.glyph-grid-card{flex-direction:column;gap:14px;display:flex}.glyph-grid-header{justify-content:space-between;align-items:center;display:flex}.glyph-grid-title{margin:0;font-family:Fredoka,sans-serif;font-size:1.2rem}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;max-height:280px;padding:4px 4px 10px;display:grid;overflow-y:auto}.glyph-tile{border:3px solid var(--wood);height:56px;box-shadow:0 4px 0 var(--wood);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.glyph-tile:hover{box-shadow:0 6px 0 var(--wood);background:var(--dough);transform:translateY(-2px)}.glyph-tile.active{background:var(--peach);outline:3px solid var(--gold);transform:scale(1.04)}.glyph-tile.has-art{background:#f0fdf4;border-color:#4a3e3d}.tile-star{font-size:.65rem;position:absolute;top:2px;right:4px}.game-btn-primary{background:var(--gold);border:3.5px solid var(--wood);width:100%;box-shadow:0 6px 0 var(--wood), inset 0 -4px 0 #00000026, inset 0 4px 0 #fff6;color:var(--wood);text-shadow:1px 1px #ffffff80;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.game-btn-primary:hover{box-shadow:0 8px 0 var(--wood), inset 0 -4px 0 #00000026, inset 0 4px 0 #ffffff80;background:#ffe680;transform:translateY(-2px)}.game-btn-primary:active{box-shadow:0 2px 0 var(--wood), inset 0 -2px 0 #0000001a, inset 0 2px 0 #ffffff4d;transform:translateY(4px)}.game-btn-secondary{border:3px solid var(--wood);width:100%;box-shadow:0 4px 0 var(--wood), inset 0 -3px 0 #00000014;color:var(--wood);background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.game-btn-secondary:hover{background:var(--dough);box-shadow:0 6px 0 var(--wood), inset 0 -3px 0 #00000014;transform:translateY(-2px)}.game-btn-secondary:active{box-shadow:0 2px 0 var(--wood), inset 0 -2px 0 #0000000d;transform:translateY(2px)}.game-toast{background:var(--gold);border:3.5px solid var(--wood);box-shadow:0 8px 0 var(--wood);color:var(--wood);z-index:9999;border-radius:20px;align-items:center;gap:12px;padding:14px 20px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.grid-size-bar{background:var(--dough);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:8px 14px;display:flex}.grid-size-label{color:var(--wood);font-size:.85rem;font-weight:700}.grid-size-options{gap:6px;display:flex}.grid-size-btn{border:2px solid var(--wood);color:var(--wood);box-shadow:0 3px 0 var(--wood);background:#fff;border-radius:12px;padding:4px 12px;font-size:.82rem;font-weight:700;transition:transform .1s,background .1s}.grid-size-btn:hover{background:var(--peach);transform:translateY(-1px)}.grid-size-btn.active{background:var(--gold);border-color:var(--wood);box-shadow:0 1px 0 var(--wood);transform:translateY(1px)}.canvas-wrapper.magic-theme{background:radial-gradient(circle,#2d1b4e 0%,#1a0f30 100%)!important;border-color:#9b59b6!important;box-shadow:0 0 20px #9b59b666,inset 0 0 15px #0009!important}.canvas-wrapper.magic-theme .canvas-capline-guide,.canvas-wrapper.magic-theme .canvas-baseline-guide{border-color:#eab5f366!important}.canvas-wrapper.magic-theme .ghost-guide-layer{color:#eab5f340!important}.wizard-hat-group{transform-origin:50% 24px;animation:2.5s ease-in-out infinite alternate floatHat}@keyframes floatHat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-2px)rotate(2deg)}}.sparkle-dot-1{animation:1.2s ease-in-out infinite alternate pulseSparkle}.sparkle-dot-2{animation:1.8s ease-in-out .3s infinite alternate pulseSparkle}@keyframes pulseSparkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.shop-buy-btn.equipped{color:#2b8a3e;border-color:var(--wood);background:#d3f9d8}.shop-buy-btn.equipped:hover{color:#c92a2a;background:#ffe3e3}.shop-buy-btn.unequipped{color:#1864ab;border-color:var(--wood);background:#e7f5ff}.shop-buy-btn.unequipped:hover{background:#d0ebff}.game-modal-overlay,.rpg-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;z-index:999999;background:#1e1414b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.game-modal-card,.rpg-modal-box{border:4px solid var(--wood);box-shadow:0 12px 0 var(--wood);box-sizing:border-box;background:#fff;border-radius:28px;width:100%;max-width:540px;max-height:90vh;padding:24px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popScale;overflow-y:auto}.game-modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.game-modal-header h2{color:var(--wood);margin:0;font-size:1.1rem;font-weight:900}.game-modal-close{color:#ef4444;cursor:pointer;background:#fee2e2;border:2px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;transition:all .15s;display:flex}.game-modal-close:hover{color:#fff;background:#ef4444}.rpg-modal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.rpg-modal-icon{font-size:2.2rem}.rpg-modal-title{color:var(--wood);margin:0;font-family:Fredoka,sans-serif;font-size:1.4rem}.rpg-modal-body{color:#635250;margin:0 0 20px;font-size:.95rem;line-height:1.5}.rpg-modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rpg-preview-card{border:4px solid var(--wood);box-shadow:0 8px 0 var(--wood);background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex}.rpg-input-wrapper{flex-direction:column;gap:6px;display:flex}.rpg-input-label{color:var(--wood);font-size:.88rem;font-weight:700}.rpg-input-container{width:100%;position:relative}.rpg-input,.rpg-main-input{width:100%;color:var(--wood);border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood);background:#fff;border-radius:16px;outline:none;padding:12px 16px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:border-color .15s,background .15s,box-shadow .15s}.rpg-input:focus,.rpg-main-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83b66, 0 4px 0 var(--wood);background:#fff}.rpg-clear-input-btn{border:2px solid var(--wood);color:#c92a2a;cursor:pointer;background:#ffe3e3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.rpg-size-controls{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.rpg-size-label{color:var(--wood);font-size:.82rem;font-weight:700}.rpg-size-buttons{gap:6px;display:flex}.rpg-size-btn{border:2px solid var(--wood);color:var(--wood);cursor:pointer;background:#fff;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:700}.rpg-size-btn.active{background:var(--gold);transform:translateY(1px)}.rpg-preview-stage{border:3px dashed var(--wood);background:#fcf9f2;border-radius:18px;justify-content:center;align-items:center;min-height:90px;padding:16px;display:flex;overflow-x:auto}.rpg-empty-hint{color:#8c7a78;font-size:.9rem;font-style:italic}.rpg-realtime-glyphs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rpg-glyph-item svg{width:auto;height:100%;display:block}.rpg-glyph-fallback{color:var(--wood);opacity:.9;justify-content:center;align-items:center;padding:0 1px;font-family:inherit;font-weight:800;display:inline-flex}.boss-battle-box{max-width:540px!important}.boss-battle-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rpg-modal-close-btn{border:2px solid var(--wood);color:#c92a2a;cursor:pointer;background:#ffe3e3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:700;display:flex}.boss-arena{border:3px solid var(--wood);border-radius:20px;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding:20px;display:flex;position:relative}.boss-avatar{font-size:4rem;transition:transform .15s}.boss-avatar.hit-shake{animation:.35s cubic-bezier(.36,.07,.19,.97) both hitShake}@keyframes hitShake{10%,90%{transform:translate(-2px)scale(1.1)}20%,80%{transform:translate(4px)scale(.9)}30%,50%,70%{transform:translate(-6px)scale(1.2)}40%,60%{transform:translate(6px)scale(1.1)}}.boss-info{text-align:center;width:100%}.boss-name{color:var(--wood);margin:0 0 6px;font-size:1.1rem}.boss-hp-bar{border:2px solid var(--wood);background:#e9ecef;border-radius:12px;width:100%;height:22px;position:relative;overflow:hidden}.boss-hp-fill{background:linear-gradient(90deg,#ff6b6b 0%,#ff8787 100%);height:100%;transition:width .3s}.boss-hp-text{color:#fff;text-shadow:0 1px 2px #000c;font-size:.78rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boss-damage-pop{color:#e03131;text-shadow:0 2px #fff;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:800;animation:.4s forwards popUp;position:absolute;top:15px;right:25px}@keyframes popUp{0%{opacity:0;transform:translateY(10px)scale(.8)}50%{opacity:1;transform:translateY(-10px)scale(1.2)}to{opacity:0;transform:translateY(-25px)scale(1)}}.boss-rendered-spell{border:2px dashed var(--wood);background:#f8f9fa;border-radius:14px;margin:12px 0;padding:12px}.boss-spell-label{color:var(--wood);margin-bottom:6px;font-size:.8rem;font-weight:700}.boss-spell-glyphs{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.boss-attack-btn{width:100%;font-size:1.1rem!important}.boss-victory-banner{text-align:center;background:#d3f9d8;border:3px solid #2b8a3e;border-radius:20px;padding:16px}.achievement-box{max-width:520px!important}.achievement-grid{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.achievement-card{border:3px solid var(--wood);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:12px 16px;transition:transform .15s,background .15s;display:flex}.achievement-card.unlocked{background:#fff9db;border-color:#f59f00;box-shadow:0 4px #f59f00}.achievement-card.locked{opacity:.65;background:#f1f3f5}.achievement-icon-wrapper{font-size:2.2rem;position:relative}.achievement-star{font-size:1rem;position:absolute;top:-6px;right:-6px}.achievement-details{flex:1}.achievement-title{color:var(--wood);margin:0;font-size:.95rem}.achievement-desc{color:#635250;margin:2px 0 6px;font-size:.8rem}.achievement-progress-bar{border:1px solid var(--wood);background:#e9ecef;border-radius:8px;width:100%;height:14px;position:relative;overflow:hidden}.achievement-progress-fill{background:var(--gold);height:100%}.achievement-progress-text{color:var(--wood);font-size:.68rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.certificate-modal-box{max-width:650px!important}.certificate-header-bar{color:var(--wood);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.1rem;font-weight:700;display:flex}.certificate-sheet{background:#fffbe6;border:4px solid #d97706;border-radius:20px;padding:16px;box-shadow:inset 0 0 20px #d9770626}.certificate-border-outer{border:2px dashed #b45309;border-radius:14px;padding:16px}.certificate-border-inner{text-align:center}.certificate-badge-top{color:#b45309;letter-spacing:1px;font-size:.85rem;font-weight:800}.certificate-title{color:#78350f;margin:6px 0;font-family:Fredoka,sans-serif;font-size:1.5rem}.certificate-subtitle{color:#92400e;margin:0;font-size:.85rem}.certificate-font-name{color:#b45309;text-shadow:0 2px #fffc;margin:8px 0;font-family:Fredoka,sans-serif;font-size:1.8rem}.certificate-description{color:#78350f;margin-bottom:16px;font-size:.85rem}.certificate-specimen-grid{background:#fff;border:2px solid #d97706;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;max-height:220px;margin-bottom:16px;padding:8px;display:grid;overflow-y:auto}.specimen-item-box{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex}.specimen-char-label{color:#b45309;font-size:.65rem;font-weight:800}.specimen-svg-wrapper{justify-content:center;align-items:center;height:24px;display:flex}.specimen-svg svg{width:auto;height:22px}.specimen-empty{color:#d97706;font-size:.7rem}.certificate-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.certificate-seal{color:#b45309;background:#fde68a;border:2px solid #b45309;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:800}.certificate-date{color:#92400e;font-size:.8rem;font-weight:700}.certificate-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.flying-coin-particle{color:var(--gold);text-shadow:0 1px 3px #000c;pointer-events:none;z-index:9999;font-size:.9rem;font-weight:800;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards flyCoinUp;position:absolute}@keyframes flyCoinUp{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-35px)scale(1.3)}to{opacity:0;transform:translateY(-70px)scale(.8)}}@media print{body *{visibility:hidden}#printable-certificate,#printable-certificate *{visibility:visible}#printable-certificate{width:100%;position:absolute;top:0;left:0}}.export-modal-box{max-width:500px!important}.export-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.export-modal-title-group{align-items:center;gap:10px;display:flex}.export-modal-icon{font-size:1.8rem}.export-field-group{margin-bottom:16px}.export-label-bold{color:var(--wood);margin-bottom:6px;font-size:.95rem;font-weight:800;display:block}.export-input-highlight{background:#fff!important;font-size:1.1rem!important}.rpg-identity-box{border:3px solid var(--wood);background:#fffbe6;border-radius:20px;flex-direction:column;gap:12px;margin-bottom:20px;padding:18px;display:flex;box-shadow:inset 0 2px 6px #0000000d}.identity-box-title{color:#2b8a3e;letter-spacing:.3px;margin:0 0 4px;font-size:1.05rem;font-weight:800}.identity-field{flex-direction:column;gap:4px;display:flex}.identity-label{color:var(--wood);letter-spacing:.5px;font-size:.78rem;font-weight:800}.identity-input{border:2px solid var(--wood)!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important;padding:10px 14px!important;font-size:.95rem!important;font-weight:700!important}.identity-input:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #ffc83b4d!important}.export-modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.certificate-author-display{color:#78350f;margin:4px 0 2px;font-size:1rem;font-weight:600}.pen-tool-container{border:3px solid var(--wood);background:#fdf8ed;border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.pen-tool-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pen-tool-title{color:var(--wood);font-size:.88rem;font-weight:800}.pen-tool-controls{align-items:center;gap:6px;display:flex}.pen-btn-sm{border-radius:10px!important;padding:4px 10px!important;font-size:.76rem!important}.pen-btn-sm.danger{color:#c62828!important;background:#ffebee!important;border-color:#ef9a9a!important}.pen-canvas-wrapper{aspect-ratio:1;border:2.5px dashed var(--wood);background:#fff;border-radius:14px;width:100%;position:relative;overflow:hidden}.pen-svg-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%}.pen-handle-line{stroke:#42a5f5;stroke-width:.8px;stroke-dasharray:2 1}.pen-handle-dot{stroke:#fff;stroke-width:.8px;cursor:pointer}.pen-handle-dot.in{fill:#ff9800}.pen-handle-dot.out{fill:#2196f3}.pen-handle-dot.selected{fill:#e91e63;r:3.2}.pen-node-point{fill:#fff;stroke:#2e7d32;stroke-width:1.2px;cursor:pointer}.pen-node-point.first-node{stroke:#e65100;stroke-width:1.8px}.pen-node-point.selected{fill:#4caf50;stroke:#1b5e20}.pen-hints{color:#70564d;background:#fff8e1;border-radius:10px;padding:6px 10px;font-size:.75rem}.kerning-modal-box{max-width:620px!important}.kerning-presets-bar{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.kerning-presets-label{color:var(--wood);font-size:.8rem;font-weight:800}.kerning-presets-list{flex-wrap:wrap;gap:6px;max-height:80px;display:flex;overflow-y:auto}.kerning-preset-chip{border:2px solid var(--wood);cursor:pointer;background:#fff;border-radius:12px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .12s}.kerning-preset-chip:hover{background:var(--peach)}.kerning-preset-chip.active{background:var(--gold);border-color:#2e7d32}.kerning-pair-selector-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.kerning-select-group{flex:1}.kerning-select{font-size:1rem!important}.kerning-versus-badge{color:#d97706;font-size:1.1rem;font-weight:800}.kerning-visual-stage{border:3px solid var(--wood);background:#2d2625;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;padding:16px;display:flex}.kerning-stage-label{color:#e5e7eb;font-size:.8rem;font-weight:700}.kerning-stage-glyphs{justify-content:center;align-items:center;min-height:80px;display:flex}.kerning-glyph-box{color:#fff;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.kerning-svg{width:100%;height:100%}.kerning-svg svg g{fill:#fff!important}.kerning-fallback-text{color:var(--gold);font-size:2.5rem;font-weight:800}.kerning-gap-indicator{border-top:2px dashed #fbbf24;border-bottom:2px dashed #fbbf24;justify-content:center;align-items:center;height:40px;transition:width .1s;display:flex}.kerning-slider-card{background:#fef3c7;border:2px solid #f59e0b;border-radius:16px;margin-bottom:16px;padding:12px 16px}.kerning-slider-header{color:#92400e;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.kerning-value-display{font-size:1.1rem;font-weight:800}.kerning-value-display.negative{color:#dc2626}.kerning-value-display.positive{color:#16a34a}.kerning-slider-labels{color:#78350f;justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}.kerning-saved-section{max-height:120px;margin-bottom:16px;padding-right:4px;overflow-y:auto}.kerning-saved-title{color:var(--wood);margin:0 0 6px;font-size:.82rem;font-weight:800}.kerning-saved-grid{flex-wrap:wrap;gap:6px;display:flex}.kerning-saved-item{border:1.5px solid var(--wood);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;font-weight:700;display:flex}.saved-pair-key{color:#1e293b}.saved-pair-val{color:#2563eb}.saved-pair-del-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 2px;font-weight:800}.kerning-empty-msg{color:#94a3b8;font-size:.78rem;font-style:italic}.trace-image-controls{background:#f1f5f9;border:2px solid #cbd5e1;border-radius:14px;margin-top:10px;padding:10px}.trace-header{color:#334155;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8rem;font-weight:800;display:flex}.trace-upload-box{text-align:center;color:#475569;cursor:pointer;background:#fff;border:2px dashed #94a3b8;border-radius:10px;padding:10px;font-size:.8rem;font-weight:700;display:block}.trace-file-input{display:none}.trace-settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trace-setting-item{flex-direction:column;gap:2px;display:flex}.trace-label{color:#475569;font-size:.7rem;font-weight:700}.trace-background-rendered{pointer-events:none;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.rpg-preview-card.dark-theme{color:#cdd6f4;background:#1e1e2e;border-color:#313244}.rpg-preview-card.dark-theme .rpg-title,.rpg-preview-card.dark-theme .rpg-input-label,.rpg-preview-card.dark-theme .rpg-size-label{color:#f5c2e7}.rpg-preview-card.dark-theme .rpg-preview-stage{background:#11111b;border-color:#45475a}.rpg-preview-card{border:3.5px solid var(--wood);box-shadow:0 5px 0 var(--wood);box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.rpg-header{flex-direction:column;gap:8px;margin-bottom:2px;display:flex}.rpg-title-row{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.rpg-title{color:var(--wood);margin:0;font-size:1.05rem;font-weight:800;display:block}.rpg-tag{color:#7a6563;margin-top:2px;font-size:.75rem;font-weight:700;display:inline-block}.theme-toggle-btn{height:32px;color:var(--wood);border:2px solid var(--wood);cursor:pointer;box-shadow:0 2px 0 var(--wood);white-space:nowrap;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .12s;display:inline-flex}.dark-theme .theme-toggle-btn{color:#f5e0dc;background:#313244;border-color:#585b70;box-shadow:0 2px #585b70}.rpg-preview-mode-tabs{box-sizing:border-box;align-items:center;gap:6px;width:100%;display:flex}.rpg-preview-mode-tabs .mode-tab-btn{border:2.5px solid var(--wood);height:36px;color:var(--wood);cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 var(--wood);box-sizing:border-box;text-align:center;background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:0 6px;font-size:.8rem;font-weight:700;display:inline-flex}.rpg-preview-mode-tabs .mode-tab-btn:hover{background:var(--dough)}.rpg-preview-mode-tabs .mode-tab-btn.active{background:var(--gold);border-color:var(--wood);box-shadow:0 1px 0 var(--wood);transform:translateY(1px)}.rpg-size-controls{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:10px 12px;display:flex}.size-buttons-group{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.rpg-size-buttons{flex:1;justify-content:flex-end;gap:4px;display:flex}.rpg-size-btn{border:2px solid var(--wood);color:var(--wood);cursor:pointer;text-align:center;background:#fff;border-radius:10px;flex:1;padding:4px 8px;font-size:.78rem;font-weight:700}.rpg-size-btn.active{background:var(--gold);border-color:var(--wood);box-shadow:0 2px 0 var(--wood)}.tracking-slider-group{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;display:flex}.tracking-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.tracking-value-badge{color:var(--wood);background:var(--gold);border:1.5px solid var(--wood);border-radius:8px;padding:1px 8px;font-size:.76rem;font-weight:800}.tracking-slider{box-sizing:border-box;width:100%!important;max-width:100%!important}.waterfall-container{border:3px solid var(--wood);background:#fff;border-radius:18px;flex-direction:column;gap:12px;max-height:320px;padding:12px;display:flex;overflow-y:auto}.dark-theme .waterfall-container{background:#11111b;border-color:#45475a}.waterfall-row{border-bottom:1px dashed #e2e8f0;align-items:center;gap:12px;padding-bottom:8px;display:flex}.waterfall-size-label{color:#94a3b8;flex-shrink:0;width:40px;font-size:.75rem;font-weight:800}.waterfall-glyphs{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.glyph-audit-card{border:3px solid var(--wood);background:#fff;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.audit-summary-bar{color:var(--wood);flex-direction:column;gap:6px;font-size:.88rem;font-weight:700;display:flex}.audit-progress-bar{accent-color:#22c55e;width:100%;height:12px}.audit-section-title{color:#b91c1c;font-size:.82rem;font-weight:800}.audit-missing-grid{flex-wrap:wrap;gap:6px;max-height:140px;display:flex;overflow-y:auto}.audit-missing-chip{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.export-css-section{margin-bottom:16px}.css-snippet-toggle{width:100%!important;font-size:.85rem!important}.css-snippet-card{background:#0f172a;border:2px solid #334155;border-radius:14px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;display:flex}.css-code-block{color:#38bdf8;white-space:pre-wrap;margin:0;font-family:monospace;font-size:.78rem}.copy-css-btn{align-self:flex-end;padding:4px 12px!important;font-size:.78rem!important}.sidebearing-controls-card{background:#f0fdf4;border:2px solid #86efac;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;display:flex}.sidebearing-field{color:#166534;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.sidebearing-input{text-align:center;width:60px!important;padding:2px 6px!important;font-size:.82rem!important}.batch-svg-modal-box{max-width:680px!important}.batch-dropzone{border:3px dashed var(--wood);text-align:center;background:#f8fafc;border-radius:18px;margin-bottom:16px;padding:20px;transition:all .15s}.batch-dropzone.drag-over{background:#fef3c7;border-color:#d97706;transform:scale(1.01)}.batch-file-input{display:none}.batch-dropzone-label{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.batch-dropzone-icon{font-size:2.2rem}.batch-dropzone-text{color:var(--wood);font-size:.95rem}.batch-dropzone-sub{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-top:4px;padding:4px 10px;font-size:.78rem}.batch-summary-bar{color:var(--wood);justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;font-size:.85rem;font-weight:700;display:flex}.batch-clear-btn{border-radius:10px!important;width:auto!important;padding:4px 10px!important;font-size:.76rem!important}.batch-items-grid{flex-direction:column;gap:8px;max-height:260px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.batch-empty-state{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #cbd5e1;border-radius:14px;padding:24px;font-size:.85rem;font-style:italic}.batch-item-card{border:2px solid var(--wood);box-shadow:0 2px 0 var(--wood);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.batch-item-preview{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.batch-item-svg{width:32px;height:32px}.batch-item-svg svg{width:100%;height:100%}.batch-item-details{flex-direction:column;flex:1;gap:4px;display:flex}.batch-filename{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.8rem;font-weight:700;overflow:hidden}.batch-assign-row{align-items:center;gap:8px;display:flex}.batch-assign-label{color:#64748b;font-size:.74rem;font-weight:700}.batch-glyph-select{width:auto!important;box-shadow:none!important;padding:4px 8px!important;font-size:.8rem!important;font-weight:800!important}.batch-remove-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.autotrace-modal{width:95%!important;max-width:820px!important}.autotrace-body{grid-template-columns:320px 1fr;gap:20px;margin-top:12px;display:grid}@media (width<=768px){.autotrace-body{grid-template-columns:1fr}}.autotrace-preview-col{flex-direction:column;gap:12px;display:flex}.autotrace-canvas-wrapper{aspect-ratio:1;border:3.5px solid var(--wood);background:#fff;border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #00000014}.autotrace-svg-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.autotrace-svg-preview svg{width:100%;height:100%}.autotrace-placeholder{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:.85rem;font-weight:700;display:flex}.autotrace-placeholder small{color:#cbd5e1;font-size:.75rem;font-weight:500}.autotrace-loading{color:#fff;background:#000000bf;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;bottom:12px}.trace-upload-btn-lg{background:var(--mint);border:2.5px solid var(--wood);color:var(--wood);box-shadow:0 4px 0 var(--wood);cursor:pointer;text-align:center;border-radius:14px;padding:10px 14px;font-size:.85rem;font-weight:800;transition:all .15s}.trace-upload-btn-lg:hover{box-shadow:0 5px 0 var(--wood);filter:brightness(1.05);transform:translateY(-1px)}.autotrace-controls-col{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.autotrace-group{flex-direction:column;gap:4px;display:flex}.autotrace-group label{color:#334155;font-size:.78rem;font-weight:800}.autotrace-label-row{justify-content:space-between;align-items:center;display:flex}.autotrace-toggle-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:800}.autotrace-toggle-btn:hover{background:#cbd5e1}.autotrace-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.autotrace-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.bitmap-choice-modal{width:90%!important;max-width:580px!important}.bitmap-choice-body{flex-direction:column;gap:16px;margin-top:12px;display:flex}.bitmap-preview-wrapper{box-sizing:border-box;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;width:100%;height:160px;padding:10px;display:flex;overflow:hidden}.bitmap-preview-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.bitmap-choice-desc{color:#475569;text-align:center;margin:0;font-size:.85rem;font-weight:700}.bitmap-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.bitmap-options-grid{grid-template-columns:1fr}}.bitmap-option-card{text-align:center;border:3px solid var(--wood);cursor:pointer;box-shadow:0 4px 0 var(--wood);border-radius:16px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .18s;display:flex}.bitmap-option-card:hover{box-shadow:0 6px 0 var(--wood);transform:translateY(-2px)}.bitmap-option-card.autotrace-card{background:#fef3c7;border-color:#d97706;box-shadow:0 4px #b45309}.bitmap-option-card.autotrace-card:hover{background:#fde68a;box-shadow:0 6px #b45309}.bitmap-option-card.reference-card{background:#e0f2fe;border-color:#0284c7;box-shadow:0 4px #0369a1}.bitmap-option-card.reference-card:hover{background:#bae6fd;box-shadow:0 6px #0369a1}.bitmap-card-icon{margin-bottom:8px;font-size:2.2rem}.bitmap-card-text h3{color:#1e293b;margin:0 0 4px;font-size:.92rem;font-weight:900}.bitmap-card-text p{color:#475569;margin:0;font-size:.74rem;font-weight:600;line-height:1.3}@media (width<=600px){.quest-grid{grid-template-columns:1fr;gap:8px}.quest-card{text-align:left;flex-direction:row;align-items:center;gap:16px;padding:12px 16px}.quest-icon-wrapper{margin-bottom:0}.quest-progress-pill{margin-left:auto}}.rpg-slider{appearance:none;border:2.5px solid var(--wood);cursor:pointer;background:#f1f5f9;border-radius:6px;outline:none;width:100%;height:10px;transition:all .2s;box-shadow:inset 0 2px 4px #0000000f}.rpg-slider:hover{background:#e2e8f0}.rpg-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);border:2.5px solid var(--wood);width:20px;height:20px;box-shadow:0 3px 0 var(--wood);cursor:pointer;border-radius:50%;transition:transform .12s cubic-bezier(.175,.885,.32,1.275),background .12s}.rpg-slider::-webkit-slider-thumb:hover{background:#fbbf24;transform:scale(1.25)rotate(5deg)}.rpg-slider::-webkit-slider-thumb:active{box-shadow:0 1px 0 var(--wood);background:#d97706;transform:scale(1.1)rotate(-5deg)}.rpg-slider::-moz-range-thumb{background:var(--gold);border:2.5px solid var(--wood);width:20px;height:20px;box-shadow:0 3px 0 var(--wood);cursor:pointer;border-radius:50%;transition:transform .12s cubic-bezier(.175,.885,.32,1.275),background .12s}.rpg-slider::-moz-range-thumb:hover{background:#fbbf24;transform:scale(1.25)rotate(5deg)}.rpg-slider::-moz-range-thumb:active{box-shadow:0 1px 0 var(--wood);background:#d97706;transform:scale(1.1)rotate(-5deg)}body{background:radial-gradient(circle, #4a3e3d14 1.5px, transparent 1.5px), var(--bg-paper);background-size:20px 20px}.panel-card,.game-topbar,.modal-content,.dialog-content,.shop-card,.mascot-card{background-color:#fffef6!important}.quest-map-container,.shop-panel,.glyph-grid-card{position:relative;margin-top:16px!important}.quest-map-container:before,.shop-panel:before,.glyph-grid-card:before{content:"";border:3.5px solid var(--wood);width:76px;height:24px;box-shadow:0 3px 0 var(--wood);z-index:10;background:#ccd1d9;border-radius:8px 8px 0 0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.quest-map-container:after,.shop-panel:after,.glyph-grid-card:after{content:"";border:3.5px solid var(--wood);z-index:11;background:#aab2bd;border-radius:4px;width:46px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.quest-title,.potion-title,.stage-title,.glyph-grid-title,.rpg-modal-title{z-index:10;justify-content:center;align-items:center;position:relative;transform:rotate(-1.5deg);background-color:var(--rose)!important;color:var(--wood)!important;border:3.5px solid var(--wood)!important;text-shadow:none!important;box-shadow:0 5px 0 var(--wood), inset 0 -3px 0 #00000014, inset 0 3px 0 #fff6!important;border-radius:16px!important;margin-bottom:14px!important;padding:8px 22px!important;font-family:Fredoka,sans-serif!important;font-size:1.1rem!important;font-weight:700!important;display:inline-flex!important}.mascot-bubble{position:relative;overflow:visible;background-color:#fffef6!important;border-width:3.5px!important}.mascot-bubble:before{content:"";border-style:solid;border-width:7px 14px 7px 0;border-color:transparent var(--wood) transparent transparent;z-index:1;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.mascot-bubble:after{content:"";z-index:2;border:6px solid #0000;border-left-width:0;border-right:11px solid #fffef6;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.quest-card{box-shadow:0 4px 0 var(--wood), inset 0 -3px 0 #0000000f, inset 0 3px 0 #fff6!important;border-width:3.5px!important;transition:all .15s cubic-bezier(.175,.885,.32,1.275)!important}.quest-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 0 var(--wood), inset 0 -3px 0 #00000014, inset 0 3px 0 #ffffff80!important}.quest-card:active{transform:translateY(3px)scale(.98);box-shadow:0 2px 0 var(--wood), inset 0 -2px 0 #0000000d, inset 0 2px 0 #ffffff4d!important}.shop-buy-btn{text-shadow:1px 1px #4a3e3d33;font-weight:700;transition:all .12s;box-shadow:0 4px 0 var(--wood), inset 0 -3px 0 #0000001a, inset 0 3px 0 #fff6!important;border-width:3px!important}.shop-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--wood), inset 0 -3px 0 #00000026, inset 0 3px 0 #ffffff80!important}.shop-buy-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--wood), inset 0 -2px 0 #0000001a, inset 0 2px 0 #ffffff4d!important}.quest-grid{background:#fff6;border-radius:20px;padding:12px;border:2px dashed #4a3e3d26!important}.mode-tab-btn{border-radius:12px;font-weight:700;transition:all .15s;box-shadow:0 3px 0 var(--wood)!important;border-width:3px!important}.mode-tab-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--wood)!important}.mode-tab-btn.active{transform:translateY(2px);background:var(--gold)!important;color:var(--wood)!important;box-shadow:0 1px 0 var(--wood)!important}.game-workspace{border-radius:28px;padding:8px;background:#4a3e3d08!important;border:3.5px dashed #4a3e3d26!important}.canvas-wrapper{touch-action:none!important;background-color:#fffdf5!important;background-image:radial-gradient(#4a3e3d14 1.5px,#0000 1.5px)!important;background-size:20px 20px!important;border-width:4px!important}.quest-desc,.shop-item-desc,.stage-hint,.mascot-subtext,.quest-subtitle{color:#5d4847!important}.mobile-game-navbar{display:none}@media (width<=1024px){.mobile-game-navbar{z-index:999;justify-content:space-around;align-items:center;height:72px;padding:0 8px 6px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #4a3e3d14;border-top:3.5px solid var(--wood)!important;background-color:#fffef6!important;display:flex!important}.mobile-nav-btn{cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:22%;padding:8px 4px;transition:all .12s;display:flex}.mobile-nav-btn .mobile-nav-icon{font-size:1.5rem;transition:transform .12s}.mobile-nav-btn .mobile-nav-label{color:#8c7674;margin-top:2px;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:700}.mobile-nav-btn.active{transform:translateY(-4px);background-color:var(--rose)!important;border:2.5px solid var(--wood)!important;box-shadow:0 3px 0 var(--wood)!important}.mobile-nav-btn.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-btn.active .mobile-nav-label{color:var(--wood)!important}.game-workspace .left-sidebar,.game-workspace .main-content,.game-workspace .right-sidebar,.font-lab.mobile-tab-canvas .game-topbar,.font-lab.mobile-tab-map .game-topbar{display:none!important}.font-lab.mobile-tab-canvas .game-workspace .main-content{flex-direction:column;gap:18px;width:100%;display:flex!important}.font-lab.mobile-tab-canvas .game-workspace .left-sidebar{margin-bottom:-10px;display:flex!important}.font-lab.mobile-tab-canvas .game-workspace .left-sidebar>:not(.mascot-card){display:none!important}.font-lab.mobile-tab-map .game-workspace .left-sidebar{width:100%;display:flex!important}.font-lab.mobile-tab-map .game-workspace .left-sidebar>:not(.quest-map-wrapper):not(.bulk-actions-wrapper):not(.minigame-wrapper){display:none!important}.font-lab.mobile-tab-shop .game-workspace .right-sidebar{width:100%;display:flex!important}.font-lab.mobile-tab-shop .game-workspace .right-sidebar>:not(.shop-panel){display:none!important}.font-lab.mobile-tab-project .game-workspace .right-sidebar{width:100%;display:flex!important}.font-lab.mobile-tab-project .game-workspace .right-sidebar .shop-panel{display:none!important}.floating-toolbar{flex-flow:wrap;justify-content:center;margin-bottom:8px;position:static}.font-lab{padding:16px 16px 110px!important}.game-topbar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important}.brand-section{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.status-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;padding:6px 6px 14px!important;display:flex!important;overflow-x:auto!important}.status-pills::-webkit-scrollbar{display:none}.stat-pill,.game-topbar .tool-btn,.game-topbar .icon-btn{flex-shrink:0!important;height:auto!important;min-height:40px!important;padding:6px 14px!important}.stat-pill.exp{min-width:165px!important;padding:6px 10px!important}}@media (width<=768px){.stage-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.mode-tab-bar{flex-direction:column!important;gap:8px!important}.mode-tab-btn{width:100%!important;height:auto!important;min-height:44px!important;padding:8px 16px!important}canvas,.pixel-canvas-grid,.pen-canvas-container,.game-canvas-area{touch-action:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}