:root{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#163d4d;background:#cde7eb;font-synthesis:none;--ink: #173f50;--cream: #f9faf2;--line: #dce7e2;--green: #a6e547;--muted: #708894}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:15px;font-weight:750;touch-action:manipulation;transition:background .15s,transform .12s,box-shadow .15s}button:active{transform:scale(.95)}button:focus-visible{outline:3px solid #2396e9;outline-offset:2px}button:disabled{opacity:.35;cursor:default}button svg{width:22px;height:22px;flex-shrink:0}#world{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.topbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));height:58px;display:flex;align-items:center;gap:10px}.brand{display:flex;gap:10px;align-items:center;margin-right:auto;filter:drop-shadow(0 2px 0 #ffffff45)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);gap:5px;padding:10px;background:#ffca32;border-radius:12px;box-shadow:inset 0 -4px #dc9e23,0 3px 12px #163f5020;transform:rotate(-8deg)}.brand-mark i{width:7px;height:7px;border-radius:50%;background:#ffe177;box-shadow:0 2px #e7ac28}.brand strong{display:block;font-size:20px;font-weight:900;letter-spacing:-.7px;line-height:1}.brand small{font-size:10px;font-weight:800;letter-spacing:2px;display:block;margin-top:6px}.toolbar{display:flex;align-items:center;gap:3px;padding:5px;background:#f9faf1ed;box-shadow:0 5px 25px #204b5d12;border:1px solid #ffffff;border-radius:18px}.toolbar button{width:44px;height:44px;min-height:44px;border-radius:12px}.toolbar button:hover{background:#e7f0e7}.toolbar button span{display:none}.toolbar .divider{height:24px;width:1px;background:var(--line);margin:0 4px}.mode-toggle{display:flex;gap:3px;background:var(--ink);border:5px solid var(--ink);border-radius:18px;box-shadow:0 5px 20px #173e5020}.mode-toggle button{min-height:44px;height:44px;padding:0 16px;color:#d7e5de;border-radius:12px}.mode-toggle button.active{background:var(--green);color:var(--ink);box-shadow:inset 0 -3px #80bc36}.world-badge{position:absolute;top:84px;left:50%;transform:translate(-50%);color:#426c70;font-size:12px;display:flex;align-items:center;gap:8px;font-weight:700;background:#f8f9f0aa;padding:7px 13px;border-radius:20px;pointer-events:none}.world-badge .dot{width:6px;height:6px;border-radius:50%;background:#36a175}.palette{position:absolute;top:104px;bottom:166px;left:max(16px,env(safe-area-inset-left));width:64px;border:1px solid #ffffff;background:#f9faf2ed;box-shadow:0 4px 22px #204b5d18;border-radius:22px;padding:9px 7px;display:flex;flex-direction:column;gap:7px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;scrollbar-width:none}.palette::-webkit-scrollbar,.piece-strip::-webkit-scrollbar,.categories::-webkit-scrollbar{display:none}.swatch{flex-shrink:0;min-height:44px;width:46px;height:46px;border-radius:14px;border:3px solid transparent;position:relative;box-shadow:inset 0 -5px 4px #0002,inset 0 4px 5px #fff7,0 2px 4px #163e5011}.swatch:before{content:"";height:16px;width:16px;border-radius:50%;background:inherit;box-shadow:inset 0 -2px 3px #0002,inset 0 2px 2px #fff7,0 1px 2px #0002}.swatch.selected{border-color:#fff;outline:3px solid #173f50;outline-offset:-1px}.swatch.selected:after{content:"✓";position:absolute;font-size:14px;color:#fff;text-shadow:0 1px 3px #000;bottom:1px;right:4px}.library{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:max(98px,calc(env(safe-area-inset-left) + 82px));right:max(90px,calc(env(safe-area-inset-right) + 70px));height:136px;background:#f9faf2f2;border:1px solid #fff;border-radius:24px;box-shadow:0 8px 28px #163f501c;overflow:hidden}.library-header{height:39px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);gap:8px}.categories{display:flex;align-items:center;gap:3px;overflow-x:auto;touch-action:pan-x;scrollbar-width:none;width:100%;height:100%}.categories button{font-size:11px;min-height:28px;white-space:nowrap;padding:0 11px;border-radius:9px;color:#6d8388}.categories button.active{background:var(--ink);color:#f9faf2}.piece-strip{display:flex;gap:5px;padding:5px 9px 9px;overflow-x:auto;overflow-y:hidden;height:97px;touch-action:pan-x;scrollbar-width:none}.piece-card{min-width:94px;width:94px;flex-shrink:0;display:flex;flex-direction:column;gap:0;height:82px;border:2px solid transparent;border-radius:15px;position:relative}.piece-card img{width:88px;height:60px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.piece-card span{font-size:10px;font-weight:750;line-height:14px;white-space:nowrap}.piece-card.active{border-color:#b1c7be;background:#e4efdf}.piece-card:hover{background:#eaf1e6}.toolrail{position:absolute;top:110px;right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px}.toolrail button{width:54px;height:54px;min-height:54px;background:#f9faf1f2;box-shadow:0 3px 15px #163f5015;border:1px solid #fff;border-radius:17px}.toolrail button span{display:none}.toolrail .danger{color:#d15c44}.toolrail .active{background:#fff0ba}.confirmation{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px}.confirmation button{width:60px;height:60px;border-radius:20px;box-shadow:0 5px 15px #163f501c;border:2px solid #fff;font-size:25px}.confirmation .yes{background:#a6e34b;box-shadow:inset 0 -4px #80be33,0 5px 15px #163f501c}.confirmation .no{background:#f6785e;box-shadow:inset 0 -4px #d95c48,0 5px 15px #163f501c}.confirm-label{display:none}.placement-status{position:absolute;bottom:164px;left:50%;transform:translate(-50%);background:#193f50ed;color:#f8fff1;border:1px solid #ffffff50;padding:9px 16px;border-radius:25px;font-size:12px;display:flex;gap:8px;align-items:center;white-space:nowrap;box-shadow:0 4px 20px #173f5020;pointer-events:none}.placement-status.bad{background:#9c4d3c}.placement-status i{width:7px;height:7px;background:#b8ec59;border-radius:50%}.hint{position:absolute;bottom:165px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#3e666a;background:#f9faf1c9;padding:8px 16px;border-radius:24px;white-space:nowrap;pointer-events:none}.precision-pad{position:absolute;right:82px;top:126px;display:grid;grid-template-columns:repeat(3,42px);gap:4px;padding:8px;background:#f9faf1f2;border-radius:20px;box-shadow:0 3px 20px #234b6020}.precision-pad button{width:42px;height:42px;min-height:42px;border-radius:12px;background:#e6eee4;font-size:17px}.precision-pad small{grid-column:1/-1;text-align:center;font-size:10px;color:#6d8388;line-height:15px}.precision-pad .level{font-size:10px;background:#193f50;color:#fff}.precision-pad .layer{background:#fff0b9}.selected-chip{position:absolute;bottom:165px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:7px 14px;background:#f9faf1ed;border-radius:20px;font-size:12px;font-weight:750}.selected-chip button{min-height:30px;background:#e5eddc;font-size:10px;padding:0 12px}.welcome{position:absolute;top:50%;transform:translateY(-46%);left:max(6vw,env(safe-area-inset-left));width:380px;padding:35px;background:#fbfcf2f5;border-radius:32px;border:1px solid white;box-shadow:0 15px 55px #1d556d20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#79907e}.welcome h1{font-size:45px;line-height:1.06;letter-spacing:-2.2px;margin:17px 0;color:var(--ink);font-weight:900}.welcome h1 em{color:#43a775;font-style:normal}.welcome p{font-size:14px;line-height:1.65;color:#6c8387;margin:0 0 24px}.primary{background:var(--green);color:var(--ink);box-shadow:inset 0 -4px #86c139;padding:13px 22px;border-radius:17px;font-size:14px;min-height:54px}.welcome .primary{width:100%;justify-content:space-between;font-size:15px}.welcome-links{display:flex;gap:8px;margin-top:12px}.welcome-links button{background:#eaf0e5;flex:1;flex-direction:column;gap:6px;padding:12px 0;font-size:10px}.welcome footer{display:flex;align-items:center;gap:7px;margin-top:20px;font-size:10px;letter-spacing:.4px;color:#7f948d}.welcome footer i{width:5px;height:5px;background:#58a279;border-radius:50%}.title-tag{position:absolute;bottom:24px;right:26px;color:#386967;font-size:11px;font-weight:750;background:#f9faf1aa;padding:10px 16px;border-radius:20px}.scrim{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#143d5266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));touch-action:pan-y}.dialog{background:#fafbf3;border:1px solid #fff;border-radius:28px;padding:26px;max-height:100%;width:min(680px,100%);box-shadow:0 20px 80px #123e5340;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.dialog>header{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.dialog h2{margin:8px 0 0;font-size:29px;font-weight:900;letter-spacing:-1px}.dialog header p{font-size:12px;line-height:1.5;color:#72878a;margin:9px 0 0}.icon-button{background:#e7eee3;width:44px;min-width:44px;height:44px;border-radius:14px}.settings-section{font-size:11px;font-weight:850;letter-spacing:1.4px;color:#81968a;text-transform:uppercase;margin:22px 0 8px}.setting-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #e5ebe0;font-size:13px;font-weight:700}.setting-row small{display:block;font-size:10px;line-height:1.5;font-weight:500;color:#83938e;margin-top:4px}.setting-row select{padding:10px 28px 10px 12px;border:1px solid #d7e3d3;border-radius:10px;background:#eef3e8;color:var(--ink);font-size:12px;min-height:44px}.switch{width:54px;height:32px;border-radius:20px;appearance:none;-webkit-appearance:none;flex-shrink:0;background:#d5dfd3;position:relative;cursor:pointer;touch-action:manipulation}.switch:after{content:"";position:absolute;width:24px;height:24px;top:4px;left:4px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #173e5025;transition:left .15s}.switch:checked{background:#9adb4b}.switch:checked:after{left:26px}input[type=range]{width:140px;accent-color:#75b348;touch-action:pan-x;height:40px}.dialog-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;color:#82958b}.dialog-footer button{padding:8px 16px;background:#e6eee0}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.world-card{text-align:left;border-radius:20px;overflow:hidden;background:#edf2e6;border:1px solid #dfe8d9;position:relative}.world-card>button{display:block;width:100%;border-radius:0;text-align:left;padding:0;min-height:140px}.world-card img{width:100%;height:120px;object-fit:cover;display:block;pointer-events:none}.world-card .world-art{height:120px;display:grid;place-items:center;font-size:40px;background:#bbd8bc}.world-card .info{padding:13px 14px}.world-card strong{font-size:14px;display:block}.world-card small{display:block;font-size:10px;color:#819284;margin-top:5px}.world-actions{display:flex;gap:10px;margin-bottom:18px}.world-actions button{flex:1;background:#e6efde;padding:12px;font-size:12px}.world-actions button:first-child{background:var(--green)}.world-card .delete-world{position:absolute;right:7px;top:7px;min-height:32px;width:32px;height:32px;background:#fff9;border-radius:10px}.delete-world svg{width:16px}.rename-input{background:#eff4e7;border:1px solid #d7e2cf;border-radius:12px;padding:12px;width:100%;color:var(--ink);min-height:44px;user-select:text;-webkit-user-select:text}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-options button{padding:18px;background:#e9f1e2;min-height:72px;flex-direction:column;font-size:12px}.menu-options .primary{grid-column:1/-1;flex-direction:row;background:var(--green);min-height:58px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-grid div{background:#eaf0e4;border-radius:17px;padding:15px}.help-grid strong{font-size:12px}.help-grid p{font-size:12px;line-height:1.6;color:#6e8583;margin:6px 0 0}.character-editor{display:grid;grid-template-columns:180px 1fr;gap:24px}.character-portrait{background:#e2ede0;border-radius:24px;min-height:265px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.character-portrait img{width:100%;height:100%;object-fit:contain;position:absolute}.character-portrait:before{content:"";width:140px;height:36px;border-radius:50%;background:#cadbc5;position:absolute;bottom:28px}.creator-controls{min-width:0}.option-label{font-size:10px;color:#819384;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase;font-weight:800}.options{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.option{min-width:36px;min-height:36px;padding:0 9px;font-size:10px;background:#e8eee1;border-radius:10px;border:2px solid transparent}.option.current{border-color:#173f50}.option.color-option{width:34px;height:34px;box-shadow:inset 0 -3px #0001}.character-actions{display:flex;gap:10px;margin-top:20px}.character-actions button{flex:1;background:#e5eedb;font-size:12px;padding:12px}.character-actions .primary{background:var(--green)}.favorites{display:flex;gap:7px;overflow:auto;margin-top:12px}.favorites button{min-width:44px;background:#e4ecd9}.joy{position:absolute;width:138px;height:138px;border-radius:50%;background:#f9faf190;border:2px solid #fff9;bottom:max(28px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));box-shadow:0 5px 30px #143f5015;touch-action:none}.joy:before{content:"✥";font-size:82px;color:#416b6420;position:absolute;inset:9px;display:grid;place-items:center}.stick{width:65px;height:65px;border-radius:50%;position:absolute;left:35px;top:35px;background:#f7faf0;box-shadow:0 5px 15px #173f5030,inset 0 -4px #dce6d5;border:2px solid white;pointer-events:none}.play-actions{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:max(30px,env(safe-area-inset-right));display:flex;gap:12px;align-items:flex-end}.play-actions button{height:75px;min-width:75px;min-height:75px;border-radius:25px;padding:12px;flex-direction:column;gap:3px;background:#f9faf1ee;box-shadow:0 5px 20px #173f5020;font-size:11px}.play-actions .jump{background:#9ddd4c;width:91px;height:91px;font-size:13px;box-shadow:inset 0 -5px #7eb836,0 5px 25px #173f5020}.play-actions button svg{width:28px;height:28px}.play-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:11px;color:#416864;background:#f9faf1b9;border-radius:18px;padding:9px 16px;pointer-events:none}.drive-badge{position:absolute;top:116px;left:50%;transform:translate(-50%);background:#193f50;color:#fff;padding:9px 18px;border-radius:20px;font-size:12px}.joystick-label{position:absolute;top:-25px;left:0;right:0;font-size:10px;letter-spacing:1.4px;text-align:center;color:#52736b;font-weight:800}#toast{position:absolute;left:50%;top:90px;transform:translate(-50%,-10px);padding:12px 19px;background:#193f50f5;color:#f9fff1;border:1px solid #fff4;border-radius:18px;z-index:80;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:85vw;text-align:center;box-shadow:0 6px 24px #173f5025}#toast.show{opacity:1;transform:translate(-50%)}#boot{position:fixed;inset:0;background:#f4f8ed;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100}#boot h1{font-size:22px;letter-spacing:-.6px;margin:25px 0 0}#boot p{color:#87998a;font-size:13px}.boot-brick{background:#ffca32;line-height:22px;color:#ffe881;border-radius:12px;padding:9px 12px 13px;box-shadow:inset 0 -6px #dda429;font-size:25px;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(6deg)}}.rotate-notice{display:none}.footer-version{position:absolute;bottom:15px;left:20px;color:#517b73;font-size:10px;letter-spacing:1px}.more-button{display:none!important}.saved-pulse{color:#399563!important}.storage-error{background:#fbe8dc;border-radius:14px;padding:12px;font-size:12px;line-height:1.5}.preview-focus-ring{position:absolute;pointer-events:none;inset:90px 90px 160px;border:2px dashed #fff9;border-radius:40px}.update-button{background:#a6e547!important;padding:0 12px!important;width:auto!important;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:1.6px}.topbar{gap:7px}.toolbar{gap:0}.toolbar button{width:40px;min-height:40px;height:40px}.mode-toggle button{padding:0 12px;min-height:40px;height:40px}.mode-toggle{border-width:4px}.toolbar .secondary{display:none}.more-button{display:inline-flex!important}.welcome{width:330px;padding:27px}.welcome h1{font-size:38px}.welcome p{font-size:12px}.character-editor{grid-template-columns:150px 1fr}.dialog{max-width:630px}}@media(max-height:550px){.topbar{top:max(9px,env(safe-area-inset-top));height:46px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.brand strong{font-size:15px}.brand small{font-size:7px;letter-spacing:1.2px;margin-top:4px}.brand-mark{padding:8px;gap:4px;grid-template-columns:repeat(2,6px);border-radius:10px}.brand-mark i{width:6px;height:6px}.toolbar{padding:3px;border-radius:14px}.toolbar button{width:38px;min-height:38px;height:38px}.toolbar button svg{width:20px;height:20px}.mode-toggle button{height:38px;min-height:38px;font-size:12px;padding:0 11px}.mode-toggle button svg{width:19px;height:19px}.mode-toggle{border-radius:14px;border-width:3px}.world-badge{top:64px;font-size:10px;padding:5px 11px}.palette{top:73px;bottom:124px;width:54px;border-radius:17px;padding:6px;left:max(12px,env(safe-area-inset-left))}.swatch{width:40px;height:40px;min-height:40px;border-radius:11px}.library{height:102px;bottom:max(9px,env(safe-area-inset-bottom));left:max(78px,calc(env(safe-area-inset-left) + 65px));right:max(78px,calc(env(safe-area-inset-right) + 65px));border-radius:18px}.library-header{height:30px;padding:0 6px}.categories button{font-size:9px;padding:0 9px;min-height:24px}.piece-strip{height:74px;padding:3px 6px 5px}.piece-card{min-width:78px;width:78px;height:62px;border-radius:10px}.piece-card img{width:72px;height:44px}.piece-card span{font-size:9px;line-height:12px}.toolrail{top:82px;right:max(12px,env(safe-area-inset-right));gap:6px}.toolrail button{width:44px;height:44px;min-height:44px;border-radius:13px}.toolrail button svg{width:20px;height:20px}.confirmation{right:max(11px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));gap:6px}.confirmation button{width:52px;height:48px;min-height:48px;border-radius:15px;font-size:22px}.placement-status,.hint,.selected-chip{bottom:124px;font-size:10px;padding:7px 12px}.precision-pad{top:82px;right:66px;grid-template-columns:repeat(3,36px);gap:3px;padding:6px;border-radius:15px}.precision-pad button{width:36px;height:36px;min-height:36px;border-radius:10px;font-size:14px}.precision-pad small{font-size:9px}.welcome{width:310px;padding:22px;left:max(5vw,env(safe-area-inset-left));transform:translateY(-43%);border-radius:25px}.welcome h1{font-size:34px;margin:10px 0;letter-spacing:-1.5px}.welcome p{font-size:11px;margin-bottom:15px;line-height:1.5}.welcome .primary{min-height:45px;font-size:13px;padding:10px 16px}.welcome-links{margin-top:9px}.welcome-links button{padding:9px;font-size:9px}.welcome-links button svg{width:19px;height:19px}.welcome footer{margin-top:13px;font-size:8px}.eyebrow{font-size:9px}.title-tag{font-size:10px;bottom:17px}.dialog{padding:21px;border-radius:24px}.dialog>header{margin-bottom:15px}.dialog h2{font-size:24px}.dialog header p{font-size:11px}.setting-row{padding:10px 0}.character-editor{grid-template-columns:150px 1fr;gap:18px}.character-portrait{min-height:240px}.option{min-height:32px;min-width:32px;font-size:9px;padding:0 7px}.options{margin-bottom:9px}.option-label{font-size:9px}.character-actions{margin-top:12px}.joy{width:114px;height:114px;left:max(24px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}.stick{width:55px;height:55px;left:28px;top:28px}.joy:before{font-size:68px}.play-actions{bottom:max(20px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));gap:9px}.play-actions button{height:62px;min-height:62px;min-width:62px;border-radius:19px;font-size:10px;padding:9px}.play-actions .jump{width:76px;height:76px;font-size:12px}.play-hint{font-size:10px;bottom:22px}.drive-badge{top:87px;font-size:10px}.help-grid div{padding:12px}.help-grid p{font-size:11px}.world-card img,.world-card .world-art{height:95px}}@media(max-width:740px){.brand strong,.brand small{display:none}.toolbar .divider{margin:0 2px}.toolbar button{width:35px}.mode-toggle button{padding:0 9px}.welcome{left:max(4vw,env(safe-area-inset-left))}.world-badge{display:none}.play-hint{max-width:220px;text-align:center;font-size:9px}.palette{width:51px}.swatch{width:37px;min-height:38px}.library{left:max(73px,calc(env(safe-area-inset-left) + 60px))}.help-grid{gap:8px}}@media(orientation:portrait){.rotate-notice{display:flex;position:absolute;bottom:24px;left:20px;right:20px;justify-content:center;background:#193f50e8;color:#fff;border-radius:18px;padding:14px;font-size:12px;pointer-events:none}.brand strong,.brand small{display:none}.topbar{left:10px;right:10px;gap:3px}.toolbar button{width:32px;min-height:38px}.toolbar .secondary{display:none}.mode-toggle button{padding:0 7px}.mode-toggle span{display:none}.welcome{width:calc(100% - 40px);left:20px;top:46%;padding:30px}.welcome h1{font-size:40px}.title-tag{display:none}.library{left:72px;right:72px;height:125px}.palette{bottom:150px;top:90px}.toolrail{top:95px}.placement-status,.hint,.selected-chip{bottom:153px;max-width:75vw;white-space:normal;text-align:center}.dialog{padding:20px}.character-editor{grid-template-columns:1fr}.character-portrait{min-height:180px;height:180px}.character-portrait:before{bottom:10px}.world-grid{grid-template-columns:1fr}.play-hint{bottom:150px;width:70vw}.precision-pad{top:100px;right:72px}.world-badge{display:none}.toolbar{margin-left:auto}}@media(max-height:550px){.precision-pad{top:auto;bottom:max(124px,calc(env(safe-area-inset-bottom) + 114px));gap:2px}.precision-pad small{line-height:12px}.swatch{height:44px;min-height:44px;width:42px}}@media(max-width:740px){.palette{width:56px}.swatch{height:44px;min-height:44px;width:42px}}.option{min-height:44px;min-width:44px}.option.color-option{width:44px;height:44px}
