:root{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#254c4b;background:#88cfc9;font-synthesis:none;--ink:#254c4b;--soft:#688480;--green:#386e5c;--paper:#fffffff2;--line:#335a4d1a;--pink:#efbcc3;--shadow:0 8px 28px #335d5720}
html,body{width:100%;height:100%;overflow:hidden}#game{position:fixed!important;overflow:hidden}#world-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #db9478;outline-offset:3px}button{touch-action:manipulation}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}#game,#world{width:100%;height:100svh;position:absolute;inset:0}#world{outline:none;touch-action:none}.water-light{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#c1ede951 0%,transparent 22%,transparent 78%,#387a7d16 100%)}.topbar{position:absolute;left:36px;right:32px;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:50px;height:50px;background:#fffdf1d9;display:grid;place-items:center;transform:rotate(-10deg);border-radius:50%;box-shadow:0 3px 10px #48757013}.brand-mark svg{width:31px;height:31px;color:#b77672}.brand h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500;line-height:1;margin:0;color:#224d4d;text-shadow:0 1px 10px #c1e5d5}.brand-dot{color:#b77672}.brand p{font-size:10px;margin:7px 0 0 2px;font-weight:700;color:#407371}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{height:42px;width:42px;border-radius:8px;background:#ffffffe8;display:grid;place-items:center;box-shadow:0 3px 12px #416e6414;transition:background .15s,transform .15s}.icon-button:hover{background:#fff;transform:translateY(-2px)}.currency{height:42px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 16px;background:#fffdf0ed;box-shadow:var(--shadow)}.currency svg{color:#b68463;width:23px;height:23px}.currency strong{font-size:18px}.currency span{font-size:10px;color:#8c8878}.journal{position:absolute;left:36px;top:123px;width:244px;border-top:1px solid #ffffffa8;border-radius:8px;background:#ffffffe5;box-shadow:var(--shadow);overflow:hidden}.journal-heading{padding:17px 15px 13px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.journal-heading>span{display:flex;gap:9px;align-items:center}.journal-heading svg{width:17px;height:17px;color:#927969}.quiet-icon{background:transparent;width:24px;height:24px;display:grid;place-items:center;padding:0;color:#82948d}.quest{display:flex;gap:10px;align-items:center;padding:10px 15px;font-size:11px}.quest-check{border:1px solid #c8d4cb;height:17px;width:17px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#fff}.quest-check svg{width:12px;height:12px}.quest.complete .quest-check{background:#648b6b;color:#fff;border-color:#648b6b}.quest>span:nth-child(2){flex:1}.quest small{font-size:10px;color:#829085}.quest.complete>span:nth-child(2){color:#87928b}.journal-footer{display:flex;align-items:center;justify-content:space-between;margin:10px 15px 0;padding:12px 0 15px;border-top:1px dashed #d1dbcf;font-size:9px;color:#879080}.journal-footer svg{width:13px;height:13px;color:#bda678}.journal.collapsed #quest-list,.journal.collapsed .journal-footer{display:none}.view-tools{position:absolute;right:32px;top:105px;display:flex;flex-direction:column;gap:7px}.view-tools .icon-button{width:34px;height:34px}.view-tools svg{width:17px;height:17px}.location{position:absolute;bottom:37px;left:36px;display:flex;gap:12px;align-items:center}.location-badge{font-family:Georgia,serif;font-size:20px;width:41px;height:44px;display:grid;place-items:center;border:1px solid #fff9;background:#ffffffe0;border-radius:8px}.location strong{display:block;font-size:14px;margin-bottom:6px}.location>div>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#376666}.location svg{width:13px;height:13px}.dock{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;padding:7px;gap:4px;background:#fffffff2;border:1px solid #fff;border-radius:8px;box-shadow:0 8px 28px #255c612b}.dock-button{width:78px;height:62px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:transparent;font-size:10px;font-weight:600;color:#69847a;transition:.15s}.dock-button svg{width:23px;height:23px}.dock-button.active{background:#e3f0e4;color:#376d56}.dock-button:hover{background:#edf4ef;color:#346750}.dock-divider{width:1px;background:#dde5de;height:35px;align-self:center;margin:0 4px}.save-status{position:absolute;right:33px;bottom:43px;font-size:10px;color:#35665f;display:flex;align-items:center;gap:6px}.save-status>span{height:5px;width:5px;border-radius:50%;background:#3d826a}.panel{position:absolute;right:30px;top:102px;width:324px;max-height:calc(100svh - 220px);overflow:auto;background:var(--paper);box-shadow:var(--shadow);border:1px solid #ffffffc9;border-radius:8px;overscroll-behavior:contain}.panel-head{padding:23px 22px 18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:#fffffff5}.panel-head h2{font-size:17px;margin:0 0 5px}.panel-head p{font-family:Georgia,serif;font-size:12px;color:#8a9d8d;margin:0;font-style:italic}.panel-head .icon-button{width:29px;height:29px;background:#edf3ed;box-shadow:none}.panel-body{padding:0 22px 22px}.section-label{font-size:11px;font-weight:600;margin:19px 0 11px;display:flex;justify-content:space-between;align-items:center}.section-label:first-child{margin-top:0}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #dae4dd;position:relative}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #54775f}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#ffffffc9}.segments{display:flex;border:1px solid #dce5dc;border-radius:6px;overflow:hidden}.segments button{flex:1;min-height:34px;background:transparent;font-size:11px;padding:8px 5px}.segments button.active{background:#e1eee0;color:#3d6850}.appearance-preview{height:164px;position:relative;border-bottom:1px solid #e6eee5;background:radial-gradient(ellipse at 50% 65%,#eef0e5 0%,#f8fbf6 60%,#fff 100%)}.appearance-preview canvas{width:100%;height:100%;display:block}.appearance-preview .avatar-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;color:#8da191;pointer-events:none}.name-input{width:100%;border:1px solid #d6e2d6;border-radius:5px;padding:9px 10px;color:#355f52;background:#f9fbf7;font-size:12px}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.furniture-card{border:1px solid #e0e8dd;border-radius:7px;background:#f8faf5;padding:0;overflow:hidden;text-align:left;transition:.15s}.furniture-card:hover{border-color:#759477;transform:translateY(-2px)}.furniture-card img{height:91px;width:100%;object-fit:contain;display:block;background:#f1f5ea}.furniture-name{display:block;font-size:10px;font-weight:600;padding:8px 9px 5px}.furniture-cost{display:flex;font-size:10px;align-items:center;gap:5px;color:#a08360;padding:0 9px 9px}.furniture-cost svg{height:13px;width:13px}.panel-note{font-size:10px;color:#97a392;margin:16px 0 0}.placed-list{margin-top:20px}.placed-row{display:flex;align-items:center;gap:7px;padding:10px 0;border-top:1px solid #e4eae0;font-size:10px}.placed-row>span{flex:1}.placed-row button{background:#eef3e9;width:27px;height:27px;border-radius:4px;display:grid;place-items:center}.placed-row svg{width:14px;height:14px}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 0 18px;border-bottom:1px solid #e6ede1;margin-bottom:10px}.friend-row img{width:66px;height:70px;object-fit:contain;background:#f0f5ed;border-radius:8px}.friend-copy{flex:1}.friend-copy strong{font-size:13px;display:block;margin-bottom:6px}.friend-copy p{font-size:10px;color:#7c917e;margin:0 0 7px}.friend-copy .friendship{color:#ca9399;font-size:9px;display:flex;gap:4px;align-items:center}.friendship svg{width:12px;height:12px}.friend-row>button{width:30px;height:30px;border-radius:5px;background:#e7f0e1;display:grid;place-items:center}.friend-row>button svg{width:16px;height:16px}.placement{position:absolute;top:105px;left:50%;transform:translateX(-50%);padding:8px;display:flex;gap:8px;align-items:center;background:#fffffff0;border-radius:8px;box-shadow:var(--shadow);white-space:nowrap}.placement>span{font-size:12px;padding:0 9px}.placement .icon-button{width:33px;height:33px;background:#edf3e8;box-shadow:none}.primary-button{padding:10px 15px;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:5px;color:#fff;background:#497758;font-size:11px;min-height:35px}.primary-button:hover{background:#386544}.primary-button svg{width:16px;height:16px}.nearby{position:absolute;bottom:125px;left:50%;transform:translateX(-50%)}.nearby .primary-button{box-shadow:var(--shadow);background:#fffdf6;color:#3b6759;border:1px solid white;padding:12px 20px}.world-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #fff8;background:#ffffffe8;border-radius:6px;padding:7px 12px;box-shadow:0 3px 10px #47766e15;font-size:10px;color:#416359;white-space:nowrap;display:flex;gap:5px;align-items:center}.world-label:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 4px);width:7px;height:7px;background:#ffffffed;transform:rotate(45deg)}.world-label svg{width:11px;height:11px;color:#bd8391}.world-label.player{background:#376f62e6;border:1px solid #c8e7d3;color:#fff;padding:5px 10px;font-size:9px}.world-label.player:after{background:#376f62}.world-label.house{background:transparent;border:0;box-shadow:none;font-size:10px;color:#eafff5;text-shadow:0 1px 6px #22585f}.world-label.house:after{display:none}.dialogue{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);width:540px;max-width:calc(100% - 32px);padding:24px 28px;background:#fffdf4;border-radius:8px;box-shadow:var(--shadow);border:1px solid #fff}.dialogue-name{position:absolute;top:-14px;left:21px;border-radius:5px;background:#e3a9af;color:#704f55;font-size:12px;font-weight:bold;padding:6px 19px}.dialogue p{margin:5px 0 15px;font-size:14px;line-height:1.9;color:#57695a}.dialogue-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialogue-footer span{font-size:10px;color:#a88b67}.dialogue-footer button{background:#edf0df;color:#5a7952;border-radius:5px;padding:9px 16px;font-size:11px}.toast{position:absolute;bottom:124px;left:50%;transform:translate(-50%,12px);background:#315e55ec;color:#fff;padding:12px 22px;border-radius:6px;pointer-events:none;opacity:0;transition:.25s;font-size:12px;max-width:calc(100% - 30px);text-align:center;z-index:10;box-shadow:var(--shadow)}.toast.visible{transform:translate(-50%,0);opacity:1}.loading{position:absolute;inset:0;background:#b8ded4;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.loading svg{width:50px;height:50px;color:#b47f81}.loading strong{font-family:Georgia,serif;font-size:34px;font-weight:400}.loading span{font-size:12px;color:#5e8679}.settings-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:15px 0;border-bottom:1px solid #e4ebe0}.settings-row input{accent-color:#56855d;width:18px;height:18px}.settings-command{width:100%;padding:12px;background:#eff4e9;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:11px}.settings-command svg{width:15px;height:15px}.danger{color:#a76665;background:#f9eeee}.settings-text{font-size:10px;line-height:1.8;color:#8b9a87;margin:17px 0 0}body.panel-open .view-tools{right:371px}.photo-flash{position:absolute;inset:0;background:white;z-index:50;pointer-events:none;animation:flash .55s forwards}@keyframes flash{from{opacity:.8}to{opacity:0}}@media(min-width:1600px){.panel{right:40px;width:342px}.topbar{right:40px;left:44px}.journal{left:44px;top:134px}.location{left:44px}.view-tools{right:40px}body.panel-open .view-tools{right:399px}}
@media(max-width:1100px){.journal{width:212px;left:22px;top:110px}.topbar{left:22px;right:22px;top:22px}.brand h1{font-size:30px}.location{left:22px;bottom:125px}.location-badge{width:32px;height:36px;font-size:16px}.location strong{font-size:12px}.location>div>span{font-size:9px}.save-status{bottom:23px;right:22px}.panel{right:20px;width:294px}.dock-button{width:70px}.view-tools{right:22px}body.panel-open .view-tools{right:328px}}
@media(max-width:700px){.topbar{left:17px;right:17px;top:20px;align-items:flex-start}.brand{gap:8px}.brand h1{font-size:26px}.brand-mark{height:37px;width:37px}.brand-mark svg{height:25px;width:25px}.brand p{font-size:8px;margin-top:5px}.top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:148px}.currency{height:35px;padding:0 11px;gap:6px}.currency strong{font-size:16px}.currency svg{height:19px;width:19px}.currency span{display:none}.top-actions>.icon-button{height:35px;width:35px}.top-actions>.icon-button svg{height:17px;width:17px}.journal{left:17px;top:83px;width:196px}.journal-heading{padding:10px 12px;font-size:10px}.journal-heading>span{gap:6px}.journal-heading svg{width:14px;height:14px}.quest{font-size:9px;padding:8px 12px;gap:7px}.quest small{font-size:9px}.journal-footer{margin-top:4px;padding:9px 0;font-size:8px}.view-tools{top:89px;right:17px;gap:6px}.view-tools .icon-button{height:31px;width:31px}.dock{bottom:max(16px,env(safe-area-inset-bottom));padding:5px;gap:1px;width:calc(100% - 26px);max-width:425px;justify-content:space-between}.dock-button{height:56px;width:calc((100% - 14px)/5);min-width:0;font-size:9px;gap:6px}.dock-button svg{height:22px;width:22px}.dock-divider{margin:0 3px}.location{left:18px;bottom:97px;gap:8px}.location strong{font-size:11px;margin-bottom:5px}.location>div>span{font-size:8px}.location-badge{width:31px;height:34px}.save-status{right:17px;bottom:104px;font-size:8px}.panel{top:auto;bottom:88px;right:13px;width:calc(100% - 26px);max-width:none;max-height:min(66svh,550px)}.panel-head{padding:16px 18px 13px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px}.panel-body{padding:0 18px 18px}.appearance-preview{height:133px}.panel .section-label{margin-top:14px}.swatches{gap:12px}.swatch{height:27px;width:27px}.panel-body:has(.swatches){display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.panel-body:has(.swatches)>.section-label{grid-column:1/-1;margin-top:13px}.panel-body:has(.swatches)>.swatches,.panel-body:has(.swatches)>.segments,.panel-body:has(.swatches)>input{grid-column:1/-1}.panel-open .location,.panel-open .save-status{display:none}body.panel-open .view-tools{right:17px}.furniture-grid{grid-template-columns:repeat(3,1fr);gap:8px}.furniture-card img{height:78px}.furniture-name{font-size:9px;padding:7px 6px 4px}.furniture-cost{padding:0 6px 7px;font-size:9px}.placement{top:85px;width:calc(100% - 26px);gap:5px;justify-content:center;padding:7px}.placement>span{font-size:10px;padding:0 3px;flex:1}.placement .primary-button{font-size:10px;padding:8px}.placing .journal{display:none}.nearby{bottom:150px}.dialogue{bottom:100px;padding:21px 21px 17px}.dialogue p{font-size:12px}.toast{bottom:150px;font-size:11px;padding:11px 17px}.world-label{font-size:9px;padding:6px 9px}.world-label.player{font-size:8px}.panel-open .journal{display:none}.panel-open .world-label{display:none}.panel-open .nearby{display:none}}
@media(max-height:620px) and (min-width:701px){.panel{max-height:calc(100svh - 175px);top:85px}.panel-head{padding:13px 18px}.appearance-preview{height:110px}.dock{bottom:12px}.journal{top:96px}.location{bottom:105px}.placement{top:85px}}
.settings-command{text-decoration:none}