:root{--ink:#3b2a1e;--ink-2:#6f5a48;--ink-3:#9b8674;--paper:#fff8ec;--paper-2:#fbecd3;--paper-3:#f3dfbf;--card:#fff;--line:#6e4c2c29;--line-2:#6e4c2c47;--sun:#ffc93c;--sun-d:#d99a12;--leaf:#5cc45c;--leaf-d:#3a9a3f;--sky:#4fb6ff;--sky-d:#2585d1;--berry:#ff5d6c;--berry-d:#d33a4a;--grape:#9b7bff;--orange:#ff9f43;--shadow:0 12px 30px #462a103d;--shadow-sm:0 4px 12px #462a1029;--radius:18px;--font:"Noto Sans KR", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-display:"Jua", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#7cc6f2;margin:0;font-size:14px;overflow:hidden}::selection{background:#ffc93c73}button{font:inherit;font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);cursor:pointer;border:2px solid var(--line-2);background:var(--card);box-shadow:0 3px 0 var(--line-2);border-radius:12px;padding:7px 14px 6px;font-size:14px;transition:transform 80ms,box-shadow 80ms,background .15s,border-color .15s;position:relative}button:hover:not(:disabled){box-shadow:0 4px 0 var(--line-2);background:#fffdf8;transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 1px 0 var(--line-2);transform:translateY(2px)}button:focus-visible{outline-offset:2px;outline:3px solid #4fb6ff99}button:disabled{opacity:.45;cursor:default;box-shadow:0 2px 0 var(--line)}button.primary{background:linear-gradient(180deg, #ffd766, var(--sun));border-color:var(--sun-d);color:#4a2f06;box-shadow:0 4px 0 var(--sun-d)}button.primary:hover:not(:disabled){box-shadow:0 5px 0 var(--sun-d);background:linear-gradient(#ffe189,#ffcf4f)}button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--sun-d)}button.btn-go{background:linear-gradient(180deg, #74d474, var(--leaf));border-color:var(--leaf-d);color:#fff;text-shadow:0 1px #0000002e;box-shadow:0 4px 0 var(--leaf-d)}button.btn-go:hover:not(:disabled){box-shadow:0 5px 0 var(--leaf-d);background:linear-gradient(#86dd86,#66cb66)}button.btn-go:active:not(:disabled){box-shadow:0 1px 0 var(--leaf-d)}button.ghost{background:#ffffff8c}button.danger{color:var(--berry-d);border-color:#d33a4a73;box-shadow:0 3px #d33a4a4d}button.on{border-color:var(--sky-d);box-shadow:0 3px 0 var(--sky-d);background:#e6f4ff}button.big{border-radius:14px;padding:11px 18px 10px;font-size:17px}button.small{box-shadow:0 2px 0 var(--line-2);border-radius:10px;padding:4px 9px 3px;font-size:12px}button.wide{width:100%;margin-top:8px}.grow{flex:1}input,select{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line-2);border-radius:12px;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--ink-3)}input:focus,select:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #4fb6ff38}select{cursor:pointer}kbd{font-family:var(--font-display);color:var(--ink-2);background:var(--paper);border:1.5px solid var(--line-2);box-shadow:0 2px 0 var(--line-2);vertical-align:1px;border-radius:6px;padding:3px 6px 2px;font-size:11px;line-height:1;display:inline-block}small{color:var(--ink-2)}h2,h3,b{font-family:var(--font-display);font-weight:400}b{letter-spacing:.01em}h2{margin:0 0 6px;font-size:22px}h2 small{font-size:14px}h3{color:var(--ink);align-items:center;gap:6px;margin:18px 0 10px;font-size:16px;display:flex}.muted{color:var(--ink-2);margin:4px 0 12px;font-size:13px;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emoji,.item-emoji{font-family:var(--emoji);line-height:1;display:inline-block}.res-icon,.item-icon{vertical-align:-3px;filter:drop-shadow(0 1px #fff9);flex:none;display:inline-block}.mono{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lobby{height:100%;position:relative;overflow:auto}.lobby-bg{background:linear-gradient(#4a9be8 0%,#8cc8f2 42%,#d6efff 70%,#eaf7ff 100%);position:fixed;inset:0;overflow:hidden}.lobby-sun{background:radial-gradient(circle,#fffbe6 0%,#ffe9a0 45%,#ffdc7800 72%);border-radius:50%;width:110px;height:110px;animation:6s ease-in-out infinite alternate lobby-sun;position:absolute;top:9%;right:14%;box-shadow:0 0 120px 60px #ffe69673}@keyframes lobby-sun{to{transform:scale(1.08);box-shadow:0 0 150px 80px #ffe69680}}.lobby-cloud{opacity:.92;filter:drop-shadow(0 10px 12px #5078aa2e);background:#fff;border-radius:999px;width:180px;height:56px;animation:linear infinite lobby-cloud;position:absolute}.lobby-cloud:before,.lobby-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.lobby-cloud:before{width:90px;height:90px;top:-44px;left:28px}.lobby-cloud:after{width:64px;height:64px;top:-30px;left:96px}.lobby-cloud.c1{animation-duration:80s;animation-delay:-20s;top:12%}.lobby-cloud.c2{opacity:.8;animation-duration:110s;animation-delay:-70s;top:24%;transform:scale(.7)}.lobby-cloud.c3{opacity:.85;animation-duration:95s;animation-delay:-50s;top:6%}@keyframes lobby-cloud{0%{left:-260px}to{left:110%}}.lobby-hills{width:100%;height:72%;position:absolute;bottom:0;left:0}.lobby-tree{transform-box:fill-box;transform-origin:50% 100%;animation:4.5s ease-in-out infinite alternate lobby-sway}@keyframes lobby-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.lobby-window{animation:3s ease-in-out infinite alternate lobby-window}@keyframes lobby-window{to{fill:#ffecb0}}.lobby-smoke{fill:#f2f2f2;opacity:0;transform-box:fill-box;transform-origin:50%;animation:4.5s ease-out infinite lobby-smoke}.lobby-smoke.s2{animation-delay:-1.5s}.lobby-smoke.s3{animation-delay:-3s}@keyframes lobby-smoke{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:.8}to{opacity:0;transform:translate(26px,-90px)scale(2.4)}}.lobby-petal{opacity:.85;background:#ffb3cf;border-radius:60% 0;width:10px;height:7px;animation:linear infinite lobby-petal;position:absolute;top:-20px}.lobby-petal:nth-child(3n){background:#fff}.lobby-petal:nth-child(4n){background:#ffe14d}@keyframes lobby-petal{0%{transform:translate(0)rotate(0)}50%{transform:translate(60px,55vh)rotate(260deg)}to{transform:translate(-30px,110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.lobby-bg *,.logo *{animation:none!important}}.lobby-wrap{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:28px 16px;display:flex;position:relative}.logo{text-align:center}.logo h1{line-height:.9;font-family:var(--font-display);flex-direction:column;align-items:center;margin:0;font-weight:400;display:flex}.logo-our{letter-spacing:.5em;color:#fff;background:var(--sky-d);border-radius:999px;margin-bottom:6px;padding:5px 6px 4px 18px;font-size:22px;box-shadow:0 3px #155f9a}.logo-world{letter-spacing:.08em;color:#ffd24d;-webkit-text-stroke:7px #6a3d12;paint-order:stroke fill;text-shadow:0 6px #6a3d12,0 14px 22px #283c5a59;font-size:76px;animation:3.6s ease-in-out infinite logo-bob}@keyframes logo-bob{50%{transform:translateY(-4px)rotate(-1deg)}}.tagline{color:#173a57;text-shadow:0 1px #ffffffb3;max-width:440px;margin:12px auto 0;font-weight:700;line-height:1.5}.lobby-card{background:var(--paper);border:3px solid #fff;border-radius:28px;gap:14px;width:min(560px,100%);padding:22px;display:grid;position:relative;box-shadow:0 0 0 2px #6e4c2c2e,0 28px 70px #1c3c5a59}.profile{align-items:flex-end;gap:10px;display:flex}.profile-badge{width:52px;height:52px;font-family:var(--font-display);color:#fff;background:linear-gradient(160deg,#ff8fb1,#ff6f91);border-radius:16px;flex:none;place-items:center;font-size:26px;display:grid;box-shadow:0 4px #d64b72,inset 0 2px #ffffff59}.avatar-btn{white-space:nowrap;height:44px}.field{gap:5px;display:grid}.field span{color:var(--ink-2);font-size:12px;font-weight:700}.mode-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode-tile{text-align:center;border-radius:18px;justify-items:center;gap:3px;padding:14px 8px 12px;display:grid}.mode-tile .mode-icon{font-family:var(--emoji);font-size:30px;line-height:1.15;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.mode-tile b{font-size:16px}.mode-tile small{font-family:var(--font);font-size:11px;line-height:1.35}.mode-tile.on{border-color:var(--sun-d);box-shadow:0 4px 0 var(--sun-d);background:#fff4d1}.mode-tile.on .mode-icon,.mode-tile:hover:not(:disabled) .mode-icon{transform:scale(1.15)rotate(-6deg)}.tab-body{background:var(--paper-2);border:2px dashed var(--line-2);border-radius:18px;gap:10px;padding:14px;animation:.25s cubic-bezier(.3,1.5,.5,1) pop-in;display:grid}.hint{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.recent{gap:6px;margin-top:4px;display:grid}.recent-title{color:var(--ink-2);font-size:12px;font-weight:700}.world-row{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.world-row .world-dot{font-family:var(--emoji)}.world-row small{font-family:ui-monospace,monospace;font-size:11px}.world-item{align-items:stretch;gap:6px;display:flex}.world-item .world-row{flex:1;min-width:0}.world-item .world-row small{color:var(--ink-2);font-family:inherit}.world-item .world-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-item.confirm{background:#fff1f2;border:2px dashed #d33a4a80;border-radius:14px;flex-wrap:wrap;align-items:center;padding:8px 10px}.world-item.confirm p{color:var(--berry-d);flex:200px;margin:0;font-size:13px}button.icon-btn{width:42px;font-family:var(--emoji);color:var(--ink-2);background:#ffffff8c;flex:none;padding:0;font-size:15px}.danger-zone{background:#fff1f2;border:2px dashed #d33a4a80;border-radius:14px;gap:10px;padding:12px;display:grid}.danger-zone p{margin:0;font-size:13px;line-height:1.55}.danger-zone .row button{margin-top:0}.danger-zone button.danger:not(:disabled),.world-item.confirm button.danger{background:linear-gradient(180deg, #ff7a86, var(--berry));border-color:var(--berry-d);color:#fff;box-shadow:0 3px 0 var(--berry-d)}.error{color:var(--berry-d);background:#ffe8ea;border-radius:12px;margin:0;padding:10px 12px;font-weight:700}.lobby-keys{color:#1d3f5c;box-shadow:var(--shadow-sm);background:#ffffffb8;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}@media (width<=520px){.logo-world{-webkit-text-stroke-width:5px;font-size:52px}.mode-tiles{grid-template-columns:1fr}.mode-tile{text-align:left;grid-template-columns:auto 1fr;justify-items:start;column-gap:10px}.mode-tile .mode-icon{grid-row:span 2}.profile{flex-wrap:wrap}}.game,.viewport{position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{white-space:nowrap;font-family:var(--font-display);color:#fff;will-change:transform;font-size:13px;position:absolute;top:0;left:0}.label.name,.label.resident,.label.enemy{text-shadow:0 1px 2px #0009;transform-origin:50% 100%;background:#261a128c;border:1.5px solid #ffffff47;border-radius:999px;padding:3px 10px 2px}.label.me{color:#ffe08a;border-color:#ffc93cb3}.label.resident{color:#fff3dc;font-size:12px}.label.enemy{color:#ffd2d2;text-align:center;border-color:#ff5d6c80;font-size:12px}.label.enemy.boss{color:#ffcf5b;border-color:#ffb43cb3;font-size:15px}.label.ping{-webkit-text-stroke:3px #1e140c99;paint-order:stroke fill;font-size:14px}.hpbar{background:#00000080;border:1px solid #00000080;border-radius:99px;width:54px;height:7px;margin:3px auto 1px;overflow:hidden}.hpbar i{background:linear-gradient(90deg,#ff5b5b,#ffa35b);height:100%;transition:width .2s;display:block}.label.float{-webkit-text-stroke:5px #28180cbf;paint-order:stroke fill;text-shadow:0 3px 6px #00000059;font-size:20px}.label.float span{animation:.45s cubic-bezier(.2,1.9,.4,1) both float-pop;display:inline-block}.label.float.big{font-size:30px}.label.float.gain{color:#b6ff8a}.label.float.dmg{color:#fff4c8}.label.float.hurt{color:#ff6b6b}@keyframes float-pop{0%{transform:scale(.2)translateY(10px)rotate(-8deg)}to{transform:scale(1)translateY(0)rotate(0)}}.hurt-vignette{pointer-events:none;opacity:0;z-index:1;background:radial-gradient(#0000 50%,#d2181847 78%,#a000009e 100%);position:absolute;inset:0}.hud{pointer-events:none;z-index:2;position:fixed;inset:0}.hud>*{pointer-events:auto}.card{border-radius:var(--radius);box-shadow:0 0 0 1.5px #6e4c2c24, var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8ecf0;border:2px solid #fff}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(6px)}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.meter{background:#6e4c2c24;border-radius:99px;height:9px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.meter i{border-radius:99px;height:100%;transition:width .3s;display:block;box-shadow:inset 0 -2px #0000001f}.hud-tl{pointer-events:none;justify-items:start;gap:8px;max-width:min(380px,100vw - 240px);display:grid;position:absolute;top:12px;left:12px}.hud-tl>*{pointer-events:auto}.world-card{align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.daydial{background:linear-gradient(#7fcaff,#d6f0ff);border:2.5px solid #fff;border-radius:50%;flex:none;width:50px;height:50px;transition:background 1s;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #6e4c2c33}.daydial.night{background:linear-gradient(#1f2a5c,#4a4f8a)}.daydial .orb{transform-origin:7px 7px;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:60%;left:50%}.daydial .orb.sun{background:radial-gradient(circle at 35% 35%,#fff6c8,#ffc93c);box-shadow:0 0 10px #ffd766}.daydial .orb.moon{background:radial-gradient(circle at 35% 35%,#fff,#cfd8ff);box-shadow:0 0 8px #cfd8ff}.daydial .ground{background:linear-gradient(#7cc04a,#4f9a36);border-radius:50% 50% 0 0/30% 30% 0 0;height:40%;position:absolute;bottom:-2px;left:-2px;right:-2px}.world-main{gap:3px;min-width:0;display:grid}.world-title{align-items:center;gap:8px;display:flex}.world-title b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.online{color:var(--ink-2);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.dot-live{background:var(--leaf);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #5cc45c40}.world-time{font-family:var(--font-display);align-items:baseline;gap:8px;display:flex}.world-time .day{color:var(--sky-d);font-size:13px}.world-time .clock{font-size:20px;line-height:1}.pills{flex-wrap:wrap;gap:4px;display:flex}.pill{border:1.5px solid var(--line);white-space:nowrap;cursor:default;background:#fff;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.pill.era{color:#5b3fc4;background:#efe8ff}.pill.season{color:#2e7a2e;background:#eaf8e2}.pill.weather{color:#1f6fae;background:#e6f4ff}.pill.biome{color:#9a5a12;background:#fff1dc}.settlement-card{text-align:left;font-family:var(--font);align-items:center;gap:10px;min-width:220px;padding:7px 14px 7px 8px;display:flex}.settlement-card:hover:not(:disabled){background:#fffcf4fa}.lv-badge{width:42px;height:42px;line-height:.9;font-family:var(--font-display);color:#6a3d12;background:linear-gradient(160deg, #ffe07a, var(--sun));box-shadow:0 3px 0 var(--sun-d), inset 0 2px 0 #ffffff80;border-radius:14px;flex:none;align-content:center;place-items:center;font-size:20px;display:grid}.lv-badge small{color:#8a5a1a;font-size:10px}.lv-badge.big{border-radius:18px;width:56px;height:56px;font-size:26px}.st-main{flex:1;gap:3px;min-width:0;display:grid}.st-main b{font-size:15px}.st-sub{color:var(--ink-2);font-size:12px;font-weight:500}.xpbar{background:#6e4c2c24;border-radius:99px;height:7px;display:block;overflow:hidden}.xpbar i{background:linear-gradient(90deg, #ffd766, var(--orange));border-radius:99px;height:100%;display:block}.quest{cursor:pointer;border-left:5px solid var(--sun);max-width:330px;padding:9px 12px 10px;animation:.3s cubic-bezier(.3,1.5,.5,1) pop-in}.quest-head{align-items:center;gap:6px;display:flex}.quest-star{font-family:var(--emoji);animation:3s ease-in-out infinite star-spin}@keyframes star-spin{50%{transform:rotate(18deg)scale(1.15)}}.quest-head b{color:#b87a00;font-size:14px}.quest-head small{margin-left:auto;font-weight:700}.quest p{margin:4px 0 6px;font-size:13px;font-weight:500;line-height:1.5}.quest-bar{background:#6e4c2c1f;border-radius:99px;height:5px;display:block;overflow:hidden}.quest-bar i{background:var(--sun);height:100%;display:block}.quest-toggle{padding:5px 10px 4px;font-size:12px}.hud-tr{justify-items:center;gap:6px;display:grid;position:absolute;top:12px;right:12px}.minimap-frame{background:linear-gradient(160deg, #fff, var(--paper-3));box-shadow:0 0 0 2px #6e4c2c38, var(--shadow);border-radius:50%;padding:5px;position:relative}.minimap{border-radius:50%;display:block;box-shadow:inset 0 0 0 2px #00000026}.compass{font-family:var(--font-display);color:#fff;background:var(--berry);box-shadow:0 2px 0 var(--berry-d);border:2px solid #fff;border-radius:999px;padding:1px 7px 0;font-size:12px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.mini-zoom{gap:4px;display:grid;position:absolute;bottom:6px;right:-2px}.mini-zoom button{width:28px;height:28px;box-shadow:0 2px 0 var(--line-2);border-radius:50%;padding:0;font-size:16px;line-height:1}.minimap-caption{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff8ece0;border-radius:12px;justify-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:700;display:grid}.worldmap{cursor:crosshair;border-radius:14px;width:100%;height:auto;display:block}.map-frame{background:linear-gradient(160deg, #fff, var(--paper-3));border-radius:20px;padding:6px;box-shadow:0 0 0 2px #6e4c2c2e}.worldmap-wrap{position:relative}.worldmap-wrap .worldmap{cursor:grab;touch-action:none}.worldmap-wrap .worldmap:active{cursor:grabbing}.map-tools{gap:5px;display:grid;position:absolute;top:10px;right:10px}.map-tools button{width:34px;height:34px;font-size:16px;font-family:var(--emoji), var(--font-display);border-radius:50%;padding:0}.toasts{pointer-events:none;justify-items:center;gap:6px;width:min(540px,100vw - 520px);min-width:280px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast{box-shadow:0 0 0 1.5px #6e4c2c29, var(--shadow-sm);background:#fffcf5f7;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;font-weight:700;line-height:1.4;transition:opacity .4s,transform .4s;animation:.35s cubic-bezier(.3,1.7,.5,1) toast-in;display:flex}.toast.out{opacity:0;transform:translateY(-6px)scale(.96)}.toast-icon{width:26px;height:26px;font-family:var(--emoji);background:#e6f4ff;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.toast.good .toast-icon{background:#e3f7df}.toast.warn .toast-icon{background:#fff1cc}.toast.bad .toast-icon{background:#ffe1e4}.toast.bad{color:#a8202f}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.85)}}.chat{pointer-events:none;gap:4px;width:min(360px,34vw);display:grid;position:absolute;bottom:14px;left:12px}.chat .lines{justify-items:start;gap:3px;display:grid}.chat .line{color:#fff;background:#261a128c;border-radius:12px;padding:3px 10px;font-size:13px;line-height:1.45;animation:.25s ease-out pop-in}.chat .line b{color:#ffd766;margin-right:4px}.chat input,.chat .chat-hint{pointer-events:auto}.chat-hint{box-shadow:0 2px 0 var(--line-2);background:#fff8ecd9;justify-self:start;padding:4px 10px 3px;font-size:12px}.chat.open input{box-shadow:var(--shadow-sm)}.bottombar{pointer-events:none;justify-items:center;gap:7px;width:min(700px,100vw - 560px);min-width:560px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.bottombar>*{pointer-events:auto}.inventory{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.res-chip{background:#fff8eceb;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 5px;font-size:13px;display:inline-flex;box-shadow:0 0 0 1.5px #6e4c2c24,0 2px #6e4c2c2e}.res-chip b{min-width:12px;font-size:14px}.res-chip.coin{font-family:var(--emoji)}.res-chip.coin b{font-family:var(--font-display)}.vitals{gap:10px;width:100%;max-width:520px;display:flex}.vital{flex:1;align-items:center;gap:0;display:flex}.vital-icon{z-index:1;width:34px;height:34px;font-family:var(--emoji);background:#fff;border-radius:50%;place-items:center;margin-right:-10px;font-size:17px;display:grid;position:relative;box-shadow:0 0 0 2px #6e4c2c33,0 2px #6e4c2c40}.vital.low .vital-icon{animation:.8s ease-in-out infinite heartbeat}@keyframes heartbeat{50%{transform:scale(1.15)}}.vital-bar{background:#281a108c;border:2px solid #fff;border-radius:0 999px 999px 0;flex:1;height:20px;position:relative;overflow:hidden;box-shadow:0 2px #6e4c2c40}.vital-bar i{border-radius:0 999px 999px 0;transition:width .25s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -4px #00000024}.vital.hp .vital-bar i{background:linear-gradient(#ff8a8a,#ff4d5e)}.vital.hunger .vital-bar i{background:linear-gradient(#ffd27a,#ff9f43)}.vital-bar b{color:#fff;text-shadow:0 1px 2px #0009;font-size:13px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hotbar{box-shadow:0 0 0 1.5px #6e4c2c29, var(--shadow-sm);background:#fff8eccc;border-radius:20px;gap:5px;padding:5px;display:flex}.slot{width:58px;height:58px;box-shadow:0 3px 0 var(--line-2);background:linear-gradient(#fff,#fbf1e1);border-radius:14px;align-content:center;place-items:center;padding:0;display:grid;position:relative}.slot .key{font-family:var(--font-display);color:var(--ink-3);font-size:11px;position:absolute;top:3px;left:6px}.slot .slot-name{font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);font-size:9.5px;font-weight:700;line-height:1;position:absolute;bottom:8px;left:2px;right:2px;overflow:hidden}.slot .item-icon,.slot .item-emoji{margin-top:-8px}.slot .dur{background:var(--leaf);border-radius:99px;max-width:calc(100% - 14px);height:3.5px;position:absolute;bottom:3px;left:7px}.slot .dur.low{background:var(--berry)}.slot.on{border-color:var(--sun-d);box-shadow:0 3px 0 var(--sun-d), 0 0 0 3px #ffc93c73;background:linear-gradient(#fff6d6,#ffe7a3);transform:translateY(-3px)}.slot.empty{opacity:.5;cursor:default;background:#ffffff80}.slot[draggable=true]{cursor:grab}.slot.dragging{opacity:.45}.slot.drop{opacity:1;border-color:var(--leaf-d);box-shadow:0 0 0 3px #5cc45c80}.dock{box-shadow:0 0 0 1.5px #6e4c2c29, var(--shadow-sm);background:#fff8eccc;border-radius:20px;grid-template-columns:repeat(2,60px);gap:6px;padding:6px;display:grid;position:absolute;bottom:12px;right:12px}.dock-btn{border-radius:14px;align-content:center;place-items:center;gap:1px;width:60px;height:54px;padding:4px 2px 3px;display:grid}.dock-btn .emoji{font-size:21px;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.dock-btn span:not(.emoji){white-space:nowrap;font-size:11px;line-height:1.1}.dock-btn kbd{padding:2px 4px 1px;font-size:9px;position:absolute;top:-5px;right:-4px}.dock-btn:hover:not(:disabled) .emoji{transform:scale(1.2)rotate(-8deg)}.dock-btn.on{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 22%, #fff);box-shadow:0 3px 0 color-mix(in srgb, var(--tone) 70%, #000)}.prompt{pointer-events:none;white-space:nowrap;animation:.2s ease-out pop-in;position:absolute;bottom:176px;left:50%;transform:translate(-50%)}.prompt span{color:#fff;font-family:var(--font-display);box-shadow:var(--shadow-sm);background:#261a12c7;border:2px solid #ffffff59;border-radius:999px;padding:7px 16px 6px;font-size:14px;display:inline-block}.prompt.build span{border-color:var(--sun)}.crosshair{pointer-events:none;background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000073}.pingmenu{text-align:center;gap:8px;padding:14px 18px;animation:.2s ease-out pop-in;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.ping-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.ping-grid span{font-family:var(--font-display);border:2px solid var(--tone);color:var(--ink);background:#fff;border-radius:12px;padding:6px 10px}.avatar-status{box-shadow:var(--shadow-sm);pointer-events:none;background:#fff8ecf2;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;bottom:214px;left:50%;transform:translate(-50%)}.event-card{width:300px;box-shadow:0 0 0 2px #c88c2873, var(--shadow);background:repeating-linear-gradient(0deg,#0000 0 23px,#6e4c2c0f 23px 24px),#fff6e4;border:3px solid #fff;border-radius:20px;gap:6px;padding:16px 14px 14px;animation:.35s cubic-bezier(.3,1.5,.5,1) pop-in;display:grid;position:absolute;top:250px;right:160px}.event-card .seal{background:var(--berry);width:36px;height:36px;box-shadow:0 3px 0 var(--berry-d);font-family:var(--emoji);border-radius:50%;place-items:center;font-size:18px;animation:3s ease-in-out infinite star-spin;display:grid;position:absolute;top:-16px;right:14px}.event-card b{font-size:17px}.event-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.event-card .options{gap:6px;margin-top:4px;display:grid}.event-card .options button{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.event-card .options small{font-family:var(--font);font-size:11px}.threat{pointer-events:none;gap:6px;width:min(440px,60vw);display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}.threat-card{color:#fff;text-align:center;box-shadow:var(--shadow);background:#3c0e12d9;border:2px solid #ff6b6b;border-radius:16px;gap:5px;padding:8px 12px;display:grid}.threat-card small{color:#ffd2d2}.threat-card .meter{background:#ffffff2e}.banner{z-index:5;text-align:center;background:linear-gradient(180deg, #ffd766, var(--sun));color:#4a2f06;font-family:var(--font-display);box-shadow:0 3px 0 var(--sun-d);padding:9px;font-size:15px;position:fixed;top:0;left:0;right:0}.panel{--tone:var(--sun);background:var(--paper);width:min(480px,100vw - 238px);box-shadow:0 0 0 2px #6e4c2c33, var(--shadow);z-index:3;border:3px solid #fff;border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.3,1.3,.5,1) slide-in;display:flex;position:absolute;top:12px;bottom:12px;right:214px;overflow:hidden}.panel-map{width:min(640px,100vw - 238px)}.panel-head{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 78%, #fff), var(--tone));flex:none;align-items:center;gap:10px;padding:12px 14px 12px 12px;display:flex;box-shadow:inset 0 -3px #0000001a}.panel-head h2{color:#fff;text-shadow:0 2px 0 color-mix(in srgb, var(--tone) 60%, #000), 0 0 1px #0000004d;flex:1;margin:0;font-size:22px}.panel-head kbd{background:#ffffffbf}.panel-icon{background:#fff;border-radius:14px;place-items:center;width:40px;height:40px;font-size:22px;display:grid;box-shadow:0 3px #00000026}.panel-head .close,.modal .close{border-radius:50%;width:34px;height:34px;padding:0;font-size:15px;line-height:1}.panel-body{scrollbar-width:thin;scrollbar-color:#6e4c2c4d transparent;flex:1;padding:14px 16px 20px;overflow-y:auto}.section{margin-top:6px}.section-right{font-family:var(--font);color:var(--ink-2);margin-left:auto;font-size:12px}.hero{border:2px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.hero>.emoji{background:var(--paper-2);border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.hero-main{flex:1;gap:4px;min-width:0;display:grid}.hero-title{font-size:20px}.hero .muted{margin:0}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.card-item,.resident{background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:16px;align-content:start;gap:7px;padding:10px;transition:transform .15s,border-color .15s;display:grid}.card-item:hover{border-color:var(--line-2);transform:translateY(-2px)}.card-item p{color:var(--ink-2);margin:0;font-size:12px;line-height:1.5}.card-item.locked{filter:saturate(.6);background:#f7f1e8}.card-item.locked .thumb{opacity:.7}.card-item.done{background:#f3fcef;border-color:#5cc45c99}.card-item.picked{border-color:var(--sky);box-shadow:0 3px 0 var(--sky-d)}.card-item>button{justify-self:stretch}.card-head{align-items:center;gap:8px;display:flex}.card-title{flex:1;gap:1px;min-width:0;display:grid}.card-title b{font-size:15px}.card-title small{font-size:11px}.thumb{background:linear-gradient(160deg, #fff, var(--paper-2));border:1.5px solid var(--line);width:40px;height:40px;font-family:var(--emoji);border-radius:12px;flex:none;place-items:center;font-size:20px;display:grid}.thumb.big{font-size:22px}.cost{flex-wrap:wrap;gap:4px;font-size:11.5px;font-weight:700;display:flex}.cost>span{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 3px;display:inline-flex}.cost .ok{background:#effbe9;border-color:#5cc45c66}.cost .lack{color:var(--berry-d);background:#ffeef0;border-color:#ff5d6c73}.req{color:#a86a00;font-size:12px;font-weight:700}.list{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.list li{border:1.5px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.list li.col{flex-direction:column;align-items:stretch}.li-main{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.tag{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.tag.bad{color:var(--berry-d);background:#ffe8ea}.tag.gold{color:#9a6a00;background:#fff1c2}.status{background:#c9bba9;border-radius:50%;width:10px;height:10px;display:inline-block}.status.on{background:var(--leaf);box-shadow:0 0 0 3px #5cc45c40}.stats{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.stats span{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}.seg{background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;gap:4px;margin:8px 0 12px;padding:4px;display:flex}.seg.wrap{flex-wrap:wrap}.seg button{box-shadow:none;white-space:nowrap;background:0 0;border-color:#0000;border-radius:10px;flex:1;padding:6px 8px 5px;font-size:13px}.seg button:hover:not(:disabled){box-shadow:none;background:#ffffffb3}.seg button.on{border-color:var(--line-2);box-shadow:0 2px 0 var(--line-2);background:#fff}.active-research{background:#f3efff;border:2px solid #9b7bff73;border-radius:16px;gap:6px;margin-bottom:12px;padding:10px 12px;display:grid}.notice{background:#fff6d6;border:2px solid #d99a1259;border-radius:14px;margin:8px 0;padding:9px 12px;font-weight:500;line-height:1.5}.notice p{margin:0 0 8px}.stock-grid,.market-list{gap:6px;margin-bottom:10px;display:grid}.stock-cell,.market-row{border:1.5px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:7px 8px 7px 10px;display:flex}.stock-text{flex:1;min-width:0;display:grid}.stock-text b{font-size:14px}.stock-text small{font-size:11px}.price{font-family:var(--font-display);text-align:right;min-width:46px;font-size:15px}.price.up{color:var(--berry-d)}.price.down{color:var(--leaf-d)}.residents{gap:8px;margin:0;padding:0;list-style:none;display:grid}.resident select{border-radius:10px;width:auto;padding:5px 8px;font-size:12px}.resident-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.resident-row .tag{background:var(--paper)}.avatar-dot{background:var(--paper-2);width:36px;height:36px;font-family:var(--emoji);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.happy{width:90px}.history{gap:5px;margin:0;padding:0;list-style:none;display:grid}.history li{border:1.5px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:26px 58px 1fr;align-items:start;gap:6px;padding:7px 8px;font-size:13px;line-height:1.5;display:grid}.history .h-icon{font-family:var(--emoji);text-align:center}.history .day{font-family:var(--font-display);color:var(--sky-d);font-size:13px}.history li.danger{background:#fff3f3}.history li.milestone{background:#fffbe8}.history li.explore{background:#f6f2ff}.steps{margin:6px 0;padding-left:22px;line-height:1.75}.steps li::marker{font-family:var(--font-display);color:var(--sun-d)}.invite{gap:8px;display:grid}.invite p{margin:0}.skills{gap:6px;display:grid}.skill{border:1.5px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:58px 48px 1fr auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.skill-name{font-size:13px;font-weight:700}.skill-lv{font-family:var(--font-display);color:var(--sky-d)}.skill small{color:#9a6a00;font-size:11px;font-weight:700}.keys{gap:5px;display:grid}.key-row{border:1.5px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:10px;padding:5px 8px;font-size:13px;display:grid}.key-row kbd{justify-self:start;font-size:12px}.diff{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.diff li{border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 5px;font-size:13px;font-weight:700;display:inline-flex}.diff .up{color:var(--leaf-d)}.diff .down{color:var(--berry-d)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#281c1273;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--paper);border:3px solid #fff;border-radius:26px;gap:10px;width:min(480px,100%);max-height:90vh;padding:26px 22px 20px;animation:.35s cubic-bezier(.3,1.6,.5,1) modal-pop;display:grid;position:relative;overflow-y:auto;box-shadow:0 0 0 2px #6e4c2c33,0 30px 70px #1e120866}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)translateY(12px)}}.modal h2{text-align:center;font-size:24px}.modal-ribbon{background:linear-gradient(160deg, #ffe07a, var(--sun));width:58px;height:58px;box-shadow:0 4px 0 var(--sun-d), inset 0 2px 0 #ffffff80;font-family:var(--emoji);border-radius:20px;justify-self:center;place-items:center;margin-top:-6px;font-size:28px;display:grid}.modal.celebrate .modal-ribbon{animation:2s ease-in-out infinite star-spin}.modal.wide{width:min(640px,100%)}.modal .close{position:absolute;top:12px;right:12px}label.btn{cursor:pointer;font-family:var(--font-display);border:2px solid var(--line-2);background:var(--card);box-shadow:0 3px 0 var(--line-2);border-radius:12px;align-items:center;padding:7px 14px 6px;display:inline-flex}label.btn:hover{background:#fffdf8}label.btn.primary{background:linear-gradient(180deg, #ffd766, var(--sun));border-color:var(--sun-d);color:#4a2f06;box-shadow:0 4px 0 var(--sun-d)}label.btn.disabled{opacity:.45;pointer-events:none}.avatar-settings{gap:10px;display:grid}.avatar-settings h3,.avatar-settings h4{font-family:var(--font-display);margin:4px 0 0;font-weight:400}.avatar-top{grid-template-columns:170px 1fr;align-items:start;gap:12px;display:grid}.avatar-now{gap:8px;display:grid}.avatar-now p{margin:0}.avatar-now .row{flex-wrap:wrap}.avatar-preview{height:220px;box-shadow:0 0 0 2px var(--line);background:radial-gradient(circle at 50% 30%,#e4f6ff,#bfe0f5);border:3px solid #fff;border-radius:18px;position:relative;overflow:hidden}.avatar-preview .gl,.avatar-preview canvas{width:100%;height:100%;display:block}.avatar-preview span{font-size:12px;font-weight:700;position:absolute;bottom:6px;left:8px}.avatar-settings .notes{color:var(--leaf-d);margin:0;padding-left:18px;font-size:13px}.avatar-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.avatar-list li{border:1.5px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:8px 10px;display:grid}.avatar-list li.on{border-color:var(--sun-d);background:#fffaf0}.avatar-list .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.avatar-list small{color:var(--ink-2);grid-column:1}.avatar-list .row{grid-area:1/2/span 2}.avatar-list em{color:#b87a00;font-size:13px;font-style:normal}.avatar-storage{margin-top:14px}.avatar-storage p{margin:0}.avatar-storage .hint button{margin-left:6px}.avatar-storage .storage-cache{flex-wrap:wrap;align-items:center}.name-row{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}@media (width<=520px){.avatar-top{grid-template-columns:1fr}}@media (width<=1100px){.panel,.panel-map{width:min(480px,100vw - 174px);right:150px}.bottombar{width:calc(100vw - 180px);min-width:0;left:calc(50% - 70px)}.slot{width:50px;height:52px}.slot .slot-name{display:none}.slot .item-icon,.slot .item-emoji{margin-top:0}.toasts{width:calc(100vw - 460px)}}@media (width<=900px){.panel,.panel-map{width:auto;left:12px;right:12px}.dock{grid-template-columns:repeat(2,48px);gap:4px;padding:4px}.dock-btn{width:48px;height:44px}.dock-btn span:not(.emoji),.dock-btn kbd{display:none}.event-card{top:auto;bottom:330px;right:12px}.hud-tl{max-width:calc(100vw - 230px)}.quest{display:none}.bottombar{width:calc(100vw - 150px);left:calc(50% - 50px)}.slot{width:40px;height:44px}.hotbar{gap:3px;padding:3px}.toasts{width:calc(100vw - 40px);top:auto;bottom:200px}.chat{display:none}}.me-panel .profile-badge{width:44px;height:44px;font-size:22px}.empty-home{text-align:center;border:2px dashed var(--line-2);background:var(--paper-2);border-radius:16px;justify-items:center;gap:8px;padding:18px 12px;display:grid}.tag.good{color:var(--leaf-d);background:#e3f6de;border-color:#3a9a3f59}.room{--roof:#d8574a;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #fff;border-radius:18px;margin:4px 0 10px;position:relative;overflow:hidden}.room-roof{background:repeating-linear-gradient(90deg, #0000001a 0 2px, transparent 2px 22px), linear-gradient(180deg, color-mix(in srgb, var(--roof) 80%, #fff), var(--roof));clip-path:polygon(0 100%,8% 0,92% 0,100% 100%);height:26px}.room-wall{background:radial-gradient(circle at 12px 12px,#ffffff8c 2.5px,#0000 3px) 0 0/24px 24px,linear-gradient(#f6dcb4,#efcf9f);height:150px;position:relative}.room-window{background:linear-gradient(#8fd3ff,#d9f1ff);border:5px solid #9a6a3a;border-radius:10px 10px 4px 4px;place-items:start end;width:64px;height:64px;padding:4px;display:grid;position:absolute;top:16px;left:16px;box-shadow:inset 0 0 0 2px #ffffff80}.room-window:after{content:"";background:linear-gradient(90deg,#0000 calc(50% - 2px),#9a6a3a calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)),linear-gradient(0deg,#0000 calc(50% - 2px),#9a6a3a calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px));position:absolute;inset:0}.room.night .room-window{background:linear-gradient(#1d2552,#3b3f7a)}.room.night .room-wall{filter:brightness(.85)saturate(.9)}.room-shelf{border-bottom:7px solid #9a6a3a;border-radius:0 0 4px 4px;flex-wrap:wrap;align-items:flex-end;gap:4px;min-height:36px;padding:0 8px 4px;display:flex;position:absolute;left:96px;right:14px;box-shadow:0 5px #5a3a1e40}.room-shelf small{color:#5a3a1e8c;font-size:11px}.trophy-shelf{top:18px}.curio-shelf{top:84px}.room-floor{background:repeating-linear-gradient(90deg,#c68a4e 0 30px,#b97d44 30px 32px,#cf9559 32px 62px,#b97d44 62px 64px);height:92px;position:relative}.room-bed{background:#8a5a32;border-radius:10px;width:116px;height:58px;position:absolute;top:-26px;left:14px;box-shadow:0 6px #3c241059}.room-bed .pillow{background:#fff;border-radius:8px;width:26px;height:20px;position:absolute;top:8px;left:8px}.room-bed .blanket{background:repeating-linear-gradient(45deg,#ff8fb0 0 8px,#ffa9c2 8px 16px);border-radius:8px;position:absolute;inset:6px 6px 10px 38px}.room-rug{opacity:.85;background:radial-gradient(#7fc8ff 0 30%,#4fb6ff 31% 55%,#2585d1 56% 70%);border-radius:50%;width:110px;height:40px;position:absolute;top:30px;left:42%}.room-chest{background:#a0673d;border-radius:8px;place-items:center;width:50px;height:42px;display:grid;position:absolute;top:-14px;right:18px;box-shadow:0 5px #3c241059}.room-decor{gap:6px;display:flex;position:absolute;top:8px;left:140px}.home-actions{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.stash-list{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.stash-list li{background:var(--card);border:1.5px solid var(--line);border-radius:10px;grid-template-columns:20px 1fr auto auto auto auto auto auto;align-items:center;gap:5px;padding:4px 6px;font-size:13px;display:grid}.stash-list li.muted{display:block}.stash-n{color:var(--ink-2);text-align:right;min-width:52px;font-size:12px}.stash-list button.small{padding:2px 7px 1px}.swatches{gap:8px;margin-bottom:10px;display:flex}button.swatch{background:var(--c);width:34px;height:34px;box-shadow:0 2px 0 var(--line-2);border:3px solid #fff;border-radius:50%;padding:0}button.swatch.on{outline:3px solid var(--ink);outline-offset:1px}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}button.decor-item{justify-items:center;gap:2px;padding:7px 4px 5px;display:grid}button.decor-item small{font-size:11px}button.decor-item.locked{opacity:.55}.collect-head{gap:4px;margin-bottom:6px;display:grid}.chips{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}button.chip{box-shadow:0 2px 0 var(--line-2);border-radius:999px;padding:4px 10px 3px;font-size:12px}button.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.curio-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.curio-card{--rar:#7cb86a;background:var(--card);border:2px solid color-mix(in srgb, var(--rar) 60%, #fff);box-shadow:0 3px 0 color-mix(in srgb, var(--rar) 35%, transparent);border-radius:14px;align-content:start;gap:3px;padding:10px;display:grid}.curio-card .curio-icon{background:radial-gradient(circle at 40% 35%, #fff, color-mix(in srgb, var(--rar) 25%, #fff));width:52px;height:52px;font-family:var(--font-display);color:var(--ink-3);border-radius:14px;place-items:center;font-size:26px;display:grid}.curio-card small.rar{color:color-mix(in srgb, var(--rar) 75%, #000);font-size:11px;font-weight:700}.curio-card small.muted{font-size:11px;line-height:1.4}.curio-card.unknown{background:repeating-linear-gradient(135deg,#fbf3e4 0 8px,#f7ecd8 8px 16px);border-style:dashed}.curio-card.unknown b{color:var(--ink-3)}.curio-foot{justify-content:space-between;align-items:center;gap:4px;margin-top:2px;display:flex}.ach-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.ach{background:var(--card);border:1.5px solid var(--line);border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.ach .ach-icon{background:var(--paper-2);filter:grayscale(.9);opacity:.7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.ach .ach-main{gap:1px;display:grid}.ach .ach-main small{color:var(--ink-2);font-size:12px}.ach-prog{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.ach-when{color:var(--leaf-d);white-space:nowrap;font-weight:700}.ach.done{background:linear-gradient(90deg,#fff6d6,#fff);border-color:#d99a128c}.ach.done .ach-icon{filter:none;opacity:1;background:radial-gradient(circle,#fff3b0,#ffc93c);box-shadow:0 0 0 3px #fff,0 2px 6px #d99a1280}.needs-box{background:var(--card);border:1.5px solid var(--line);border-radius:14px;gap:6px;margin-bottom:10px;padding:10px 12px;display:grid}.needs-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.need-row{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.need-row small{color:var(--ink-2);white-space:nowrap}.needs-box p{margin:2px 0 0;font-size:12px}.label.monument{color:#fff4d0;text-shadow:0 1px 2px #0000008c;transform-origin:50% 100%;background:linear-gradient(#7a6034d1,#564222d1);border:1.5px solid #ffd678b3;border-radius:10px;padding:4px 12px 3px;font-size:15px}.monument-panel{gap:4px;display:grid}.tablet{color:#4e3f2b;background:radial-gradient(circle at 20% 15%,#ffffff73,#0000 55%),linear-gradient(#efe8d8,#d6ccb6);border:3px solid #b9ab8e;border-radius:18px 18px 10px 10px;justify-items:center;gap:4px;margin-bottom:8px;padding:16px 16px 14px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #ffffff59,0 4px #a39479}.tablet-sub{color:#7a6645;font-size:12px}.tablet-title{font-family:var(--font-display);color:#3e3020;text-shadow:0 1px #ffffffb3;text-align:center;font-size:22px}.tablet-lines{border-top:2px solid #7d684859;gap:2px;width:100%;max-height:260px;margin:6px 0 0;padding:8px 0 0;list-style:none;display:grid;overflow:auto}.tablet-lines li{border-radius:8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:grid}.tablet-lines li.me{background:#ffd67859}.tablet-lines .who{font-family:var(--font-display);color:#3e3020;font-size:14px}.tablet-lines .what{overflow-wrap:anywhere;min-width:0}.tablet-lines small{color:#8a7658;white-space:nowrap}.tablet-lines button.icon-btn{width:26px;height:26px;min-height:0;font-size:12px}.tablet-empty{color:#8a7658;margin:6px 0 0;font-size:13px}.monument-foot{margin:4px 0 8px;font-size:12px}