html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{display:block;padding:0;background:#12a7ec}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}:root{--panel: 560px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}input{font:700 16px var(--body);color:var(--ink)}a{color:inherit}.sheet{left:max(8px,calc(50% - var(--panel) / 2));right:max(8px,calc(50% - var(--panel) / 2));bottom:max(8px,var(--safe-b));max-height:min(78%,720px)}.nav{left:max(6px,calc(50% - var(--panel) / 2));right:max(6px,calc(50% - var(--panel) / 2));bottom:max(6px,var(--safe-b))}.toasts,.guide{left:max(10px,calc(50% - var(--panel) / 2 + 10px));right:max(10px,calc(50% - var(--panel) / 2 + 10px))}.hud{top:max(10px,var(--safe-t));left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px))}.sidebtns{top:calc(max(10px,var(--safe-t)) + 66px);left:max(10px,env(safe-area-inset-left,0px))}.quick{top:calc(max(10px,var(--safe-t)) + 86px);right:max(10px,env(safe-area-inset-right,0px))}.toasts{top:calc(max(10px,var(--safe-t)) + 118px)}.guide{bottom:calc(102px + var(--safe-b))}.zoomctl{right:max(10px,env(safe-area-inset-right,0px));bottom:calc(112px + var(--safe-b))}#puzzle,#hatch{left:max(0px,calc(50% - 210px));right:max(0px,calc(50% - 210px))}button.avatar{padding:0;flex:none}.me .name{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 4px;margin:-3px -4px}.lobby{align-items:center;padding-top:max(14px,var(--safe-t));padding-bottom:max(14px,var(--safe-b))}.lb-top{width:100%;max-width:460px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.lb-pill{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 8px;border-radius:999px;background:#ffffffeb;box-shadow:0 3px #08488c2e;font:800 13.5px Nunito,sans-serif;color:var(--n-ink);text-decoration:none;white-space:nowrap}.lb-pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.lb-pill.live{padding-left:11px;gap:6px;font-weight:700}.lb-pill.live b{font-weight:800;font-variant-numeric:tabular-nums}.lb-pill.live i{flex:none;width:8px;height:8px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px #2fbf7140}.lb-pill.me{margin-left:auto;min-width:0;padding:0 12px 0 4px}.lb-pill.me img{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#bfe9ff,#7fcdf5);object-fit:contain}.lb-pill.me span:not(.badge){overflow:hidden;text-overflow:ellipsis;max-width:120px}.lb-pill .badge{right:-4px;top:-6px}a.lb-pill:active,button.lb-pill:active{transform:translateY(2px);box-shadow:0 1px #08488c2e}.lb-card{width:100%;max-width:460px;box-sizing:border-box}.homefoot{display:flex;justify-content:center}.lb-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin-top:10px;padding-top:10px;border-top:2px dashed #D6E6F5}.lb-info a{font:800 13.5px Nunito,sans-serif;color:var(--n-sky-ink);text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}.lb-credit{margin:4px 0 0;font:700 12.5px Nunito,sans-serif;color:var(--n-soft)}.lb-credit a{color:inherit;font-weight:800}.linkish{text-decoration:underline}.login-box{display:grid;gap:10px;justify-items:center;margin:4px auto 18px;width:min(320px,100%)}.tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px;border-radius:16px;background:#e6f1fb}.tabs button{min-height:40px;border-radius:12px;font:800 15px Nunito,sans-serif;color:var(--n-soft)}.tabs button.on{background:#fff;color:var(--n-ink);box-shadow:0 2px #c9ddf0}#auth-form{display:grid;gap:8px;width:100%}#auth-form .btn{width:100%}.login-warn{margin:0;padding:8px 10px;border-radius:12px;background:#fff6cc;border:2px solid #FFE27A;font:700 12.5px/1.4 Nunito,sans-serif;color:#7a4a00;text-align:left}.login-note{margin:0;min-height:1.4em;font:700 14px/1.4 Nunito,sans-serif;color:var(--n-soft)}.login-note.bad{color:var(--n-coral-ink)}.login-note:empty{display:none}.login-help{font:700 12px Nunito,sans-serif;color:var(--n-soft)}#g-btn:empty{display:none}button.login-help{min-height:32px;color:var(--n-sky-ink);font-size:13px}.login-warn b{font-weight:800}.login-legal{margin:2px 0 0;font:700 12px/1.5 Nunito,sans-serif;color:var(--n-soft);text-align:center}.login-legal a{color:var(--n-sky-ink);font-weight:800;text-underline-offset:2px}#home{padding-bottom:calc(max(14px,var(--safe-b)) + 68px)}.chat-fab{position:fixed;z-index:5;right:max(14px,calc(50% - 302px));bottom:max(16px,var(--safe-b));width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#4cc3ff,#1b86d6);border:3px solid #fff;box-shadow:0 4px #08488c59,0 8px 18px #08488c40;color:#fff}.chat-fab svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.chat-fab:active{transform:translateY(3px);box-shadow:0 1px #08488c59}.chat-fab .badge{right:-4px;top:-4px}.tabs2{display:flex;gap:4px;padding:4px;border-radius:16px;background:#e6f1fb;position:sticky;top:-12px;z-index:2}.tabs2 button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 6px;border-radius:12px;font:800 13.5px Nunito,sans-serif;color:var(--n-soft);white-space:nowrap}.tabs2 button.on{background:#fff;color:var(--n-ink);box-shadow:0 2px #c9ddf0}.dotn{display:inline-block;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff3b30;color:#fff;font:800 11px/18px Nunito,sans-serif;text-align:center;box-sizing:border-box}.chips2{display:flex;gap:6px;flex-wrap:wrap}.chips2 button{min-height:34px;padding:0 14px;border-radius:999px;background:#fff;border:2px solid #BFD9F2;font:800 13px Nunito,sans-serif;color:var(--n-soft)}.chips2 button.on{background:var(--sky);border-color:var(--sky);color:#fff}.noteform,.stackform{display:grid;gap:8px}.noteform textarea,.stackform input{width:100%;padding:10px 14px;border-radius:14px;border:3px solid #BFD9F2;background:var(--paper);box-sizing:border-box;outline:none;font:inherit;resize:vertical}.stackform input{height:44px;padding:0 14px}.noteform textarea:focus,.stackform input:focus{border-color:var(--sky)}.rowbtn{width:100%;text-align:left}.rowbtn small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pilltag{align-self:center;padding:2px 10px;border-radius:999px;background:#e6f1fb;font:800 12px Nunito,sans-serif;color:var(--n-soft)}.linkbtn.center{align-self:center}.msg>b{font-size:11px;color:#2a6fd0;margin:0 6px 1px}.msg span{white-space:pre-wrap}.nameform{display:flex;gap:8px;align-items:center}.nameform input,#auth-form input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:14px;border:3px solid #BFD9F2;background:var(--paper);box-sizing:border-box;outline:none}.nameform input:focus,#auth-form input:focus{border-color:var(--sky)}.btnrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sheet .body>.btn{align-self:center}.sheet .note a{color:#2a6fd0}.sec{font-size:14px;margin-top:6px}.row .btn.small+.btn.small{margin-left:-4px}.card .btn.small{min-height:32px;margin-top:2px}.card small.need-lv,small.need-lv{color:#e0342a;font-weight:800}.avatars{display:flex;gap:8px;flex-wrap:wrap}.avatars .pick{width:58px;height:58px;border-radius:50%;border:3px solid #D6E6F5;background:radial-gradient(circle at 50% 35%,#BFE9FF,var(--sky));overflow:hidden}.avatars .pick.on{border-color:var(--sun);box-shadow:0 0 0 3px #ffc21a66}.avatars img{width:110%;margin:6px 0 0 -5%}#sheet-foot{padding:8px 12px max(10px,var(--safe-b));background:var(--paper-2);border-top:2px solid #D6E6F5}.on{color:#1e9e4a;font-weight:800}.online{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#34c759;box-shadow:0 0 0 2px var(--paper);vertical-align:1px}.chatbtn{position:relative;padding:0 8px}.chatbtn img{width:22px}.chatbtn .badge{right:-6px;top:-8px}.logline.new{border-left-color:var(--sun);background:#fffbe6}.logline small{color:#8a7560;font-weight:600}.linkbtn{font-size:12px;font-weight:800;color:#2a6fd0;text-decoration:underline;min-height:28px}.chat{display:flex;flex-direction:column;gap:6px}.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:82%}.msg span{background:var(--paper);border-radius:16px 16px 16px 4px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1.35;box-shadow:0 2px #d6e6f5;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.msg small{font-size:10px;font-weight:700;color:#8a9aac;margin:1px 6px 0}.msg.me{align-self:flex-end;align-items:flex-end}.msg.me span{background:linear-gradient(180deg,#ffd9e8,#ffb8d2);border-radius:16px 16px 4px;box-shadow:0 2px #f08ab0}.critter .who{top:-15px;padding:0 7px;font-size:11px;line-height:15px;background:#10335cc7;border:1.5px solid rgba(255,255,255,.9);pointer-events:none}.duck .need:not([hidden])+.who,.dog .need:not([hidden])+.who{top:-34px}.critter.held .who{display:none}.field.unbought{opacity:.55}.obj.sign img{animation:bob 1.6s ease-in-out infinite}.obj.sign .tag{background:linear-gradient(180deg,#A6F07A,var(--leaf));color:var(--paper);border:2px solid var(--paper);text-shadow:0 1px 0 var(--leaf-dk)}.gjump{position:absolute;left:max(10px,env(safe-area-inset-left,0px));bottom:calc(112px + var(--safe-b));z-index:22;display:flex;flex-direction:column;gap:6px}.gjump button{width:40px;height:40px;border-radius:12px;border:3px solid var(--paper);background:linear-gradient(180deg,#c98a4e,#9a6230);color:var(--paper);font:800 18px var(--display);box-shadow:0 3px #0003}.visiting .gjump button{background:linear-gradient(180deg,#ff9fc0,#e0306c)}.wild .wtimer{position:absolute;left:50%;bottom:-8px;translate:-50% 0;z-index:2;padding:0 6px;border-radius:999px;background:var(--paper);font-size:10px;font-weight:800;color:var(--leaf-dk);white-space:nowrap;box-shadow:0 1px #00000026}.pill.gold{background:linear-gradient(180deg,#a06e00bf,#785000bf);border-color:#ffe27a}.playing{display:flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 12px;font:800 13px Nunito,sans-serif;color:var(--n-soft)}.playing i,.pill.live i{flex:none;display:block;width:9px;height:9px;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px #34c75940;animation:live 1.6s ease-in-out infinite}.pill.live{height:26px;padding:0 10px 0 8px;font-size:13px;gap:6px}@keyframes live{50%{box-shadow:0 0 0 6px #34c75900}}.trophy-top{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#f1e8ff,#fff6cc);border-radius:16px;padding:8px 12px}.trophy-top img{width:54px}.trophy-top b{display:block;font:800 18px var(--display)}.trophy-top small{font-size:12px;font-weight:700;color:#6b5540}.badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.badge-card{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;border-radius:16px;padding:8px 4px;background:#f1f5f9;box-shadow:0 2px #d6e6f5}.badge-card img{width:46px;height:46px;object-fit:contain}.badge-card.t0 img{filter:grayscale(1);opacity:.45}.badge-card.t1{background:#fbe9d7}.badge-card.t2{background:#eef2f6;box-shadow:0 2px #b8c4d0}.badge-card.t3{background:linear-gradient(180deg,#fffbe0,#ffe27a);box-shadow:0 2px #e0b030}.badge-card b{font-size:12px;line-height:1.15}.badge-card small{font-size:10.5px;font-weight:700;color:#6b5540;line-height:1.2}.stars{font-size:14px;color:#f0a500;letter-spacing:1px}.stars i{font-style:normal;color:#c9d3dd}.sidebtns{flex-wrap:wrap;max-width:240px;row-gap:20px}.adslot{margin:0 0 12px;text-align:center;min-height:60px}.adslot:empty{display:none}.adslot small{display:block;font-size:10px;font-weight:700;color:#8a9aac;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 370px){.pill{height:28px;font-size:14px;padding-right:9px}.pill img{width:22px;height:22px}.avatar{width:46px;height:46px}.me .name{font-size:15px}.nav button{font-size:10px}.tile{width:44px;height:44px}.nav .on .tile{width:54px;height:54px}.grid3{gap:6px}.row{gap:7px;padding:7px 8px}.row img.ic{width:40px;height:40px}}@media (max-height: 520px){.nav{height:62px;font-size:10px}.nav button{flex-direction:row;gap:5px;justify-content:center}.tile,.nav .on .tile{width:40px;height:40px;margin-top:0}.tile img{width:28px;max-height:28px}.sheet{max-height:94%}.guide{bottom:calc(72px + var(--safe-b))}.zoomctl,.gjump{bottom:calc(76px + var(--safe-b))}.zoomctl,.gjump{flex-direction:row}.toasts{top:calc(max(10px,var(--safe-t)) + 62px);left:30%;right:30%}.sidebtns small{display:none}}@media (min-width: 900px) and (min-height: 700px){:root{--panel: 620px}.grid3{grid-template-columns:repeat(4,minmax(0,1fr))}.zoomctl button,.gjump button{width:46px;height:46px}}@media (hover: hover){.plot:hover .base{filter:brightness(1.06) drop-shadow(0 3px 2px rgba(40,60,10,.22))}.btn:not([disabled]):hover{filter:brightness(1.06)}.critter:hover .body{filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}}