:root{--ink: #1f2430;--cream: #fffaf0;--sky: #8fd3ff;--grass: #5fb760;--coral: #e85d4a;--sun: #f2b632;font-family:ui-rounded,Nunito,Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky)}[hidden]{display:none!important}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:linear-gradient(#8fd3ff,#d8f3ff 60%,#b9e6a8)}.card{width:min(360px,100%);background:var(--cream);border-radius:22px;padding:26px;box-shadow:0 8px #1f24301f,0 18px 40px #1f24302e;display:flex;flex-direction:column;gap:12px}.card.wide{width:min(520px,100%);max-height:86vh}.logo{margin:0;font-size:40px;font-weight:900;letter-spacing:-.03em;text-align:center;color:var(--coral)}.logo span{color:var(--grass)}.sub{margin:-8px 0 6px;text-align:center;opacity:.7}h2{margin:0 0 4px;font-size:22px}label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}input{font:inherit;padding:11px 12px;border-radius:12px;border:2px solid #d9d2c0;background:#fff}input:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:2px}button{font:inherit;font-weight:800;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;background:var(--grass);color:#fff;box-shadow:0 4px #3f8a44}button:active{transform:translateY(2px);box-shadow:0 2px #3f8a44}button.ghost{background:#fff;color:var(--ink);box-shadow:0 3px #d9d2c0;padding:8px 12px}.error{margin:0;min-height:1.2em;color:#b3261e;font-weight:700;font-size:14px}.card.menu{width:min(860px,100%);max-height:92vh;overflow-y:auto}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.menu-head h2{margin:0}.menu-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}#plot-groups h3{margin:10px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.plot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.plot-card{background:#fff;border-radius:16px;box-shadow:0 3px #d9d2c0;overflow:hidden;display:flex;flex-direction:column}.plot-card .enter{background:none;box-shadow:none;padding:0;border-radius:0;color:var(--ink);text-align:left;display:flex;flex-direction:column;font-weight:600}.plot-card .enter:active{transform:none}.plot-card .thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:linear-gradient(#8fd3ff 55%,#7fd07a 55%)}.plot-card .info{padding:9px 12px 10px;display:flex;flex-direction:column;gap:2px}.plot-card .name{font-weight:800;font-size:15.5px;overflow-wrap:anywhere}.plot-card small{opacity:.65;font-size:12.5px}.plot-card .here{color:#2f7a36;font-size:12.5px;font-weight:800}.plot-card .owner-tools{display:flex;gap:6px;padding:0 10px 10px;flex-wrap:wrap}.plot-card .owner-tools button,.plot-card .owner-tools input{padding:5px 9px;font-size:12px;border-radius:9px}.plot-card .owner-tools button{background:#f4f0e4;color:var(--ink);box-shadow:none}.plot-card .owner-tools input{flex:1;min-width:0}.plot-card.new{align-items:stretch;justify-content:center;padding:14px;gap:8px;background:#f4f0e4;box-shadow:none;border:2px dashed #d9d2c0}.plot-card.new input,.plot-card.new button{padding:8px 10px;font-size:14px}.empty{opacity:.7;margin:0}.card.look{width:min(620px,100%);max-height:94vh;overflow-y:auto}.look-body{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}#look-preview{width:240px;height:300px;border-radius:18px;background:linear-gradient(#bfe6ff,#e9f8ff 65%,#c9ecc0);flex:none}#look-options{flex:1 1 260px;display:flex;flex-direction:column;gap:10px}#look-options h3{margin:0 0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.look-row{display:flex;flex-wrap:wrap;gap:6px}.look-row button{background:#fff;color:var(--ink);box-shadow:0 3px #d9d2c0;padding:7px 11px;border-radius:11px;font-size:13.5px}.look-row button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 3px #000}.look-row.swatches button{width:32px;height:32px;padding:0;border-radius:9px;box-shadow:inset 0 0 0 1px #0003}.look-row.swatches button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;box-shadow:inset 0 0 0 2px #fff}#plot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow:auto}#plot-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;color:var(--ink);box-shadow:0 3px #d9d2c0;text-align:left}#plot-list small{font-weight:600;opacity:.65;white-space:nowrap}.tag{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--sun);color:var(--ink);margin-left:6px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#topbar{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:10px;font-weight:800}#topbar span{background:#fffaf0e6;padding:8px 12px;border-radius:12px}#plot-info{font-weight:600}#help{position:absolute;top:12px;right:12px;background:#1f24309e;color:#fff;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.6;pointer-events:none}#toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;background:#fffaf0f0;padding:8px;border-radius:18px;box-shadow:0 5px #1f243026}#toolbar button,#panel button{background:#fff;color:var(--ink);box-shadow:0 3px #d9d2c0;padding:9px 12px;border-radius:11px;font-size:14px;position:relative;white-space:nowrap}#toolbar button[data-key]{padding-left:24px}#toolbar button[data-key]:before{content:attr(data-key);position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:800;opacity:.5}#toolbar button[aria-pressed=true],#panel button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 3px #000}#toolbar button:disabled{opacity:.35;cursor:default}#toolbar .gap{width:8px}#panel{position:absolute;left:12px;top:64px;width:212px;max-height:calc(100% - 150px);overflow:auto;background:#fffaf0f0;border-radius:18px;padding:12px;box-shadow:0 5px #1f243026;display:flex;flex-direction:column;gap:12px}#panel h3{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}#panel .grid{display:grid;gap:5px}#panel .three{grid-template-columns:repeat(3,minmax(0,1fr))}#panel .shapes,#panel .mats{grid-template-columns:repeat(2,minmax(0,1fr))}#panel .grid button{padding:7px 2px;font-size:12.5px}#panel .swatches{grid-template-columns:repeat(8,1fr);gap:4px}#panel .swatches button{padding:0;aspect-ratio:1;border-radius:7px;box-shadow:inset 0 0 0 1px #0000002e}#panel .swatches button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:1px;box-shadow:inset 0 0 0 2px #fff}#panel .stepper{display:grid;grid-template-columns:1fr 30px 34px 30px;align-items:center;gap:4px;margin-bottom:5px;font-size:13px;font-weight:700}#panel .stepper button{padding:4px 0;font-size:16px;line-height:1}#panel .stepper output{text-align:center;font-variant-numeric:tabular-nums}#panel .hint{margin:8px 0 0;font-size:11.5px;line-height:1.4;opacity:.7}#toast{position:absolute;bottom:104px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:9px 14px;border-radius:12px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#marquee{position:fixed;border:2px dashed #ffe14d;background:#ffe14d24;pointer-events:none!important}#panel .bp-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}#panel .bp-list li{display:grid;grid-template-columns:1fr auto;gap:4px}#panel .bp-list button{padding:6px 8px;font-size:12.5px;text-align:left;overflow:hidden;text-overflow:ellipsis}#panel .bp-list small{opacity:.6;font-weight:600;margin-left:4px}#panel .bp-save{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:6px}#panel .bp-save input{padding:6px 8px;border-radius:9px;font-size:12.5px;min-width:0}#panel .bp-save button{padding:6px 9px;font-size:12.5px}#panel button:disabled{opacity:.4;cursor:default}.ghost-link{text-align:center;font-weight:700;color:var(--ink)}#chat{position:absolute;right:12px;bottom:30px;width:min(310px,calc(100% - 24px));display:flex;flex-direction:column;gap:6px;font-size:13.5px}#chat-log{list-style:none;margin:0;padding:8px 10px;max-height:170px;overflow-y:auto;background:#1f24309e;color:#fff;border-radius:14px;line-height:1.45;overflow-wrap:anywhere}#chat-log:empty{display:none}#chat-log .note{opacity:.75;font-style:italic}#chat .chat-name{font-weight:800;color:#ffd978}#chat button.chat-name{background:none;box-shadow:none;padding:0;border-radius:4px;font-size:inherit;cursor:pointer}#chat button.chat-name:hover{text-decoration:underline}#chat .chat-menu{display:flex;gap:5px;margin:4px 0}#chat .chat-menu button,#chat .chat-muted button{background:#fff;color:var(--ink);box-shadow:none;padding:4px 9px;border-radius:9px;font-size:12px}#chat .chat-muted{margin:0;font-size:12px;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .6)}#chat-quick{background:#fffaf0f5;border-radius:14px;padding:8px;box-shadow:0 5px #1f243026}#chat .chat-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}#chat .chat-tabs button,#chat .chat-phrases button,#chat-form button{background:#fff;color:var(--ink);box-shadow:0 2px #d9d2c0;padding:6px 9px;border-radius:10px;font-size:12.5px}#chat .chat-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 2px #000}#chat .chat-phrases{display:flex;flex-wrap:wrap;gap:5px;max-height:150px;overflow-y:auto;padding-bottom:3px}#chat-form{display:flex;gap:5px}#chat-form input{flex:1;min-width:0;padding:7px 10px;border-radius:10px;font-size:13.5px}#chat-form button{white-space:nowrap}#chat .chat-note{margin:0;font-size:10.5px;color:#fff;text-align:right;text-shadow:0 1px 2px rgb(0 0 0 / .6)}@media(max-width:1240px){#chat{bottom:96px}}.pb-credit{position:fixed;bottom:6px;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#141414;white-space:nowrap;font-family:system-ui,sans-serif;pointer-events:none}.pb-credit .by{opacity:.65}.pb-wm{display:inline-flex;align-items:center;gap:.35em;font-size:12px;line-height:1}.pb-wm svg{width:1.15em;height:1.15em}.pb-wm b{font-weight:800;letter-spacing:-.02em}.pb-wm i{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;color:#ff6a2b}@media(max-width:760px){#help{display:none}}.wallet{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-variant-numeric:tabular-nums}.wallet>span,.price{display:inline-flex;align-items:center;gap:5px}.coin i,.gem i{display:inline-block;width:14px;height:14px;flex:none}.coin i{border-radius:50%;background:var(--sun);box-shadow:inset 0 0 0 2px #c98f12}.gem i{background:#8e63d9;transform:rotate(45deg) scale(.82);border-radius:3px;box-shadow:inset 0 0 0 2px #5f3fa6}#topbar #hud-wallet span{background:none;padding:0;border-radius:0}.error.good,.shop-notice.good{color:#2f7a36}.card.shop{width:min(860px,100%);max-height:92vh;overflow-y:auto}.shop-how{margin:0;font-size:14px;opacity:.8}.redeem{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f4f0e4;padding:10px 12px;border-radius:14px}.redeem label{font-size:14px}.redeem input{flex:1 1 160px;min-width:0;padding:9px 11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.redeem input::placeholder{font-weight:400;letter-spacing:.04em}.redeem button{padding:9px 14px}.shop-notice{margin:0;font-weight:700;font-size:14.5px;color:#b3261e}#shop-items h3{margin:12px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.shop-card{background:#fff;border-radius:16px;box-shadow:0 3px #d9d2c0;padding:12px;display:flex;flex-direction:column;gap:4px;border-top:5px solid var(--sky)}.shop-card.material{border-top-color:var(--sun)}.shop-card.avatar{border-top-color:var(--coral)}.shop-card.perk{border-top-color:#8e63d9}.shop-card .name{font-size:15.5px}.shop-card small{opacity:.7;font-size:12.5px;line-height:1.35;flex:1}.shop-card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;min-height:34px}.shop-card .foot button{padding:7px 14px;font-size:14px;border-radius:11px}.shop-card .foot button:disabled{background:#e6e0d0;color:#6d6a61;box-shadow:none;cursor:default}.shop-card .foot button.armed{background:var(--coral);box-shadow:0 4px #b3402f}.shop-card .tagline{font-size:12.5px;font-weight:800;opacity:.75}.shop-card.owned{background:#eef7ea;box-shadow:0 3px #cfe3c7}.shop-card.owned .tagline{color:#2f7a36;opacity:1}#panel button.locked,.look-row button.locked{color:#7a7566;padding-right:15px;position:relative}#panel button.locked:after,.look-row button.locked:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:6px;border-radius:1.5px;background:currentColor;box-shadow:0 -4px 0 -1.5px #fffaf0,0 -4px 0 0 currentColor}#panel button.locked[aria-pressed=true],.look-row button.locked[aria-pressed=true]{color:#d9d4c4}.bar{display:block;height:8px;border-radius:99px;background:#e6e0d0;overflow:hidden}.bar i{display:block;height:100%;background:var(--grass);border-radius:99px;transition:width .3s}.progress-card{background:#fff;border-radius:16px;box-shadow:0 3px #d9d2c0;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.progress-card h3{margin:4px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.progress-card .lvl{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.progress-card .lvl b{font-size:17px}.progress-card .lvl span:not(.bar){font-size:12px;font-weight:800;background:var(--sun);padding:2px 9px;border-radius:99px}.progress-card small{font-size:12.5px;opacity:.7;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-card .goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px}.progress-card .goals li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:14px;font-weight:700;align-items:baseline}.progress-card .goals .bar{grid-column:1 / -1;grid-row:2}.progress-card .goals li.done small{color:#2f7a36;opacity:1;font-weight:800}.progress-card .badges{display:flex;flex-wrap:wrap;gap:6px}.progress-card .badge{font-size:12.5px;padding:3px 10px;border-radius:99px;background:#f4f0e4;color:#5d5a52}.progress-card .badge.got{background:var(--ink);color:#fff;font-weight:800}#topbar .level-chip{display:inline-flex;align-items:center;gap:8px}#topbar .level-chip .bar{width:64px;padding:0;background:#e6e0d0;border-radius:99px}#topbar .time-chip{background:var(--sun)}#topbar .time-chip.soon{background:var(--coral);color:#fff}.shop-card.theme{border-top-color:var(--grass)}.plot-card .owner-tools select{font:inherit;font-size:12px;font-weight:800;padding:4px 6px;border-radius:9px;border:0;background:#f4f0e4;color:var(--ink);max-width:100%}.plot-card .thumb.battle{background:linear-gradient(135deg,#e85d4a 0,#e85d4a 25%,#4a9be8 25%,#4a9be8 50%,#f2b632 50%,#f2b632 75%,#8e63d9 75%)}#battle{position:absolute;top:62px;left:50%;transform:translate(-50%);width:min(430px,calc(100% - 480px));min-width:280px;background:#fffaf0f2;border-radius:18px;padding:12px 16px;box-shadow:0 5px #1f243026;display:flex;flex-direction:column;gap:6px;text-align:center}#battle h2{margin:0;font-size:20px}#battle p{margin:0;font-size:13.5px;line-height:1.4}#battle .muted{opacity:.7}#battle .row{display:flex;justify-content:center;align-items:center;gap:10px}#battle .tag{margin:0;text-transform:uppercase;letter-spacing:.06em;font-weight:800}#battle .clock{font-size:20px;font-variant-numeric:tabular-nums}#battle .clock.soon{color:#b3261e}#battle>button{align-self:center}#battle .stars{display:flex;justify-content:center;gap:6px}#battle .stars button{background:#fff;color:#cfc8b4;box-shadow:0 3px #d9d2c0;font-size:22px;padding:4px 10px;line-height:1.2}#battle .stars button[aria-pressed=true]{color:var(--sun)}#battle .results{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}#battle .results li{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;background:#fff;border-radius:10px;padding:6px 10px;font-size:14px}#battle .results li.me{outline:2px solid var(--ink)}#battle .results .coin{display:inline-flex;align-items:center;gap:4px;font-weight:800}@media(max-width:900px){#battle{top:112px;width:calc(100% - 24px)}}.plot-card .thumb.rush{background:repeating-linear-gradient(0deg,transparent 0 18px,rgb(255 255 255 / .35) 18px 19px),repeating-linear-gradient(90deg,transparent 0 18px,rgb(255 255 255 / .35) 18px 19px),#2f55c4}#battle.side{left:auto;right:12px;top:112px;transform:none;width:290px;min-width:0}@media(max-width:900px){#battle.side{left:12px;right:12px;width:auto}}
