:root{--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--ink:#26352b;--accent:#ff5c9d;--amber:#ffb53d;--mint:#e4ebe0;--mint-deep:#d5dfd0;--glass:#14321e6b;--glass-strong:#14321e9e;--glass-edge:#ffffff29;--panel:#fffffff0;--pop:cubic-bezier(.2, .9, .3, 1.25)}html,body{height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#cfe9f5;margin:0;overflow:hidden}button,input{font-family:inherit}#app,#app canvas{touch-action:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;color:#fff;position:fixed;inset:0}.hud-chip,.hud-button,.help,.camp-hint,.camp-chip,.inventory,.region-banner{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);color:#fff;box-sizing:border-box}.hud-button:focus-visible,.camp-chip:focus-visible,.inv-item:focus-visible,.build-card:focus-visible,.build-tabs button:focus-visible,.build-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hud-corner{align-items:center;gap:6px;display:flex;position:fixed;top:14px;left:16px}#hud .title{letter-spacing:.5px;text-shadow:0 1px 3px #00000059;margin-right:6px;font-size:26px;font-weight:800;line-height:36px}.hud-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 13px 0 9px;font-size:14px;font-weight:700;display:inline-flex}.hud-chip .icon,.hud-button .icon{--icon-size:20px}.hud-buttons{gap:6px;display:flex;position:fixed;top:14px;right:16px}.hud-button{height:36px;font:700 14px var(--font);pointer-events:auto;cursor:pointer;transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s var(--pop);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px 0 10px;display:inline-flex}.hud-button.icon-only{width:36px;padding:0}.hud-button:hover{background:var(--glass-strong)}.hud-button:active{transform:scale(.93)}.hud-button.active{color:var(--ink);background:#fff;border-color:#fff}.help{border-radius:18px;grid-template-columns:auto auto;align-items:center;gap:6px 12px;padding:12px 18px 12px 12px;font-size:13px;font-weight:600;transition:opacity .25s,transform .25s,visibility .25s;display:grid;position:fixed;top:60px;left:16px}.help.hidden{opacity:0;visibility:hidden;transform:translateY(-6px)}.help .keys{justify-content:flex-end;gap:3px;display:flex}kbd{text-align:center;background:#ffffff3d;border-radius:6px;min-width:10px;padding:1px 6px;font-family:inherit;font-size:12px;font-weight:800;line-height:18px;display:inline-block}.joystick{touch-action:none;background:#ffffff2e;border:2px solid #ffffff73;border-radius:50%;width:130px;height:130px;position:fixed;bottom:28px;left:28px}.joystick .knob{background:#ffffffbf;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0003}.jump-button,.action-button{color:#fff;touch-action:none;border:2px solid #fff9;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.jump-button{background:#ff8cbe99;width:84px;height:84px;bottom:40px;right:32px}.jump-button .icon{--icon-size:40px}.action-button{background:#ffbe5a99;width:68px;height:68px;bottom:96px;right:124px}.action-button .icon{--icon-size:36px}.minimap{width:150px;height:150px;box-shadow:0 0 0 4px var(--glass), 0 6px 18px #00000040;border:2px solid #ffffffe6;border-radius:50%;transition:opacity .3s,transform .3s;position:fixed;top:62px;right:16px}.minimap.hidden{opacity:0;transform:scale(.92)}.region-banner{font:800 24px var(--font);letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:8px 22px;transition:opacity .5s,transform .5s;display:flex;position:fixed;top:18%;left:50%;transform:translate(-50%,-8px)}.region-banner .icon{--icon-size:30px}.region-banner .icon-star{--icon-size:22px;margin-left:-6px}.region-banner.show{opacity:1;transform:translate(-50%)}body.creating .region-banner{display:none}@media (pointer:coarse){.help,#toggle-help{display:none}}@media (width<=760px){.minimap{width:104px;height:104px}#hud .title{font-size:22px}.hud-button .label{display:none}.hud-button{width:36px;padding:0}}@media (width<=480px){.hud-chip .label{display:none}.hud-chip{justify-content:center;width:36px;padding:0}}.camp-bar{pointer-events:none;color:#fff;z-index:5;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:14px;left:8px;right:8px}.camp-hint{text-align:center;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}.camp-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.camp-chip{background:var(--glass-strong);min-height:40px;font:800 15px var(--font);white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background .15s ease, transform .15s var(--pop);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 9px;display:flex}.camp-chip:hover{background:#14321ec2}.camp-chip:active{transform:scale(.96)}.camp-chip.primary{background:var(--accent);border-color:#0000;box-shadow:0 4px 14px #ff5c9d66}.camp-chip.primary:hover{background:#ff4a92}.camp-chip.off,.camp-chip.off:hover{box-shadow:none;background:#46504ab3;border-color:#0000}.camp-chip kbd{min-width:12px;padding:2px 7px}.cost{flex-wrap:wrap;justify-content:center;gap:3px 7px;display:inline-flex}.cost>span{align-items:center;gap:2px;display:inline-flex}.cost .icon{--icon-size:20px}.camp-chip .cost>span.short{color:#ffd9d2;-webkit-text-decoration:underline wavy #ffffffb3;text-decoration:underline wavy #ffffffb3}.camp-meter{background:var(--glass-strong);border-radius:999px;width:min(320px,100vw - 48px);height:22px;position:relative;overflow:visible;box-shadow:0 0 0 3px #ffffff8c}.camp-meter[hidden],.camp-buff[hidden]{display:none}.camp-meter .zone{background:#ffd45c;border-radius:999px;position:absolute;top:0;bottom:0}.camp-meter .mark{background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-5px;bottom:-5px;box-shadow:0 0 6px #ffffffe6}.camp-meter .pips{color:#ffd45c;white-space:nowrap;text-shadow:0 1px 3px #00000080;margin-left:10px;font-size:16px;line-height:22px;position:absolute;top:0;left:100%}.camp-meter.fill{background:linear-gradient(90deg, #ff8a3c var(--fill), var(--glass-strong) var(--fill))}.camp-meter.fill .zone,.camp-meter.fill .mark{display:none}.camp-buff{color:#3a2a10;background:#ffb53deb;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 6px;font-size:13px;font-weight:800;display:inline-flex}.camp-buff .icon{--icon-size:20px}.inventory{border-radius:19px;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;display:flex}.inv-item{background:#ffffff1a;border-radius:14px;place-items:center;width:44px;height:44px;transition:opacity .2s,background .15s;display:grid;position:relative}.inv-item .icon{--icon-size:30px;filter:drop-shadow(0 1px 1px #0000004d)}.inv-item b{color:#fff;text-align:center;box-sizing:border-box;background:#122218d1;border-radius:999px;min-width:17px;padding:0 4px;font-size:11px;font-weight:800;line-height:17px;position:absolute;bottom:1px;right:1px}.inv-item.empty{opacity:.45}.inv-item.empty b{display:none}button.inv-item.food{font:inherit;color:inherit;pointer-events:auto;cursor:pointer;background:#ffb53d42;border:none;padding:0;box-shadow:inset 0 0 0 1.5px #ffb53dbf}button.inv-item.food:hover{background:#ffb53d80}.inv-item.bump{animation:.35s ease-out inv-bump}@keyframes inv-bump{35%{transform:translateY(-9px)scale(1.25)}}.build-menu{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(660px,100vw - 24px);max-height:min(66vh,540px);color:var(--ink);box-sizing:border-box;z-index:6;animation:panel-in .22s var(--pop);border-radius:24px;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:132px;left:0;right:0;overflow:hidden;box-shadow:0 12px 40px #00000040}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.build-menu[hidden],.camp-dialog[hidden],.camp-hint[hidden],.camp-swatches[hidden],.inv-item[hidden],.cozy[hidden],.build-tabs[hidden]{display:none}.menu-head{flex:none;padding:12px 14px 0}.menu-top{align-items:center;gap:14px;min-height:32px;display:flex}.build-menu h2,.camp-dialog h2{white-space:nowrap;margin:0 0 0 4px;font-size:20px;font-weight:800}.build-close{background:var(--mint);width:32px;height:32px;color:var(--ink);cursor:pointer;transition:background .15s ease, transform .15s var(--pop);border:none;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.build-close:hover{background:var(--mint-deep)}.build-close:active{transform:scale(.9)}.build-close .icon{--icon-size:16px}.cozy{flex:1;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:700;display:flex}.cozy b{color:#b06f08;white-space:nowrap;align-items:center;gap:1px;font-weight:800;display:inline-flex}.cozy b .icon{--icon-size:15px}.cozy b .icon:last-of-type{margin-right:4px}.cozy i{background:linear-gradient(90deg, var(--amber) var(--fill), var(--mint) var(--fill));border-radius:999px;flex:1;min-width:24px;height:8px}.cozy span{opacity:.65;white-space:nowrap}.build-tabs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.build-tabs button{background:var(--mint);height:32px;color:var(--ink);font:800 13px var(--font);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;transition:background .15s,color .15s;display:inline-flex}.build-tabs button:hover{background:var(--mint-deep)}.build-tabs button.active{background:var(--ink);color:#fff}.build-tabs .icon{--icon-size:18px}.menu-body{flex:1;min-height:0;padding:10px 14px 14px;overflow-y:auto}.build-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:8px;display:grid}.build-card{color:var(--ink);font:700 12px var(--font);text-align:center;cursor:pointer;transition:transform .15s var(--pop), border-color .15s ease, box-shadow .15s ease;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:5px 5px 9px;display:flex;box-shadow:0 1px 2px #26352b1a}.build-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 14px #26352b24}.build-card>img,.build-card>i{aspect-ratio:1.25;object-fit:contain;background:linear-gradient(#dcecf7,#e7f1dc);border-radius:11px;width:100%}.build-card>i{place-items:center;display:grid}.build-card>i .icon{--icon-size:46px;filter:drop-shadow(0 2px 2px #26352b2e)}.build-card img:not([src]){visibility:hidden}.build-card .name{font-size:14px;font-weight:800}.build-card.short>img,.build-card.short>i .icon{filter:grayscale(.7);opacity:.6}.build-card .cost>span.short{color:#c2413b}.build-card .cost.lock{flex-wrap:nowrap;align-items:center;gap:3px}.build-card .cost.lock .icon{--icon-size:15px}.build-card.tool .cost{opacity:.6}.build-card.selected{border-color:var(--accent)}.build-card.locked>img,.build-card.locked>i .icon{filter:grayscale();opacity:.35}.build-card.locked .name,.build-card .note{opacity:.55}.build-card .note{font-size:11px;font-weight:600}.build-card.page{cursor:default}.build-card.page:hover{border-color:#0000;transform:none;box-shadow:0 1px 2px #26352b1a}.build-card.unknown>img{filter:brightness(0)opacity(.2);background:0 0}.build-card.unknown>i{background:0 0}.build-card.unknown>i .icon{filter:brightness(0)opacity(.2)}.build-card.unknown .name{opacity:.4}.build-card .stars{gap:1px;display:inline-flex}.build-card .stars .icon{--icon-size:16px}.build-card.tier-0>i .icon{filter:grayscale();opacity:.4}.build-card.tier-3{background:linear-gradient(#fff,#fff3d6)}.knot{flex-direction:column;gap:8px;min-height:250px;display:flex}.knot-say{margin:0 4px;font-size:15px;font-weight:800}.knot-steps{min-height:132px;margin:0;padding-left:30px;font-size:15px;font-weight:700;line-height:1.75}.knot-steps li.show{animation:.35s ease-out knot-in}@keyframes knot-in{0%{opacity:0;transform:translate(-10px)}}.knot-choices{flex-wrap:wrap;gap:8px;display:flex}.knot-choices button{background:var(--mint);color:var(--ink);font:800 14px var(--font);cursor:pointer;border:none;border-radius:999px;padding:9px 14px;transition:background .15s}.knot-choices button:disabled{opacity:.35}.knot-choices button.wrong{background:#ffd1cc}.knot-choices button.knot-back{background:var(--ink);color:#fff}.camp-swatches{background:var(--panel);pointer-events:auto;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:min(560px,100vw - 24px);padding:8px 12px;display:flex;box-shadow:0 6px 20px #0003}.camp-swatches button{cursor:pointer;width:30px;height:30px;transition:transform .15s var(--pop);border:2px solid #00000024;border-radius:50%;padding:0}.camp-swatches button:hover{transform:scale(1.12)}.camp-swatches button.selected{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--accent)}.camp-swatches button.done,.camp-swatches button.done:hover{background:var(--ink);color:#fff;width:auto;font:800 13px var(--font);border:none;border-radius:999px;margin-left:6px;padding:0 14px;transform:none}.camp-fade{opacity:0;pointer-events:none;z-index:9;background:#060a18;transition:opacity .8s;position:fixed;inset:0}.camp-fade.show{opacity:1}.camp-toast{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:7;background:#1c2a21d6;border-radius:22px;width:fit-content;margin:0 auto;padding:8px 18px;font-size:15px;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;top:27%;left:16px;right:16px;transform:translateY(-6px)}.camp-toast.show{opacity:1;transform:none}.camp-dialog{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(320px,100vw - 32px);color:var(--ink);box-sizing:border-box;z-index:8;animation:panel-in .22s var(--pop);border-radius:24px;margin:0 auto;padding:16px 18px;position:fixed;top:30%;left:0;right:0;box-shadow:0 12px 40px #0000004d}.camp-dialog h2{margin:0 0 12px 2px}.camp-dialog input{width:100%;font:700 18px var(--font);color:var(--ink);box-sizing:border-box;-webkit-user-select:text;user-select:text;border:2px solid #cfd8cf;border-radius:12px;padding:10px 14px;transition:border-color .15s}.camp-dialog input:focus{border-color:var(--accent);outline:none}.camp-dialog .buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.camp-dialog button{background:var(--mint);color:var(--ink);font:800 15px var(--font);cursor:pointer;border:none;border-radius:999px;padding:9px 18px}.camp-dialog button.primary{background:var(--accent);color:#fff}@media (pointer:coarse){.camp-chip{padding-left:16px}.camp-chip kbd{display:none}}@media (width<=760px){.camp-bar{bottom:178px}.build-menu{max-height:62vh;bottom:12px}.inv-item{width:40px;height:40px}.inv-item .icon{--icon-size:27px}.cozy span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.creating #hud,body.creating .joystick,body.creating .jump-button,body.creating .action-button,body.creating .camp-bar,body.creating .build-menu,body.creating .camp-toast,body.creating .camp-fade,body.creating .camp-dialog{display:none}.creator{pointer-events:none;z-index:10;position:fixed;inset:0}.creator[hidden]{display:none}.cc-hint{color:#fff;background:#14321e66;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:18px;left:20px}.cc-panel{width:min(400px,100vw - 32px);color:var(--ink);pointer-events:auto;background:#ffffffed;border-radius:22px;flex-direction:column;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 10px 40px #00000040}.cc-panel h1{margin:16px 20px 10px;font-size:22px;font-weight:800}.cc-tabs{gap:6px;padding:0 14px;display:flex}.cc-tab{color:var(--ink);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:12px 12px 0 0;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 2px 7px;font-family:inherit;display:flex}.cc-tab .icon{--icon-size:26px}.cc-tab span{font-size:11px;font-weight:700}.cc-tab.active{opacity:1;background:#f1f5ee}.cc-loading{text-align:center;opacity:.6;padding:40px 0;font-weight:700}.cc-sliders{gap:4px;margin-top:8px;display:grid}.cc-body{background:#f1f5ee;flex:1;min-height:0;padding:4px 16px 12px;overflow-y:auto}.cc-section h3{letter-spacing:.4px;text-transform:uppercase;opacity:.6;margin:12px 2px 8px;font-size:13px;font-weight:800}.cc-grid{grid-template-columns:repeat(var(--cols,4), 1fr);gap:8px;display:grid}.cc-card{color:var(--ink);cursor:pointer;background:#fff;border:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;padding:3px 3px 5px;font:700 12px inherit;transition:transform .12s,border-color .12s;display:flex}.cc-card:hover{transform:translateY(-2px)}.cc-card.selected{border-color:var(--accent)}.cc-card img{aspect-ratio:1;object-fit:cover;background:linear-gradient(#dcecf7,#e7f1dc);border-radius:10px;width:100%;display:block}.cc-card img.pending{animation:1.1s ease-in-out infinite cc-pulse}.cc-card img:not([src]){visibility:hidden}@keyframes cc-pulse{50%{opacity:.45}}.cc-card span{margin-top:4px}.cc-swatches{flex-wrap:wrap;gap:8px;display:flex}.cc-swatch{cursor:pointer;border:2px solid #0000001f;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .12s;position:relative}.cc-swatch:hover{transform:scale(1.1)}.cc-swatch.selected{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--accent)}.cc-swatch.original{background:repeating-linear-gradient(45deg,#fff 0 5px,#cfd8cf 5px 10px)}.cc-swatch.custom{background:conic-gradient(#f25c54,#f4d35e,#3aa66b,#3b8fd6,#8e5bd6,#ff6fa8,#f25c54);display:inline-block;overflow:hidden}.cc-swatch.custom input{opacity:0;cursor:pointer;width:150%;height:150%;position:absolute;inset:-8px}.cc-swatch.custom i{pointer-events:none;border-radius:50%;position:absolute;inset:7px}.cc-slider{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.cc-slider span{opacity:.75;width:72px}.cc-slider input{accent-color:var(--accent);flex:1}.cc-actions{gap:10px;padding:12px 16px 16px;display:flex}.cc-actions button{cursor:pointer;border:none;border-radius:999px;font:800 16px inherit}.cc-secondary{color:var(--ink);background:#e4ebe0;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.cc-play{background:var(--accent);color:#fff;flex:1;padding:12px 16px;box-shadow:0 4px 12px #ff5c9d66;font-size:18px!important}@media (width<=760px){.cc-panel{width:auto;height:56vh;inset:auto 8px 8px}.cc-panel h1{display:none}.cc-tabs{padding-top:8px}.cc-hint{display:none}}.boot{z-index:100;box-sizing:border-box;color:var(--ink);background:linear-gradient(#7cc4ee,#cfe9f5 62%,#e9f4e2);place-items:center;padding:16px;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0;overflow:auto}body.booting #hud{visibility:hidden}.boot.leaving{opacity:0;visibility:hidden;pointer-events:none}.boot-hills{pointer-events:none;background:radial-gradient(70% 92% at 22% 100%,#8fc866 0 99%,#0000 100%),radial-gradient(80% 78% at 78% 100%,#a9d77f 0 99%,#0000 100%);height:34vh;position:absolute;inset:auto 0 0}.boot-card{background:var(--panel);box-sizing:border-box;width:min(360px,100%);animation:panel-in .22s var(--pop);border-radius:24px;padding:22px 22px 20px;position:relative;box-shadow:0 12px 40px #14321e40}.boot-title{letter-spacing:.5px;text-align:center;margin:0 0 16px;font-size:34px;font-weight:800}.boot-bar{background:var(--mint);border-radius:999px;height:12px;overflow:hidden}.boot-fill{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .2s}.boot-bar.pulsing .boot-fill{width:100%;animation:1.2s ease-in-out infinite alternate boot-pulse}@keyframes boot-pulse{0%{opacity:.35}}.boot-line{text-align:center;opacity:.7;margin:12px 0 2px;font-size:14px;font-weight:700}.boot-tabs{background:var(--mint);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.boot-tabs button{color:var(--ink);font:800 15px var(--font);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 0}.boot-tabs button.active{background:#fff;box-shadow:0 1px 4px #14321e2e}.boot-form{gap:12px;display:grid}.boot-field{gap:5px;font-size:13px;font-weight:800;display:grid}.boot-field small{opacity:.65;font-size:12px;font-weight:600}.boot-field input{width:100%;color:var(--ink);font:700 17px var(--font);box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #cfd8cf;border-radius:12px;padding:10px 14px;transition:border-color .15s}.boot-field input:focus{border-color:var(--accent);outline:none}.boot-error{color:#c2274f;text-align:center;margin:0;font-size:14px;font-weight:700}.boot-error:empty{display:none}.boot-go{background:var(--accent);color:#fff;width:100%;font:800 17px var(--font);cursor:pointer;transition:transform .15s var(--pop), opacity .15s ease;border:none;border-radius:999px;padding:12px 16px;box-shadow:0 4px 12px #ff5c9d66}.boot-go:active{transform:scale(.97)}.boot-go:disabled{opacity:.6;cursor:default}.boot-card>.boot-go{margin-top:14px}.boot-tabs button:focus-visible,.boot-go:focus-visible,.account-panel button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.account-button .label{text-overflow:ellipsis;max-width:14ch;overflow:hidden}.account-button.trouble{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.account-panel{background:var(--panel);width:min(280px,100vw - 32px);color:var(--ink);box-sizing:border-box;pointer-events:auto;z-index:9;animation:panel-in .22s var(--pop);border-radius:18px;gap:2px;padding:14px 16px;display:grid;position:fixed;top:60px;left:16px;box-shadow:0 12px 40px #0000004d}.account-panel[hidden],.account-panel button[hidden]{display:none}.account-panel strong{font-size:18px;font-weight:800}.account-email{text-overflow:ellipsis;opacity:.65;font-size:13px;font-weight:600;overflow:hidden}.account-status{margin:10px 0 0;font-size:13px;font-weight:600;line-height:1.35}.account-panel .buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.account-panel button{background:var(--mint);color:var(--ink);font:800 14px var(--font);cursor:pointer;border:none;border-radius:999px;padding:8px 16px}.account-panel button.primary{background:var(--accent);color:#fff}@media (prefers-reduced-motion:reduce){.boot-bar.pulsing .boot-fill{opacity:.6;animation:none}}@media (width<=480px){.account-button{position:fixed;top:56px;left:16px}.account-panel{top:100px}}