@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#574465;--muted:#9b88a6;--violet:#82649c;--paper:#fffaf1f0}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#ebe3f3;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #a479c6;outline-offset:3px}[hidden]{display:none!important}#park{position:relative;width:100vw;height:100dvh;overflow:hidden;isolation:isolate}#world-view{position:absolute;inset:0}#world-view canvas{display:block;touch-action:none}#world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.glass{background:var(--paper);backdrop-filter:blur(16px);border:1px solid #fff7;box-shadow:0 6px 30px #76528e0b;border-radius:16px}.park-header{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.park-header>*{pointer-events:auto}.brand{font:800 29px Manrope,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:7px;color:#735491;text-shadow:0 1px 10px #fff7}.brand>span{font-size:37px;font-weight:500}.brand small{font:8px 'DM Sans',sans-serif;letter-spacing:2px;border-left:1px solid #ac91bd50;margin-left:14px;padding:9px 0 9px 18px}.park-header nav{display:flex;align-items:center;gap:6px}.park-header nav>*{font-size:11px;padding:10px 14px;border-radius:25px;background:#fffaf0ec}.park-header nav .add-cat{background:#86639f;color:white}.park-header nav button[aria-pressed=true]{background:#63507a;color:white}
.roster{position:absolute;top:90px;left:26px;width:198px;padding:14px}.panel-top{display:flex;align-items:center;gap:8px}.panel-top h2{font-size:11px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.panel-top h2 i{width:5px;height:5px;background:#98b186;border-radius:50%;box-shadow:0 0 0 3px #98b18615}.panel-top>button{margin-left:auto;background:none;font-size:17px;padding:0 3px;color:#b19abc}#roster-list{margin-top:10px;max-height:34vh;overflow:auto;scrollbar-width:thin}.roster-cat{display:flex;gap:8px;align-items:center;width:100%;padding:7px 3px;background:none;border-radius:9px;text-align:left}.roster-cat svg{width:31px;flex-shrink:0}.roster-cat strong{font-size:11px;font-weight:600;display:block}.roster-cat small{font-size:8px;color:#a18bab;display:block;margin-top:3px}.roster-cat[aria-pressed=true]{background:#ece0f2}.disclosure{font-size:7px;line-height:1.7;color:#a996b1;border-top:1px solid #e1d7e5;padding-top:8px;margin:10px 0 0}.cat-label,.place-label{position:absolute;left:0;top:0;pointer-events:auto;transform:translate(-50%,-100%);white-space:nowrap;will-change:left,top;background:#fffaf0e8;border:1px solid #d0bddd;border-radius:8px;padding:4px 9px;font-size:10px;color:#785b8d;box-shadow:0 2px 8px #6e4c8a10}.cat-label.selected{background:#f6e5af;border-color:#dfc37d}.cat-label small{display:none}.cat-label.selected small{display:block;font-size:7px;margin-top:2px}.cat-label .speech{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);white-space:normal;width:max-content;max-width:175px;line-height:1.4;padding:8px 11px;border-radius:12px 12px 12px 2px;background:#fff9efef;border:1px solid #d7c1e2;font-size:10px;box-shadow:0 3px 12px #70538d15;pointer-events:none}.cat-label .speech:empty{display:none}.place-label{padding:4px 7px;border-radius:50%;font-size:14px;background:#fff8e6df;transform:translate(-50%,-50%);color:#967aa6}.place-label>span{display:none;position:absolute;top:110%;left:50%;transform:translateX(-50%);background:#fff9ec;padding:5px 8px;border-radius:6px;font-size:9px}.place-label:hover>span,.place-label:focus-visible>span{display:block}.detail{position:absolute;top:90px;right:26px;width:253px;padding:22px}.close-panel{position:absolute;right:11px;top:7px;background:none;font-size:23px;color:#b09abd}.detail .avatar{height:53px}.detail .avatar svg{height:53px}.detail .eyebrow{font-size:7px;letter-spacing:1.3px;margin:12px 0 8px}.detail h2{font:600 23px/1.2 Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0}.detail .model-tag{display:inline-block;font-size:9px;color:#9b7eae;margin-bottom:10px}.detail p{font-size:11px;line-height:1.7;color:#94819f;margin:8px 0 12px}.detail blockquote{font-size:12px;line-height:1.7;margin:13px 0;background:#efe5f5;padding:13px;border-radius:11px;color:#8b6e9e}.detail .detail-actions{display:flex;gap:7px;margin:13px 0}.detail-actions button{flex:1;background:#e8dbee;padding:10px 8px;border-radius:10px;font-size:10px}.detail-actions [aria-pressed=true]{background:#87649f;color:#fff}.detail label{font-size:9px;display:block;margin:17px 0 8px}.detail select{width:100%;font-size:10px;padding:9px 8px;border:1px solid #dccbe5;background:#fffaf2;border-radius:9px;color:var(--ink)}.detail .primary{width:100%;margin-top:10px;font-size:11px;padding:11px}.place-icon{font-size:38px;color:#af8cc3;line-height:1.3}.place-occupancy{font-size:9px!important;background:#edf0df;border-radius:8px;padding:8px 10px;color:#8a9873!important}.progress{height:4px;background:#e4d8ed;border-radius:4px;overflow:hidden;margin:12px 0}.progress i{display:block;background:#b197c6;height:100%;width:0;transition:width .2s}.moments{position:absolute;bottom:84px;left:26px;width:245px;padding:14px 16px}.moments ol{padding:0;margin:10px 0 0;list-style:none;display:flex;flex-direction:column;gap:8px}.moments li{font-size:10px;line-height:1.5;color:#a08aac}.moments li:first-child{color:#785e88}.moments li:nth-child(n+4){opacity:.7}.world-summary{position:absolute;bottom:185px;right:26px;width:160px;display:flex;flex-direction:column;gap:5px;text-align:center;font-size:7px;letter-spacing:1px;color:#ab95b9;pointer-events:none}.play-tools{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;padding:6px;gap:3px;white-space:nowrap}.play-tools button{background:none;padding:11px 14px;border-radius:10px;font-size:11px}.play-tools button>span{font-size:17px;vertical-align:middle;color:#a383b6;margin-right:5px}.play-tools button:hover{background:#ecdef3}.view-tools{position:absolute;right:26px;bottom:35px;display:flex;padding:5px;border-radius:12px}.view-tools button{background:none;border-radius:8px;width:29px;height:33px;font-size:17px}.view-tools [aria-pressed=true]{background:#e8d8f0}.mini-map{position:absolute;bottom:86px;right:26px;width:160px;padding:6px;background:#fff9eedb}.mini-map canvas{display:block;width:100%;height:116px}.mini-map>span{display:block;font-size:6px;letter-spacing:1.4px;color:#b29dbd;padding:2px 0 4px}.world-summary{bottom:226px}.navigation-hint{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.7px;color:#a48aac;white-space:nowrap;margin:0}.navigation-hint b{font-weight:400;margin:0 6px;color:#bea8c8}.toast{position:absolute;left:50%;bottom:102px;transform:translateX(-50%);background:#fff8eaf5;color:#8c709a;padding:10px 18px;border-radius:30px;box-shadow:0 6px 25px #80608f12;font-size:11px;max-width:380px;text-align:center;pointer-events:none;transition:opacity .3s;opacity:0}.toast.show{opacity:1}
#loading{position:absolute;inset:0;background:#eee6f5;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:20;color:#8b6a9e;text-align:center;padding:30px}#loading>span{font-size:65px;animation:loading-turn 10s linear infinite}#loading h1{font:600 30px Manrope,sans-serif;letter-spacing:-1px}#loading p{font-size:13px;color:#a78fb4}#loading a{margin-top:15px;text-decoration:underline}
dialog{width:calc(100% - 30px);max-width:520px;max-height:88dvh;overflow:auto;background:#fffaf3;border:1px solid #d8c7e2;border-radius:23px;padding:32px;color:var(--ink);box-shadow:0 25px 100px #38204444}dialog::backdrop{background:#49315866;backdrop-filter:blur(7px)}.wide-dialog{max-width:870px}.dialog-close{position:absolute;right:14px;top:10px;font-size:25px;background:none;color:#af94bd}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#b196c0;font-weight:600;margin:0 0 12px}dialog h2{font:600 30px/1.2 Manrope,sans-serif;letter-spacing:-.9px;margin:0 0 16px}.dialog-intro{font-size:12px;line-height:1.8;color:#9b84a7;margin:0 0 22px}.primary,.secondary{border-radius:11px;padding:12px 17px;font-size:12px}.primary{background:#86629f;color:white}.secondary{background:#eee3f5;color:#997baa}.fine-print{font-size:10px;line-height:1.8;color:#ad98b8;margin:18px 0 0}.fine-print a{text-decoration:underline}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.place-card{padding:17px;text-align:left;border-radius:13px;border:1px solid #e9dcf0;background:#f4edf9;display:flex;gap:12px;align-items:center;min-height:85px}.place-card:nth-child(3n+2){background:#eef2e7;border-color:#dee6d4}.place-card:nth-child(3n){background:#fcf0e1;border-color:#efe1ce}.place-card>span{font-size:25px;color:#b492c4;width:30px;flex-shrink:0}.place-card strong{font-size:12px;font-weight:550;display:block;line-height:1.4}.place-card small{font-size:9px;display:block;margin-top:5px;color:#ac97b7}.palette{display:flex;gap:9px;margin:20px 0}.palette button{width:30px;height:30px;border-radius:8px;border:2px solid #d2bfdf}.palette [aria-pressed=true]{outline:2px solid #9270a8;outline-offset:3px}.pixel-editor{display:grid;grid-template-columns:repeat(18,1fr);width:100%;aspect-ratio:18/12;border:4px solid #d4bfdf;touch-action:none;user-select:none}.pixel-editor button{padding:0;min-width:0;min-height:0;border:1px solid #a88db010;aspect-ratio:1}.editor-actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.sequencer{display:flex;gap:7px;align-items:flex-end;height:145px;margin:30px 0}.sequencer button{flex:1;min-width:0;height:80%;border-radius:12px;padding:8px 4px;background:#dfccea;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:15px;transition:translate .1s}.sequencer button:nth-child(3n+2){background:#d6e2c4}.sequencer button:nth-child(3n){background:#f1dfb9}.sequencer button small{font-size:8px;opacity:.6}.sequencer button.playing{translate:0 -10px;box-shadow:0 7px #b29bc5}.postcards{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;max-height:35vh;overflow:auto}.postcard{background:#f0e7f6;padding:17px;border-radius:13px}.postcard strong{font-size:10px;color:#9d7cae}.postcard p{font-size:12px;line-height:1.8;margin:8px 0 0;color:#8d779b}form{display:flex;flex-direction:column;gap:10px}form label{font-size:11px;margin:8px 0 0}input,select,textarea{width:100%;padding:12px;border:1px solid #d6c3df;border-radius:10px;background:#fffdf8;color:var(--ink);font-size:12px}textarea{resize:vertical;min-height:85px}form .primary{margin-top:9px}dialog ul{padding-left:18px;font-size:12px;line-height:1.85;color:#937ca0}dialog li{margin-bottom:13px}.night .brand{color:#efddff;text-shadow:none}.night .brand small{color:#c2b0d3}.night .navigation-hint,.night .world-summary{color:#bdb0d2}
@keyframes loading-turn{to{rotate:360deg}}
@media(max-width:1100px){.brand small{display:none}.roster{left:16px;width:180px}.park-header{left:17px;right:17px}.detail{right:16px;width:220px;padding:18px}.moments{left:16px;width:210px;bottom:110px}.play-tools{bottom:32px}.view-tools{right:16px;bottom:83px}.mini-map{right:16px;bottom:133px;width:127px}.mini-map canvas{height:90px}.world-summary{display:none}.toast{bottom:99px;max-width:290px}.play-tools button{padding:10px 12px}.moments li:nth-child(n+4){display:none}}
@media(max-width:650px){.park-header{top:13px;left:12px;right:12px;gap:8px}.brand{font-size:23px;gap:4px;letter-spacing:-1.3px}.brand>span{font-size:29px}.park-header nav{gap:4px}.park-header nav>*{font-size:10px;padding:8px 10px}.park-header nav button span{display:none}.park-header nav #map-open{font-size:16px;padding:4px 10px}.park-header nav .add-cat{font-size:18px;padding:4px 10px}.roster{left:12px;top:68px;width:152px;padding:11px}.panel-top h2{font-size:9px}.roster-cat{padding:5px 2px;gap:7px}.roster-cat svg{width:24px}.roster-cat strong{font-size:10px}.roster-cat small{font-size:7px;max-width:90px;line-height:1.5}#roster-list{max-height:190px}.disclosure{font-size:6px}.moments{left:12px;bottom:133px;width:170px;padding:11px}.moments li{font-size:8px;line-height:1.5}.moments li:nth-child(n+3){display:none}.detail{top:auto;bottom:132px;right:12px;width:190px;padding:15px;max-height:55vh;overflow:auto}.detail .avatar{height:32px}.detail .avatar svg{height:32px}.detail h2{font-size:20px}.detail .eyebrow{font-size:6px;margin-top:6px}.detail p{font-size:10px}.detail blockquote{font-size:10px;padding:10px;margin:8px 0}.detail .detail-actions{margin:10px 0}.detail label{margin-top:10px;font-size:8px}.detail .primary{font-size:10px;padding:10px}.detail .model-tag{font-size:8px;margin-bottom:4px}.place-icon{font-size:27px}.place-occupancy{font-size:8px!important;padding:6px}.mini-map{display:none}.view-tools{bottom:81px;right:12px;padding:4px}.view-tools button{width:28px;height:28px;font-size:16px}.play-tools{bottom:27px;gap:0;padding:4px;max-width:calc(100% - 24px)}.play-tools button{font-size:9px;padding:10px 9px}.play-tools button>span{font-size:14px;margin-right:3px}.navigation-hint{font-size:5px;letter-spacing:.2px;bottom:8px}.navigation-hint b{margin:0 3px}.toast{bottom:88px;left:12px;transform:none;font-size:9px;padding:8px 10px;border-radius:10px;max-width:calc(100% - 215px)}.cat-label{font-size:9px;padding:3px 7px}.cat-label .speech{font-size:9px;max-width:135px;padding:6px 8px}.place-label{font-size:12px;padding:3px 5px}.place-label>span{font-size:8px}dialog{padding:26px;max-height:88dvh}dialog h2{font-size:26px}.dialog-intro{font-size:11px}.place-grid{grid-template-columns:repeat(2,1fr);gap:8px}.place-card{padding:12px;gap:8px;min-height:80px}.place-card>span{font-size:21px;width:23px}.place-card strong{font-size:10px}.place-card small{font-size:8px}.eyebrow{font-size:7px;letter-spacing:1px}.palette{gap:7px}.palette button{width:25px;height:25px}.editor-actions{gap:8px}.editor-actions button{font-size:10px;padding:11px 12px}.sequencer{gap:4px}.sequencer button{font-size:13px;border-radius:8px}.fine-print{font-size:9px}.primary{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.roster-cat em{font-style:normal;font-size:7px;font-weight:400;color:#b094bd;margin-left:3px}.extra-action{width:100%;font-size:10px;margin-top:8px}.embedded .park-header,.embedded .roster,.embedded .detail,.embedded .moments,.embedded .world-summary,.embedded .play-tools,.embedded .view-tools,.embedded .mini-map,.embedded .navigation-hint,.embedded .toast,.embedded .place-label{display:none!important}.embedded .cat-label{font-size:8px}.embedded .cat-label small,.embedded .cat-label .speech{display:none!important}

#world-labels{z-index:1}.park-header,.roster,.detail,.moments,.play-tools,.view-tools,.mini-map,.world-summary,.toast,.navigation-hint{z-index:4}.detail{z-index:5}.toast{z-index:6}