@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/dm-sans.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit.woff2) format("woff2")}:root{font-family:DM Sans,sans-serif;color:#fff8ea;--gold:#f5d47d;--ink:#272944;--violet:#7461bc;--cream:#fff9eb}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#82cbd9}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f5c954;outline-offset:4px}button:active{transform:translateY(2px)!important}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}#shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#151930e8,#1d2348a8 34%,#23344d15 67%),linear-gradient(0deg,#15243a70,transparent 25%)}.screen{position:absolute;inset:0;padding:32px 5vw;display:flex;flex-direction:column;pointer-events:none}.screen button,.screen a{pointer-events:auto}header,footer{display:flex;align-items:center;justify-content:space-between}.wordmark{font:600 19px Outfit;letter-spacing:3px}.wordmark i{font:600 9px DM Sans;font-style:normal;letter-spacing:2px;margin-left:15px;opacity:.7}.made{font-size:12px;opacity:.85}.intro{margin:auto 0;max-width:590px;padding:24px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--gold)}h1{position:relative;font:500 clamp(66px,7.2vw,106px)/.95 Outfit,sans-serif;letter-spacing:-4px;margin:22px 0 25px}h1 em{font-style:normal;color:var(--gold)}.title-star{font-size:34px;display:inline-block;vertical-align:top;padding:8px 0 0 10px;color:var(--gold);animation:twinkle 5s ease-in-out infinite}.intro p{font-size:17px;line-height:1.7;color:#f6f0e5bd;margin:0 0 28px}.primary,.glass{min-height:48px;border-radius:16px;padding:14px 20px;border:0;font-weight:700}.primary{background:var(--gold);color:var(--ink);box-shadow:0 4px #ba9450,0 8px 20px #171b3020;transition:background .15s,transform .15s}.primary:hover{background:#ffe6a7}.play-button{display:flex;align-items:center;justify-content:space-between;gap:46px;font-size:16px;padding:18px 24px;min-width:280px}.play-button span{font-size:23px}.menu-links{display:flex;flex-wrap:wrap;gap:2px 19px;margin-top:20px;align-items:center;max-width:530px}.menu-links button,.menu-links a{border:0;background:none;color:#f9f4e8b8;padding:10px 0;font-size:12px;min-height:44px;text-decoration:none}.menu-links button:hover{color:var(--gold)}.intro-scene-label{position:absolute;right:6vw;bottom:19%;font-size:10px;letter-spacing:2px;text-shadow:0 2px 10px #112c39}.intro-scene-label small{display:block;font-size:12px;letter-spacing:0;opacity:.85;margin:10px 0 0 17px}.live-dot{display:inline-block;width:6px;height:6px;background:#f5d47d;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #ffe09e}footer{font-size:11px;color:#fff4df99}footer span:last-child{font-size:8px;letter-spacing:2px}#loading{position:fixed;inset:0;z-index:30;background:#191b35;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.load-star{font-size:64px;color:var(--gold);animation:twinkle 1.5s infinite}@keyframes twinkle{50%{transform:rotate(15deg) scale(.9);opacity:.6}}.hud-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud-top>*{pointer-events:auto}.round{width:48px;height:48px;border:1px solid #fff5;border-radius:17px;background:#272944b3;color:var(--cream);font-size:23px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.star-pill{display:flex;gap:7px;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #fff5;border-radius:99px;color:var(--gold);background:#272944ac;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:17px}.star-pill small{font-size:10px;color:#fff9eb90}.star-pill b{font-size:16px}#toast{position:absolute;top:80px;left:50%;transform:translate(-50%) translateY(-5px);width:max-content;max-width:min(460px,88vw);padding:11px 18px;border:1px solid #fff4;border-radius:15px;background:#272944de;color:#fff9eb;box-shadow:0 6px 30px #141b2e30;font-size:12px;line-height:1.5;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#interact-wrap{position:absolute;bottom:max(130px,calc(env(safe-area-inset-bottom) + 116px));left:50%;transform:translate(-50%);z-index:3}#interact{font-size:13px;white-space:nowrap;max-width:92vw;min-height:48px;padding:13px 22px}#move-pad{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}#move-pad button{border:1px solid #fff6;border-radius:14px;background:#2729449c;color:#fff8e5;font-size:24px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#move-pad button:first-child{grid-column:2}#move-pad button:nth-child(2){grid-column:1;grid-row:2}#move-pad button:nth-child(3){grid-column:2;grid-row:2}#move-pad button:nth-child(4){grid-column:3;grid-row:2}#move-pad button:active{background:#f5d47d;color:#272944}.action-buttons{position:absolute;right:20px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}.action-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:1px solid #fff7;background:#272944a8;color:var(--cream);touch-action:none;box-shadow:0 3px #141b3040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.action-buttons button span{font-size:25px;line-height:1}.action-buttons button small{font-size:8px;letter-spacing:1px;margin-top:4px}#blast{width:76px;height:76px;background:#f5d47df0;color:#272944;border-color:#fff1b8}#blast span{font-size:31px}#blast:active{background:#fff3bf;box-shadow:0 0 35px #ffe080a0}#multiplayer-status{position:absolute;left:50%;bottom:68px;transform:translate(-50%);font-size:10px;background:#272944a0;padding:6px 12px;border-radius:99px;max-width:35vw;text-align:center}#encounter{position:absolute;left:50%;top:16px;transform:translate(-50%);background:#272944e3;border:1px solid #e9ccfa55;border-radius:18px;padding:10px 17px;min-width:235px;text-align:center;pointer-events:none}#battle-label{display:block;font-size:8px;letter-spacing:2px;color:#d9c7ff}#battle-progress{display:block;font:600 16px Outfit;margin-top:3px}.battle-bottom{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:3px}#shield{font-size:13px;color:#96e0d2;letter-spacing:4px}#leave-battle{border:0;background:transparent;color:#fff9eb99;font-size:10px;min-height:24px;pointer-events:auto}#activity{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#272944cf;color:var(--gold);padding:9px 16px;border-radius:99px;font-size:12px;pointer-events:none}body.in-battle #toast{top:120px}body.in-battle #interact-wrap{display:none}#minimap{position:absolute;right:18px;top:78px;background:#272944d9;border:1px solid #fff6;border-radius:20px}dialog{border:1px solid #fff;border-radius:26px;background:var(--cream);color:var(--ink);padding:32px;max-width:490px;width:calc(100% - 28px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #10132866;overscroll-behavior:contain}dialog::backdrop{background:#181b385c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog .close{position:absolute;right:8px;top:8px;width:44px;height:44px;background:none;border:0;font-size:27px;color:#67657e}dialog .eyebrow{color:#8b6d38;font-size:9px;letter-spacing:2px;padding-right:25px;display:block}dialog h2{font:600 31px/1.1 Outfit;margin:13px 0 16px;letter-spacing:-.6px}dialog p{font-size:13px;line-height:1.7;color:#68677b}dialog .primary{margin-top:14px;width:100%}dialog .secondary{width:100%;min-height:44px;padding:12px;margin-top:9px;border:1px solid #d5cfbf;border-radius:13px;background:transparent;color:#55516d}dialog label{display:block;font-size:12px;margin:17px 0 7px}dialog input,dialog select{width:100%;min-height:44px;padding:12px;border:1px solid #cbc4b5;border-radius:11px;background:#fffefa;color:var(--ink)}dialog .code{background:#eee8d8;border-radius:12px;padding:14px;word-break:break-all;letter-spacing:2px;font-weight:700;font-size:15px;text-align:center}.avatar-tabs{display:flex;gap:8px}.avatar-tabs button{flex:1;background:#ece5d8;border:0;padding:11px;border-radius:10px;color:#55516d;min-height:44px}.avatar-tabs button.active{background:#7461bc;color:#fff}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatches button{width:44px;height:44px;border-radius:50%;border:4px solid transparent;box-shadow:0 0 0 1px #d5cfbf}.swatches button.active{border-color:#7461bc}.letter-star{font-size:44px;color:#c49c47}.letter-body{font:500 22px/1.5 Outfit;color:#494463!important}.letter-sign{font:14px Outfit;color:#967749}.fine{font-size:10px!important;color:#888393!important}.pause-summary{display:flex;gap:8px;align-items:center;font-size:12px;color:#858097;margin-bottom:16px}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.destination-grid button{min-height:90px;text-align:left;border:1px solid #dbd2bd;background:#f4eddf;border-radius:16px;padding:13px;color:#49405e}.destination-grid button strong{display:block;font:600 16px Outfit;margin:7px 0 3px}.destination-grid button small{font-size:10px;color:#847887}.destination-grid button:first-child{background:#e9e1f5;border-color:#d2c2ec}.destination-grid .destination-icon{font-size:22px}.pause-tools{display:flex;gap:6px;margin:8px 0 0}.pause-tools button{font-size:11px;flex:1;min-height:44px}#art-canvas{display:block;width:min(100%,36vh);height:auto;aspect-ratio:1;margin:15px auto;touch-action:none;cursor:crosshair;border-radius:13px;border:1px solid #d3cab7}.art-tools{display:flex;gap:8px;align-items:center;margin-top:10px}.art-tools label{margin:0;width:50%;font-size:10px}.art-tools input{padding:0;width:100%;accent-color:#7461bc}.art-tools .secondary{width:auto;padding:9px;font-size:11px;margin:0}dialog:has(#art-canvas) h2{font-size:25px;margin:9px 0}dialog:has(#art-canvas) .primary{padding:12px;margin-top:10px}dialog:has(#art-canvas) .fine{line-height:1.4;margin-bottom:0}@media(max-width:700px){.screen{padding:23px 25px 21px}.wordmark{font-size:16px}.wordmark i{display:none}.made{font-size:10px}.intro{margin:auto 0 22px;padding:0;max-width:100%}h1{font-size:clamp(53px,15.4vw,78px);letter-spacing:-2.8px;margin:15px 0 17px}.title-star{font-size:26px;padding:6px 0 0 6px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.intro p{font-size:13px;line-height:1.6;margin-bottom:20px}.play-button{width:100%;font-size:15px;min-width:0;min-height:58px}.menu-links{margin-top:12px;gap:0 17px;justify-content:center}.menu-links button,.menu-links a{font-size:10px}#shade{background:linear-gradient(0deg,#191b35fa,#191b35d9 32%,#242c4870 54%,#20324900 78%,#151b3340)}footer{font-size:9px;justify-content:center}footer span:last-child{display:none}.intro-scene-label{display:none}.hud-top{left:13px;right:13px;top:max(13px,env(safe-area-inset-top))}#toast{font-size:11px;max-width:86vw;top:74px;padding:10px 14px}#move-pad{left:14px;bottom:max(18px,env(safe-area-inset-bottom))}.action-buttons{right:15px;gap:8px}.action-buttons button{width:52px;height:52px}#blast{width:66px;height:66px}#interact-wrap{bottom:max(125px,calc(env(safe-area-inset-bottom) + 115px))}#interact{font-size:12px;padding:12px 18px}dialog{padding:28px 23px;max-height:calc(100dvh - 20px)}dialog h2{font-size:29px}#encounter{min-width:192px;padding:9px 11px;top:72px}body.in-battle #toast{top:180px}#activity{top:74px}#multiplayer-status{bottom:20px;font-size:9px;max-width:30vw}#leave-battle{min-height:44px}.battle-bottom{margin-top:0}#battle-progress{font-size:15px}}@media(max-height:550px)and (min-width:600px){.screen{padding:18px 32px}.intro{padding:12px 0;margin:auto 0}.intro .eyebrow{font-size:8px}h1{font-size:54px;margin:12px 0}.intro p{font-size:12px;margin-bottom:12px}.play-button{min-height:46px;font-size:13px;padding:10px 18px;width:260px}.menu-links{margin-top:5px}.menu-links button{font-size:10px}.intro-scene-label{display:none}footer{font-size:9px}#encounter{top:12px;min-width:220px;padding:7px 12px}#toast{top:74px}body.in-battle #toast{top:113px}#interact-wrap{bottom:28px}#move-pad{bottom:14px}.action-buttons{bottom:17px}dialog{max-height:calc(100dvh - 20px);padding:25px}}@media(prefers-reduced-motion:reduce){.title-star,.load-star{animation:none}}#world,#hud,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,.code{-webkit-user-select:text;user-select:text}#activity:not([hidden])~#toast{top:124px}@media(max-width:700px){#activity:not([hidden])~#toast{top:118px}}.level-list{display:grid;gap:9px}.level-card{border:1px solid #d8cfbd;border-radius:16px;overflow:hidden;background:#f4eddf}.level-card>button:first-child{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;background:transparent;color:#49405e;text-align:left;min-height:76px}.level-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;color:#fff9eb;font-size:25px}.level-card strong{display:block;font:600 17px Outfit}.level-card small{display:block;font-size:10px;line-height:1.4;color:#83798d;margin-top:4px}.level-card b{margin-left:auto;font-size:18px}.level-card.locked{opacity:.55}.level-card button:disabled{cursor:default}.reward-chip{display:block;margin:0 12px 9px 68px;min-height:36px;padding:7px 12px;background:#e6dfed;border:0;border-radius:10px;color:#6d5787;font-size:10px}.level-card button:hover:not(:disabled){background:#eee2f0}#camera-distance{min-height:44px}#campaign-menu{margin-top:12px}@media(max-height:550px)and (min-width:600px){body.in-battle #toast{top:auto;bottom:18px;max-width:calc(100vw - 360px)}}#interact-wrap{display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px)}#interact{min-width:0;white-space:normal}#interact-options{flex:0 0 48px;width:48px;height:48px;min-height:48px;border:1px solid #fff8;border-radius:15px;background:#272944df;color:#fff9eb;font-size:11px;font-weight:700;box-shadow:0 3px #141b3040}.nearby-choices .secondary{text-align:left;min-height:48px;font-weight:600}dialog:has(.wardrobe){max-width:740px;padding:22px;background:#faf7ff}.wardrobe h2{margin:8px 0 15px;font-size:28px}.wardrobe-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}.wardrobe-mirror{border-radius:20px;overflow:hidden;background:#eae1ff}.wardrobe-mirror canvas{display:block;width:100%;height:320px;touch-action:none;cursor:grab}.wardrobe-turn{display:flex;align-items:center;justify-content:space-between;padding:0 8px 5px}.wardrobe-turn span{font-size:10px;color:#635580}.wardrobe-turn button{border:0;background:transparent;color:#604995;font-size:26px;width:44px;min-height:44px}.wardrobe-tabs{display:flex;gap:3px;border-radius:12px;background:#eae1f3;padding:4px}.wardrobe-tabs button{min-width:0;flex:1;min-height:44px;border:0;background:transparent;color:#695980;font:600 12px Outfit;border-radius:9px}.wardrobe-tabs button[aria-selected=true]{background:#6f47ae;color:#fff}.wardrobe-controls h3{font:600 17px Outfit;margin:18px 0 10px}.wardrobe-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wardrobe-pieces button,.wardrobe-art-tools button{min-height:48px;border:1px solid #d5c7e8;background:#fff;border-radius:12px;font:500 12px Outfit;color:#574569;padding:7px}.wardrobe-pieces button[aria-pressed=true]{background:#e8d6ff;border:2px solid #8656c1}.wardrobe-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wardrobe-colors button{width:100%;height:44px;border-radius:11px;border:3px solid #ddd1e8;box-shadow:inset 0 0 0 2px #fff5}.wardrobe-colors button[aria-pressed=true]{border-color:#7448ad;outline:2px solid #b79bda;outline-offset:2px}.wardrobe-hint{font-size:11px!important;line-height:1.4!important;margin:14px 0 10px;color:#756386!important}.wardrobe-footer .primary{margin-top:15px}.wardrobe-links{display:flex;gap:18px;justify-content:center}.wardrobe-links button{min-height:44px;border:0;background:transparent;color:#775393;font-size:12px;text-decoration:underline}.wardrobe-footer .fine{margin:0;text-align:center;line-height:1.4}#wardrobe-art{display:block;width:155px;height:155px;margin:0 auto 12px;border:2px solid #cdbbdf;border-radius:12px;touch-action:none;cursor:crosshair}.wardrobe-art-tools{display:flex;align-items:center;gap:6px;margin-top:10px}.wardrobe-art-tools label{margin:0;flex:1;font-size:10px}.wardrobe-art-tools input{padding:0;height:35px;min-height:35px;accent-color:#8455b5}.wardrobe-art-tools button{font-size:11px;min-height:44px}.wardrobe button:focus-visible{outline:3px solid #54398d;outline-offset:2px}@media(max-width:550px){dialog:has(.wardrobe){padding:19px 16px}.wardrobe h2{font-size:25px;margin:7px 0 10px}.wardrobe-layout{grid-template-columns:1fr;gap:9px}.wardrobe-mirror canvas{height:205px}.wardrobe-turn{height:32px;padding-bottom:0}.wardrobe-turn button{min-height:32px;height:32px;font-size:22px}.wardrobe-controls h3{margin:12px 0 8px;font-size:15px}.wardrobe-colors{grid-template-columns:repeat(4,1fr);gap:6px}.wardrobe-colors button{height:44px;border-width:2px;border-radius:9px}.wardrobe-pieces button{min-height:44px}.wardrobe-hint{margin:10px 0 8px}.wardrobe-footer .primary{margin-top:12px}.wardrobe-links button{min-height:38px}#wardrobe-art{width:145px;height:145px}}@media(max-height:500px)and (min-width:551px){dialog:has(.wardrobe){max-width:780px;padding:16px 22px}.wardrobe-layout{grid-template-columns:230px 1fr}.wardrobe-mirror canvas{height:205px}.wardrobe h2{font-size:22px}.wardrobe-colors{grid-template-columns:repeat(8,1fr);gap:6px}.wardrobe-controls h3{margin:12px 0 8px}.wardrobe-footer .primary{margin-top:10px}#wardrobe-art{width:125px;height:125px}}dialog:has(.paint-studio){inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:#231c39;overflow:hidden}dialog:has(.paint-studio)>.close{display:none}.paint-studio{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr) 66px 78px;background:radial-gradient(ellipse at 30% 20%,#554471,#201b32);color:#fff;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.paint-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2b223ee8;z-index:2}.paint-header>div{flex:1;min-width:80px}.paint-header strong{font:600 18px Outfit;display:block;white-space:nowrap}.paint-header small{display:block;font-size:10px;color:#c6b4df;margin-top:3px}.paint-studio button{min-height:44px;padding:9px 13px;border:1px solid #ffffff22;border-radius:13px;color:#eee4fa;background:#ffffff0b;font:500 13px Outfit}.paint-header #paint-save{background:#ffd983;color:#463245;font-weight:700}.paint-header #paint-back{font-size:24px;padding:0;width:44px}.paint-workspace{position:relative;min-height:0;display:flex;justify-content:center;align-items:center;padding:15px 22px;overflow:hidden}.paint-workspace>canvas{width:100%;height:100%;object-fit:contain;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;filter:drop-shadow(0 16px 28px #10092350)}#paint-focus{position:absolute;right:14px;top:12px;background:#362644cb;font-size:22px;width:44px;padding:0}#paint-notice{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#291e41e8;padding:12px 18px;border-radius:15px;max-width:90%;font:500 13px Outfit;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center}#paint-notice.visible{opacity:1}.paint-tools{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;background:#2b223ee8}.paint-tools button[aria-pressed=true]{background:#8966bd;border-color:#c5a0f5}.paint-tools #paint-inside{font-size:11px}.paint-brush-size{display:flex!important;align-items:center;gap:7px;font-size:10px!important;margin:0!important;color:#d7c7e9;width:135px}.paint-brush-size input{width:90px;min-height:44px;padding:0;background:transparent;border:0;accent-color:#dcadff}.paint-palette{display:flex;justify-content:center;align-items:center;gap:14px;background:#241c34;padding:8px 16px}.paint-palette #paint-swatches{display:flex;gap:7px;overflow-x:auto;padding:5px}.paint-palette #paint-swatches button{flex:0 0 38px;min-height:38px;height:38px;width:38px;border-radius:50%;padding:0;border:3px solid #ffffff20}.paint-palette #paint-swatches button[aria-pressed=true]{border:3px solid white;outline:2px solid #aa82d3;outline-offset:2px}.paint-any-color{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:11px!important;white-space:nowrap;color:#dccaea}.paint-any-color input{height:44px;width:44px;padding:3px;min-height:44px;border:1px solid #c9a5ef;border-radius:12px;background:#ffffff12}.paint-focus-mode{grid-template-rows:0 minmax(0,1fr) 0 0}.paint-focus-mode .paint-header,.paint-focus-mode .paint-tools,.paint-focus-mode .paint-palette{visibility:hidden;padding:0;overflow:hidden}.paint-focus-mode .paint-workspace{padding:0}#paint-drawer{position:absolute;inset:0;z-index:5;background:#faf5ff;color:#392d50;padding:24px;overflow:auto}.paint-drawer-head{display:flex;align-items:center;justify-content:space-between}.paint-drawer-head h2{font:600 27px Outfit;margin:0 0 18px}.paint-drawer-head button{color:#594274;min-width:44px;font-size:26px;background:#e7dcee}.paint-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:950px;margin:auto}.paint-page-grid>button{background:#fff;color:#524167;border:1px solid #ddd0ed;padding:12px;box-shadow:0 5px 16px #39275209;min-height:120px}.paint-page-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;display:block}.paint-page-grid strong{font:600 15px Outfit;display:block;margin-top:10px}.paint-page-grid small{font-size:10px;display:block;margin-top:5px;color:#887699}.paint-photo-icon{display:block;font-size:70px;color:#bc83be;padding:30px}.paint-export{max-width:650px;grid-template-columns:1fr 1fr}.paint-export>img,.paint-export>p{grid-column:1/-1}.paint-export>img{max-height:65vh;object-fit:contain}.paint-export>button{min-height:48px}.paint-export>p{font-size:12px;text-align:center}.paint-studio button:focus-visible{outline:3px solid #ffda7e;outline-offset:2px}@media(max-width:600px){.paint-studio{grid-template-rows:100px minmax(0,1fr) 100px 73px}.paint-header{padding:5px 10px;flex-wrap:wrap;gap:5px}.paint-header>div{width:calc(100% - 60px);flex:none}.paint-header button:not(#paint-back){flex:1;font-size:12px;min-height:39px;padding:7px}.paint-header strong{font-size:17px}.paint-workspace{padding:7px}.paint-tools{flex-wrap:wrap;padding:6px;gap:4px}.paint-tools>button{padding:7px 9px;font-size:11px;min-height:40px}.paint-brush-size{width:130px}.paint-palette{padding:6px;gap:6px}.paint-any-color{flex-direction:column;gap:2px;font-size:8px!important}.paint-palette #paint-swatches button{flex-basis:36px;width:36px;height:36px;min-height:36px}.paint-page-grid{grid-template-columns:repeat(2,1fr);gap:9px}#paint-drawer{padding:20px 14px}.paint-drawer-head h2{font-size:22px}.paint-focus-mode{grid-template-rows:0 minmax(0,1fr) 0 0}.paint-export{grid-template-columns:1fr 1fr}}@media(max-height:500px)and (min-width:601px){.paint-studio{grid-template-rows:48px minmax(0,1fr) 48px 53px}.paint-header{padding:2px 10px}.paint-header strong{font-size:14px}.paint-header small{font-size:8px}.paint-tools{padding:2px 6px;gap:4px}.paint-tools button{min-height:38px;padding:6px 9px;font-size:11px}.paint-palette{padding:3px}.paint-palette #paint-swatches button{min-height:32px;width:32px;height:32px;flex-basis:32px}.paint-workspace{padding:5px}.paint-focus-mode{grid-template-rows:0 minmax(0,1fr) 0 0}}dialog:has(.paint-studio) #modal-content{height:100%;width:100%;min-width:0}.paint-studio{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.paint-studio>*{min-width:0}.paint-palette #paint-swatches{min-width:0;flex:1;max-width:660px}.paint-workspace>canvas{min-width:0;min-height:0;max-width:100%;max-height:100%}.paint-zoom{position:absolute;right:14px;top:65px;display:flex;flex-direction:column;gap:5px}.paint-zoom button{width:40px;min-height:40px;padding:4px;background:#33243fce;font-size:19px}.paint-zoom #paint-zoom-fit{font-size:11px}.paint-focus-mode .paint-zoom{opacity:.75}