@font-face{font-family:Pixelify;src:url(../fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--panel:#140f0ce8;--panel-solid:#150f0c;--panel-2:#1d1612;--panel-3:#2a1f19;--line:#3a2c22;--trim:#a9843c;--trim-hi:#e2c070;--trim-lo:#5e4722;--text:#efe6d2;--muted:#b5a891;--dim:#85796a;--good:#5fd3a2;--bad:#ff7d6e;--gold:#ffd86b;--hp:#d9453a;--hp-hi:#ff7a63;--sp:#3e86d9;--sp-hi:#7fb8ff;--exp:#e8b84a;--job:#6ab4ff;--display:"Pixelify", "Trebuchet MS", sans-serif;--ink:#120d0b;--amber:#c9a45c;--amber-hi:#ffd98a;--hair:#c9a45c38;--ornament-corners:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg transform='rotate(0 9 9)' fill='none' stroke='%23c9a45c'%3E%3Cpath d='M1 17V7Q1 1 7 1H17' stroke-width='1.1'/%3E%3Cpath d='M4.5 13V8Q4.5 4.5 8 4.5H13' stroke-opacity='.45'/%3E%3Ccircle cx='4.6' cy='4.6' r='1.4' fill='%23c9a45c' stroke='none'/%3E%3C/g%3E%3C/svg%3E") left top / 18px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg transform='rotate(90 9 9)' fill='none' stroke='%23c9a45c'%3E%3Cpath d='M1 17V7Q1 1 7 1H17' stroke-width='1.1'/%3E%3Cpath d='M4.5 13V8Q4.5 4.5 8 4.5H13' stroke-opacity='.45'/%3E%3Ccircle cx='4.6' cy='4.6' r='1.4' fill='%23c9a45c' stroke='none'/%3E%3C/g%3E%3C/svg%3E") right top / 18px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg transform='rotate(270 9 9)' fill='none' stroke='%23c9a45c'%3E%3Cpath d='M1 17V7Q1 1 7 1H17' stroke-width='1.1'/%3E%3Cpath d='M4.5 13V8Q4.5 4.5 8 4.5H13' stroke-opacity='.45'/%3E%3Ccircle cx='4.6' cy='4.6' r='1.4' fill='%23c9a45c' stroke='none'/%3E%3C/g%3E%3C/svg%3E") left bottom / 18px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg transform='rotate(180 9 9)' fill='none' stroke='%23c9a45c'%3E%3Cpath d='M1 17V7Q1 1 7 1H17' stroke-width='1.1'/%3E%3Cpath d='M4.5 13V8Q4.5 4.5 8 4.5H13' stroke-opacity='.45'/%3E%3Ccircle cx='4.6' cy='4.6' r='1.4' fill='%23c9a45c' stroke='none'/%3E%3C/g%3E%3C/svg%3E") right bottom / 18px no-repeat;--ornament-divider:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cg fill='none' stroke='%23c9a45c'%3E%3Cpath d='M20 6.4a1.3 1.3 0 1 1 1.3-1.3a2.6 2.6 0 0 1-2.6 2.6a3.9 3.9 0 0 1-3.9-3.9' stroke-width='1.1'/%3E%3Cpath d='M2 6H12M28 6H38' stroke-opacity='.6'/%3E%3C/g%3E%3Ccircle cx='2' cy='6' r='1' fill='%23c9a45c'/%3E%3Ccircle cx='38' cy='6' r='1' fill='%23c9a45c'/%3E%3C/svg%3E");--body:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--text);-webkit-user-select:none;user-select:none;background:#0f0c12;margin:0;overflow:hidden}#stage,#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block}#ui{pointer-events:none;font-size:15px;line-height:1.35;position:fixed;inset:0}#ui button,#ui input,#ui .win,#ui .slot,#ui .menu,#ui .minimap-frame,#ui .tracker,#ui .title,#ui .loading,#ui .fatal,#ui a,#ui .cf-portrait,#ui .status,#ui .dock{pointer-events:auto}img,canvas{image-rendering:pixelated}.ico{width:32px;height:32px;display:block}.ico.big{width:48px;height:48px}.ico.tiny{vertical-align:middle;width:18px;height:18px;display:inline-block}b{font-weight:600}.panel,.win{border:1px solid var(--hair);background:linear-gradient(#17110ef2,#0d0908f4);border-radius:3px;position:relative;box-shadow:0 18px 50px #000c}.panel:before,.win:before{content:"";pointer-events:none;background:var(--ornament-corners);opacity:.85;position:absolute;inset:4px}.btn{font-family:var(--display);letter-spacing:.3px;color:var(--text);border:1px solid var(--hair);cursor:pointer;background:#ffffff05;border-radius:3px;padding:6px 14px;font-size:15px;transition:background .12s,border-color .12s,color .12s,text-shadow .12s}.btn:hover:not(:disabled),.btn.kb{color:#fff;text-shadow:0 0 8px #c9a45c66;background:#c9a45c14;border-color:#c9a45caa}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.small{padding:3px 10px;font-size:14px}.btn.tiny{min-width:26px;padding:0 8px;font-size:14px;line-height:22px}.btn.on{color:#dffff0;background:#5fd3a214;border-color:#5fd3a288}.btn.primary{color:var(--amber-hi);background:#c9a45c1f;border-color:#c9a45c99}.btn.primary:hover:not(:disabled),.btn.primary.kb{color:#fff4d0;background:#c9a45c33}.btn.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.btn.opt{text-align:left;background:#ffffff04;border-color:#0000;width:100%;margin:3px 0;padding:7px 12px;font-size:15px;display:block}.btn.opt:hover:not(:disabled),.btn.opt.kb{border-color:var(--hair)}.btn.opt.good{color:var(--good)}.btn.opt.quest{color:var(--gold)}.btn.opt.bye{color:var(--muted)}.btn.opt.off{opacity:.45}.win{flex-direction:column;min-width:260px;max-height:calc(100vh - 16px);padding:0 0 14px;display:flex;position:absolute}.win-head{cursor:move;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 12px 20px;display:flex;position:relative}.win-head:after{content:"";background:var(--ornament-divider) center / 40px 12px no-repeat, linear-gradient(90deg, transparent, var(--hair) 20%, var(--hair) 80%, transparent) center / 100% 1px no-repeat;pointer-events:none;height:12px;position:absolute;bottom:0;left:16px;right:16px}.win-title{font-family:var(--display);color:var(--amber-hi);letter-spacing:.8px;text-shadow:0 2px #000;font-size:19px}.win-close{width:30px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.win-close:hover{color:var(--amber-hi)}.win-body{scrollbar-width:thin;scrollbar-color:#c9a45c44 transparent;max-height:calc(100vh - 90px);padding:12px 18px 0;overflow:hidden auto}.sec{font-family:var(--display);color:var(--amber-hi);background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;margin:14px 0 6px;padding-bottom:4px;font-size:16px}.sec:first-child{margin-top:2px}.sub{font-family:var(--display);color:var(--muted);letter-spacing:.5px;margin:10px 0 4px;font-size:13px}.note{color:var(--muted);margin:6px 0;font-size:13px}.note.good{color:var(--good)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.row.foot{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:14px}.tabs{background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;gap:2px;margin-bottom:10px;display:flex}.tab{font-family:var(--display);cursor:pointer;color:var(--muted);background:0 0;border:none;padding:5px 12px 7px;font-size:14px}.tab:hover{color:var(--text)}.tab.on{color:var(--amber-hi);box-shadow:inset 0 -2px 0 var(--amber)}[data-nav].kb{outline-offset:-1px;background:#c9a45c10;outline:1px solid #c9a45c88}.slot{cursor:pointer;border:1px solid var(--hair);background:radial-gradient(circle at 50% 40%,#231a14,#0f0b09);border-radius:3px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0008}.slot.empty{cursor:default;opacity:.6}.slot:hover:not(.empty){border-color:#c9a45c99}.slot .count{font-family:var(--display);color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:13px;position:absolute;bottom:1px;right:3px}.slot .cards{color:#c890ff;font-size:10px;position:absolute;top:1px;left:4px}.slot.r1{border-color:#3f7a45}.slot.r2{border-color:#3f6fa8;box-shadow:inset 0 0 8px #5ab0ff33}.slot.r3{border-color:#8a4fc0;box-shadow:inset 0 0 8px #c27bff44}.slot.r4{border-color:#c08a30;box-shadow:inset 0 0 10px #ffb34755}.grid{gap:3px;display:grid}.grid.g8{grid-template-columns:repeat(8,44px)}.tooltip{z-index:99999;max-width:320px;color:var(--text);border:1px solid var(--trim);font-family:var(--body);pointer-events:none;background:#0f0b13f5;border-radius:5px;padding:8px 10px;font-size:14px;line-height:1.4;display:none;position:fixed;box-shadow:0 6px 18px #000c}.tooltip b{color:var(--trim-hi)}.tip-head{align-items:center;gap:10px;display:flex}.tip-name{font-family:var(--display);font-size:16px}.tip-kind{color:var(--muted);text-transform:capitalize;font-size:12px}.tip-bonus{color:var(--good);margin-top:6px}.tip-sockets{color:#c890ff}.tip-desc{color:#ddd2bb;margin-top:6px}.tip-foot{color:var(--dim);margin-top:6px;font-size:12px}.tip-hint{color:var(--sp-hi);margin-top:4px;font-size:12px}.hud{position:absolute;inset:0}.hud:before{content:"";pointer-events:none;background:radial-gradient(#0000 60%,#0005 100%);position:absolute;inset:0}.dock{box-shadow:none;background:0 0;border:none}.hud-tl{position:absolute;top:14px;left:18px}.hud-bl{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:14px;left:16px}.char-frame{text-shadow:0 1px #000,0 0 6px #000;align-items:center;gap:12px;width:330px;padding:0;display:flex}.cf-portrait{cursor:pointer;border:1px solid var(--amber);width:76px;height:76px;box-shadow:0 0 0 3px #000a, 0 0 0 4px var(--hair), 0 4px 14px #000c;background:radial-gradient(circle at 50% 45%,#3a4630,#120f0c 72%);border-radius:50%;flex:none;position:relative;overflow:visible}.cf-portrait canvas{width:64px;height:64px;position:absolute;top:6px;left:6px}.cf-lvl{border:1px solid var(--amber);min-width:26px;height:26px;color:var(--amber-hi);font-family:var(--display);text-align:center;text-shadow:none;background:#120d0b;border-radius:13px;padding:0 5px;font-size:14px;line-height:24px;position:absolute;bottom:-4px;right:-6px}.cf-body{flex:1;min-width:0}.cf-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.cf-name{font-family:var(--display);color:#fff;text-shadow:0 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.cf-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cf-meta{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:12px;display:flex}.cf-meta .z{color:var(--gold);font-family:var(--display);font-size:13px}.cf-meta .heavy{color:var(--bad)}.bar{height:14px;box-shadow:0 0 0 1px var(--hair);background:#0a0706cc;border:1px solid #000;border-radius:2px;margin:3px 0;position:relative;overflow:hidden}.bar.spbar{height:13px}.bar.big{height:20px}.bar-fill{transition:width .25s;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -3px #0004,inset 0 2px #fff3}.bar-fill.hp{background:linear-gradient(180deg, var(--hp-hi), var(--hp))}.bar-fill.hp.low{animation:.6s infinite alternate pulse}.bar-fill.sp{background:linear-gradient(180deg, var(--sp-hi), var(--sp))}.bar-fill.boss{background:linear-gradient(#d86bff,#8a2fc0)}.bar-text{text-align:center;font-family:var(--display);color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000,1px 0 #000;font-size:12px;line-height:15px;position:absolute;inset:0}.spbar .bar-text{font-size:11px;line-height:12px}.big .bar-text{font-size:13px;line-height:19px}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.6)}}.exp{margin-top:4px;position:relative}.exp-bar{background:#07050a;border-radius:2px;height:4px;margin-top:2px;overflow:hidden}.exp-fill{height:100%;transition:width .3s}.exp-fill.base{background:linear-gradient(90deg, #b8862a, var(--exp))}.exp-fill.job{background:linear-gradient(90deg, #2f6fb8, var(--job))}.exp-text{color:var(--dim);margin-top:1px;font-size:11px}.statuses{flex-wrap:wrap;gap:4px;width:330px;padding:0 0 0 8px;display:flex}.statuses:empty{display:none}.status{background:#000a;border:1px solid #5fd3a266;border-radius:50%;width:28px;height:28px;position:relative}.status.bad{border-color:var(--bad)}.status img{width:28px;height:28px}.status span{font-family:var(--display);color:#fff;text-shadow:1px 1px #000,-1px 0 #000;font-size:12px;position:absolute;bottom:-3px;right:1px}.hud-tc{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.boss-frame{text-align:center;width:500px}.boss-name{font-family:var(--display);color:#f0b8ff;text-shadow:2px 2px #000;margin-bottom:2px;font-size:20px}.zone-banner{text-align:center;opacity:0;color:#fff;text-shadow:3px 3px #000,0 0 16px #000;pointer-events:none;position:absolute;top:24%;left:50%;transform:translate(-50%)}.zb-name{font-family:var(--display);letter-spacing:3px;color:var(--trim-hi);font-size:48px}.zb-sub{color:#f0e6d2;font-size:17px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex}.toast{text-shadow:0 1px #000;background:radial-gradient(#0d0908e8 40%,#0d090800 100%);align-items:center;gap:10px;min-width:280px;max-width:400px;padding:8px 18px 12px;display:flex;position:relative}.toast:after{content:"";background:var(--ornament-divider) center / 40px 12px no-repeat, linear-gradient(90deg, transparent, var(--hair), transparent) center / 100% 1px no-repeat;height:12px;position:absolute;bottom:0;left:20%;right:20%}.toast .ico{width:28px;height:28px}.toast-title{font-family:var(--display);color:var(--trim-hi);font-size:16px}.toast-body{color:var(--text);font-size:13px}.hud-tr{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:12px;right:14px}.menu{gap:2px;display:flex}.menu-btn{cursor:pointer;filter:drop-shadow(0 2px 2px #000);background:0 0;border:1px solid #0000;border-radius:50%;width:38px;height:38px;padding:4px;transition:background .12s,border-color .12s;position:relative}.menu-btn img{filter:grayscale()brightness(1.35)contrast(.9);opacity:.7;transition:filter .15s,opacity .15s}.menu-btn:hover,.menu-btn:focus-visible,.menu-btn.on{border-color:var(--hair);background:radial-gradient(circle,#c9a45c26,#0000 70%)}.menu-btn:hover img,.menu-btn:focus-visible img,.menu-btn.on img{filter:none;opacity:1}.badge{background:var(--hp);color:#fff;min-width:18px;height:18px;font-family:var(--display);text-align:center;border:1px solid #000;border-radius:9px;padding:0 4px;font-size:12px;line-height:16px;position:absolute;top:-5px;right:-4px}.tracker{text-shadow:0 1px #000,0 0 6px #000,0 0 2px #000;flex-direction:column;gap:10px;width:380px;display:flex}.tracker:empty{display:none}.tq{color:var(--text);cursor:pointer;background:var(--ornament-divider) -14px 6px / 44px 13px no-repeat;padding:2px 0 2px 22px;font-size:15px}.tq:hover .tq-name{color:#fff4d0}.tq.ready{border-left-color:var(--good)}.tq-name{font-family:var(--display);color:var(--trim-hi);font-size:17px}.tq-step{color:var(--muted);line-height:1.45}.tracker kbd{font-size:13px}.tq.ready .tq-step{color:var(--good)}.tq.prologue{cursor:default}.tq.prologue .tq-step{color:var(--text);font-size:16px;line-height:1.6}.tq-prog{color:var(--gold);font-family:var(--display)}kbd{min-width:18px;font-family:var(--display);text-align:center;color:var(--trim-hi);border:1px solid var(--hair);background:#1d1612;border-bottom-width:2px;border-radius:3px;margin:0 1px;padding:0 5px;font-size:12px;line-height:17px;display:inline-block}.menu-btn.pulse{border-color:var(--gold);animation:1s ease-in-out infinite btnpulse}@keyframes btnpulse{0%,to{box-shadow:0 0 #ffd86b00}50%{box-shadow:0 0 0 4px #ffd86b88}}.letterbox>div{z-index:50;pointer-events:none;background:#000;height:0;transition:height .6s;position:fixed;left:0;right:0}.lb-top{top:0}.lb-bottom{bottom:0}.letterbox.on>div{height:10vh}.hud-br{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:12px;right:16px}.mm-wrap{position:relative}.minimap-frame{cursor:pointer;border:1px solid var(--amber);width:176px;height:176px;box-shadow:0 0 0 3px #000b, 0 0 0 4px var(--hair), 0 6px 18px #000a;background:#9a864a;border-radius:50%;padding:4px;position:relative;overflow:hidden}.mm-zoom{width:24px;height:24px;font-family:var(--display);color:var(--amber-hi);cursor:pointer;border:1px solid var(--amber);pointer-events:auto;background:#120d0b;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex;position:absolute;right:-6px;box-shadow:0 2px 6px #000a}.mm-zoom:hover{color:#fff;border-color:var(--trim-hi)}.mm-zoom.in{top:16px}.mm-zoom.out{bottom:16px}.minimap{border-radius:50%;width:168px;height:168px;position:absolute;top:3px;left:3px}.mm-clock{font-family:var(--display);color:#fff;background:#000a;border-radius:8px;padding:0 6px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mm-zone{font-family:var(--display);color:var(--amber-hi);text-shadow:0 1px #000,0 0 6px #000;font-size:15px}.mm-blight{font-family:var(--display);color:#c8a8e8;text-shadow:0 1px #000,0 0 6px #000;pointer-events:auto;font-size:13px}.mm-blight.rising{color:#d89aff}.mm-blight.receding{color:#9fe8b0}.mm-blight.bloom{color:#ff9aff;animation:1.6s ease-in-out infinite blightpulse}@keyframes blightpulse{50%{opacity:.55}}.log{width:440px;color:var(--text);flex-direction:column;gap:2px;font-size:14px;display:flex}.log-line{text-shadow:0 1px #000,0 0 6px #000,0 0 2px #000;align-self:flex-start;padding:1px 0;transition:opacity 2s}.log-line.old{opacity:.3}.log-line.loot{color:var(--gold)}.log-line.xp{color:#b8dcff}.log-line.warn{color:var(--bad)}.log-line.quest{color:#c8f0a0}.log-line.level{color:var(--trim-hi)}.log-line.skill{color:#8fe6ff}.hud-bottom{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hotbar{gap:5px;display:flex}.slot.hot{border-color:var(--hair);background:#0d0908c8;border-radius:3px;width:50px;height:50px;box-shadow:0 3px 8px #0009}.slot.hot img{filter:saturate(.75);transition:filter .15s,transform .1s}.slot.hot:hover img{filter:none}.slot.hot.fire{border-color:var(--trim-hi)}.slot.hot.fire img{filter:brightness(1.5);transform:scale(1.1)}.slot.hot.empty{opacity:.45}.slot.hot .key{font-family:var(--display);color:var(--trim-hi);text-shadow:1px 1px #000;z-index:2;font-size:12px;position:absolute;top:1px;left:4px}.slot.hot.nosp img{filter:grayscale(.9)brightness(.6)}.slot.hot .cd{background:conic-gradient(#000c var(--p,0deg), transparent 0);font-family:var(--display);color:#fff;text-shadow:1px 1px #000;border-radius:4px;justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.progress{border:1px solid var(--hair);pointer-events:auto;background:#0a0706d8;border-radius:2px;width:360px;height:18px;margin-top:56px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0008}.progress-fill{background:linear-gradient(#7fe0b8,#2f9a72);height:100%;position:relative}.progress.gather .progress-fill{background:linear-gradient(#7fe0b8,#2f9a72)}.progress-win{background:linear-gradient(#ffe48ab0,#d8a034b0);transition:opacity .15s;display:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #fff3c0,0 0 8px #ffd86b}.progress-win.hit{background:linear-gradient(#fff6c8,#ffd86b);box-shadow:0 0 12px #fff0a0}.progress-win.miss{opacity:.22}.progress.gather{cursor:pointer}.progress.tone-bond .progress-fill{background:linear-gradient(90deg,#ff9ac8,#ff5a9a);height:4px;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #ff7ab8}.progress.tone-bond .progress-win{background:linear-gradient(#b8ffe0d0,#4ac8a0d0);border-radius:2px;top:2px;bottom:5px;box-shadow:inset 0 0 0 1px #e8fff4,0 0 8px #7fffd0}.progress.tone-bond .progress-win.hit{background:linear-gradient(#fff,#b8ffe0)}.progress.tone-cook .progress-fill{background:linear-gradient(#ffb070,#c0502a)}.progress.tone-cook .progress-win{background:linear-gradient(#ffd08acc,#ff7a3acc);box-shadow:0 0 8px #ff9a4a}.progress-marker{background:#fff;width:3px;margin-left:-1px;display:none;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #fff}.progress.perfect{border-color:var(--gold);box-shadow:0 0 14px #ffd86b}.progress.perfect .progress-fill{background:linear-gradient(#ffe48a,#d8a034)}.progress.flash-good{border-color:#fff0a0}.progress.flash-miss{border-color:#c04a3a}.progress-text{text-align:center;font-family:var(--display);color:#fff;text-shadow:1px 1px #000;font-size:13px;line-height:17px;position:absolute;inset:0}.burst{font-family:var(--display);letter-spacing:3px;text-shadow:3px 3px #000,0 0 20px #000;white-space:nowrap;pointer-events:none;font-size:48px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.burst-ring{pointer-events:none;border:4px solid;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:38%;left:50%}.char{grid-template-columns:160px 170px 1fr;gap:14px;display:grid}.equip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.eq-slot{border-radius:5px;flex-direction:column;align-items:center;padding:3px;display:flex}.eq-slot.can-socket{background:#c27bff22;outline:1px dashed #c27bff}.eq-name{font-family:var(--display);color:var(--muted);margin-bottom:2px;font-size:12px}.eq-cards{color:#b98aff;height:16px;font-size:12px}.char-mid{text-align:center}.char-mid .preview{border:2px solid var(--trim-lo);background:radial-gradient(circle,#34402a,#15110f 72%);border-radius:50%;width:150px;height:150px}.char-title{font-family:var(--display);margin-top:4px;font-size:18px}.char-sub{color:var(--muted);font-size:13px}.tiers{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.stat-row{grid-template-columns:42px 1fr 30px 38px;align-items:center;gap:6px;margin:3px 0;display:grid}.stat-k{font-family:var(--display);color:var(--trim-hi);font-size:15px}.stat-v{font-family:var(--display);font-size:15px}.stat-c{color:var(--dim);font-size:12px}.derived{grid-template-columns:1fr 1fr;gap:2px 14px;font-size:13px;display:grid}.dv{border-bottom:1px dotted var(--line);justify-content:space-between;display:flex}.dv span{color:var(--muted)}.ab-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:6px 4px;display:grid}.slot.ab.locked img{filter:grayscale()brightness(.7)}.ab-name{font-family:var(--display);font-size:16px}.rank{color:var(--good);font-size:13px}.ab-desc{font-size:14px}.ab-detail{color:var(--muted);font-size:12px}.sk-row{cursor:pointer;border-radius:5px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:6px;display:grid}.sk-row:hover,.sk-row.open{background:#ffffff0c}.sk-name{font-family:var(--display);font-size:16px}.sk-name b{color:var(--good)}.xpbar{background:#07050a;border-radius:3px;height:6px;margin:3px 0;overflow:hidden}.xpfill{background:linear-gradient(90deg,#2f9a72,#7fe0b8);height:100%}.sk-xp{color:var(--muted);font-size:12px}.unlocks{flex-direction:column;gap:3px;padding:4px 8px 10px 54px;font-size:13px;display:flex}.unlock{opacity:.5;align-items:center;gap:8px;display:flex}.unlock.got{opacity:1}.ul-l{width:44px;color:var(--trim-hi);font-family:var(--display)}.qwrap{grid-template-columns:210px 1fr;gap:14px;min-height:280px;display:grid}.qlist{flex-direction:column;gap:2px;max-height:420px;display:flex;overflow-y:auto}.qitem{cursor:pointer;border-radius:4px;padding:5px 8px;font-size:14px}.qitem:hover{background:#ffffff0c}.qitem.on{color:#fff;background:#a9843c33}.qitem.ready{color:var(--good)}.qchain{width:16px;color:var(--trim-hi);display:inline-block}.qd-name{font-family:var(--display);color:var(--trim-hi);font-size:20px}.qd-meta{color:var(--muted);font-size:12px}.qd-sum{margin:8px 0}.step{color:var(--muted);margin:3px 0;font-size:14px}.step.done{color:var(--good)}.rewards{color:var(--muted);margin:10px 0;font-size:13px;line-height:1.8}.rewards b{color:var(--trim-hi)}.reward-item{color:var(--text);background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;margin-right:8px;padding:0 6px;display:inline-flex}.dialogue .win-body{overflow:visible}.dlg{grid-template-columns:128px 1fr;gap:16px;display:grid}.dlg-portrait .preview{border:2px solid var(--trim-lo);background:radial-gradient(circle,#34402a,#15110f 72%);border-radius:8px;width:120px;height:120px}.dlg-text{cursor:pointer;white-space:pre-wrap;color:#f5ecd8;min-height:72px;font-size:17px;line-height:1.45}.dlg-options{counter-reset:opt;max-height:320px;margin-top:8px;overflow-y:auto}.dlg-options .btn.opt:before{counter-increment:opt;content:counter(opt);text-align:center;width:20px;color:var(--dim);border-right:1px solid var(--line);margin-right:8px;display:inline-block}.shop{flex-direction:column;gap:3px;max-height:440px;display:flex;overflow-y:auto}.shop-row{cursor:pointer;border:1px solid #0000;border-radius:4px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.shop-row:hover{border-color:var(--line);background:#ffffff0c}.shop-row.poor{opacity:.45}.shop-name{font-size:14px}.shop-price{font-family:var(--display);color:var(--gold)}.recipes{flex-direction:column;gap:4px;max-height:460px;display:flex;overflow-y:auto}.rc-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:5px 3px;display:grid}.rc-row.locked{opacity:.45}.rc-name{font-family:var(--display);font-size:15px}.rc-lv{font-family:var(--body);color:var(--muted);font-size:12px}.rc-in{color:var(--muted);flex-wrap:wrap;gap:2px 10px;font-size:12px;display:flex}.rc-ing.miss{color:var(--bad)}.rc-btns{flex-direction:column;gap:3px;display:flex}.warp .lv,.zc span{color:var(--muted);margin-left:6px;font-size:12px}.set-row{justify-content:space-between;align-items:center;margin:5px 0;font-size:14px;display:flex}.set-row input[type=range]{width:210px;accent-color:var(--trim)}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--trim)}.keys{grid-template-columns:1fr 1fr;gap:3px 18px;font-size:13px;display:grid}.key-row{justify-content:space-between;align-items:center;display:flex}.bigmap{border:2px solid var(--trim-lo);border-radius:4px;margin:0 auto;display:block}.zchain{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.zc{border:1px solid var(--line);background:#ffffff0a;border-radius:4px;padding:4px 10px;font-size:14px}.zc.here{border-color:var(--trim-hi)}.zc.unknown{opacity:.45}.help-row{grid-template-columns:160px 1fr;gap:10px;margin:4px 0;font-size:14px;display:grid}kbd{font-family:var(--display);border:1px solid var(--trim-lo);color:var(--trim-hi);background:#1d1612;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:13px}.bestiary{max-height:480px;overflow-y:auto}.b-row{border-bottom:1px solid #ffffff08;grid-template-columns:180px 52px 110px 1fr 40px;align-items:center;gap:6px;padding:3px 0;font-size:13px;display:grid}.b-row.unknown{opacity:.45}.b-name{font-family:var(--display)}.b-drops{flex-wrap:wrap;gap:2px;display:flex}.b-card{color:#b98aff;font-size:12px}.death .win-body p{font-size:16px}.credits{max-height:280px;font-size:13px;overflow-y:auto}.cr-row{margin-bottom:8px}.cr-name{font-family:var(--display);font-size:15px}.cr-name a,.cr-snd a{color:var(--sp-hi)}.cr-use{color:var(--text)}.cr-lic{color:var(--muted);font-size:12px}.cr-snd{font-size:12px}.cr-snd code{color:var(--dim)}.achievements{flex-direction:column;gap:4px;max-height:500px;display:flex;overflow-y:auto}.ach{opacity:.55;border-radius:5px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:5px;display:grid}.ach .ico{filter:grayscale()}.ach.done{opacity:1;background:#a9843c1f}.ach.done .ico{filter:none}.ach-name{font-family:var(--display);font-size:15px}.ach-z{color:var(--gold);font-size:12px}.ach-desc,.ach-when{color:var(--muted);font-size:12px}.escmenu .win-body{padding-top:12px}.esc-who{color:var(--muted);text-align:center;margin-bottom:8px;font-size:13px}.title{background:radial-gradient(40% 50% at 50% 42%,#0007 0%,#0000 100%),radial-gradient(at 50% 40%,#0000 30%,#0008 80%,#000c 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:9vh;display:flex;position:absolute;inset:0}.logo{text-align:center}.logo-main{font-family:var(--display);letter-spacing:12px;color:#f2c46a;background:linear-gradient(#ffe7a8 0%,#e8b45a 55%,#a8702e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #2a1a0a)drop-shadow(0 6px 10px #000c);-webkit-background-clip:text;background-clip:text;font-size:92px;line-height:1}.logo-rule{background:var(--ornament-divider) center / 40px 12px no-repeat, linear-gradient(90deg, transparent, #c9a45c88 25%, #c9a45c88 75%, transparent) center / 100% 1px no-repeat;width:360px;height:12px;margin:14px auto 8px}.logo-sub{font-family:var(--display);letter-spacing:6px;color:#e8dcc0;text-shadow:0 2px #000,0 0 12px #000;font-size:18px}.title-menu{flex-direction:column;align-items:center;gap:2px;margin-top:42px;display:flex}.title-btn{font-family:var(--display);letter-spacing:1px;color:#e8dcc0;cursor:pointer;text-shadow:0 2px #000,0 0 10px #000;background:0 0;border:none;padding:6px 34px;font-size:21px;transition:color .12s;position:relative}.title-btn.primary{color:var(--amber-hi)}.title-btn:before,.title-btn:after{content:"";opacity:0;background:var(--ornament-divider) center / 40px 12px no-repeat;width:20px;height:12px;margin-top:-6px;transition:opacity .15s;position:absolute;top:50%}.title-btn:before{background-position:0 0;left:4px}.title-btn:after{background-position:-20px 0;right:4px}.title-btn:hover,.title-btn:focus-visible{color:#fff4d0;outline:none}.title-btn:hover:before,.title-btn:hover:after,.title-btn:focus-visible:before,.title-btn:focus-visible:after{opacity:1}.title-panel{margin-top:18px}.title-panel .panel{width:min(900px,96vw);max-height:84vh;padding:18px 24px;overflow-y:auto}.title-foot{color:#f0e6d288;text-shadow:1px 1px #000;font-size:13px;position:absolute;bottom:14px}.title:has(.title-panel:not(:empty)){background:radial-gradient(at 50% 45%,#000a 0%,#000d 75%);padding-top:3vh}.title:has(.title-panel:not(:empty)) .logo-main{letter-spacing:7px;font-size:40px}.title:has(.title-panel:not(:empty)) .logo-rule{width:220px;margin:8px auto 0}:is(.title:has(.title-panel:not(:empty)) .logo-sub,.title:has(.title-panel:not(:empty)) .title-menu,.title:has(.title-panel:not(:empty)) .title-foot){display:none}.link{font-family:var(--display);color:var(--muted);cursor:pointer;text-shadow:0 1px #000;background:0 0;border:none;padding:4px 6px;font-size:15px}.link:hover{color:var(--amber-hi)}.slot-row{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 4px;display:grid}.slot-num{font-family:var(--display);color:var(--trim-hi);text-align:center;font-size:22px}.slot-info b{font-family:var(--display);font-size:17px;display:block}.slot-info span,.slot-info i{color:var(--muted);font-size:13px}.slot-btns{gap:6px;display:flex}.hatchery{text-shadow:0 1px #000,0 0 8px #000;flex-direction:column;width:min(1180px,96vw);height:calc(97vh - 90px);display:flex;position:relative}.hatchery .back{position:absolute;top:-40px;left:0}.hatchery .back:before{content:"‹ "}.hatch-main{flex:1;grid-template-columns:1fr 380px 1fr;align-items:center;gap:24px;min-height:0;display:grid}.hatch-lore{text-align:right;justify-self:end;max-width:300px}.lore-text{color:#efe6d2;margin:0 0 14px;font-size:16px;font-style:italic;line-height:1.6}.lore-evo{font-family:var(--display);color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;font-size:13px;display:flex}.evo-sep{background:var(--amber);opacity:.6;width:14px;height:1px}.hero-stage{flex-direction:column;align-items:center;display:flex}.hero-ground{justify-content:center;align-items:center;width:340px;height:320px;display:flex;position:relative}.hero-ground:before{content:"";background:radial-gradient(#ffe0a033,#ffe0a000 70%);border-radius:50%;width:240px;height:46px;margin-left:-120px;position:absolute;bottom:46px;left:50%}.hero-ground .preview{filter:drop-shadow(0 10px 10px #000c);width:320px;height:320px;position:relative}.hero-name{font-family:var(--display);color:#fff4dc;letter-spacing:1px;margin-top:-18px;font-size:36px}.hero-role{font-family:var(--display);color:var(--amber);letter-spacing:5px;text-transform:uppercase;margin-top:2px;font-size:15px}.hero-hint{color:var(--dim);margin-top:8px;font-size:12px}.hatch-side{flex-direction:column;justify-self:start;gap:18px;width:280px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.stat-cell{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-k{font-family:var(--display);color:var(--amber);letter-spacing:1px;font-size:13px}.pips{gap:3px;display:inline-flex}.pips i{background:0 0;border:1px solid #c9a45c88;width:7px;height:7px;transform:rotate(45deg)}.pips i.on{background:var(--amber-hi);border-color:var(--amber-hi)}.pips i.half{background:linear-gradient(135deg, var(--amber) 50%, transparent 50%)}.morph-row{flex-wrap:wrap;gap:4px 12px;display:flex}.morph{font-family:var(--display);color:var(--muted);cursor:pointer;text-shadow:0 1px #000;background:0 0;border:none;padding:2px 0;font-size:14px}.morph:hover{color:var(--text)}.morph.on{color:var(--amber-hi);box-shadow:inset 0 -1px 0 var(--amber)}.name-wrap{margin-top:4px}.name-input{font-family:var(--display);color:#fff4dc;text-shadow:0 2px #000;background:0 0;border:none;border-bottom:1px solid #c9a45c88;border-radius:0;outline:none;width:100%;padding:4px 2px;font-size:24px}.name-input:focus{border-bottom-color:var(--amber-hi)}.name-input::placeholder{color:var(--dim)}.hatch-btn{font-family:var(--display);letter-spacing:3px;color:var(--amber-hi);cursor:pointer;text-shadow:0 2px #000,0 0 12px #c9a45c55;background:0 0;background:var(--ornament-divider) right center / 40px 12px no-repeat;border:none;align-self:flex-start;padding:4px 30px 4px 0;font-size:24px}.hatch-btn:hover{color:#fff4d0;text-shadow:0 2px #000,0 0 16px #ffd98a88}.roster{background:linear-gradient(90deg, transparent, var(--hair) 15%, var(--hair) 85%, transparent) center top / 100% 1px no-repeat;justify-content:center;gap:6px;padding:8px 0 0;display:flex}.roster-dino{cursor:pointer;opacity:.62;background:0 0;border:none;flex-direction:column;align-items:center;width:108px;padding:4px 0 6px;transition:opacity .15s,transform .15s;display:flex;position:relative}.roster-dino .preview{filter:drop-shadow(0 3px 3px #000a);width:64px;height:64px}.roster-dino:hover{opacity:.9}.roster-dino.on{opacity:1;transform:translateY(-4px)}.roster-dino.on:after{content:"";background:var(--amber-hi);height:1px;box-shadow:0 0 6px var(--amber);position:absolute;bottom:0;left:34px;right:34px}.roster-name{font-family:var(--display);color:var(--muted);margin-top:2px;font-size:13px}.roster-dino.on .roster-name{color:var(--amber-hi)}.hatch-keys{text-align:center;color:var(--dim);margin-top:6px;font-size:12px}.skip-row{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.skip-row input{width:14px;height:14px;accent-color:var(--amber)}.loading{color:var(--text);z-index:50000;background:#0f0c12;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-title{font-family:var(--display);color:var(--trim-hi);font-size:26px}.loading-bar{border:1px solid var(--trim);background:#07050a;border-radius:7px;width:340px;height:14px;overflow:hidden}.loading-fill{background:linear-gradient(90deg, var(--trim), var(--trim-hi));width:0;height:100%;transition:width .15s}.fatal{color:var(--text);z-index:60000;background:#0f0c12;flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.fatal h2{font-family:var(--display);color:var(--trim-hi)}.fatal pre{color:var(--good);background:#000;border-radius:6px;padding:14px}.den-list{flex-direction:column;margin-top:6px;display:flex}.den-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 4px;display:grid}.den-row.built{opacity:.75}.den-name{font-family:var(--display);font-size:16px}.den-done{color:var(--good);font-size:13px}.den-desc{color:var(--muted);font-size:13px}.den-cost{flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:13px;display:flex}.den-z{color:var(--gold);font-family:var(--display)}.den-z.miss{color:var(--bad)}.money{white-space:nowrap}.am{vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.2' fill='%23f2cf86' stroke='%233e2410' stroke-width='1.4'/%3E%3Cpath d='M8.6 8.4a1.3 1.3 0 1 1-1.2-2.1a2.6 2.6 0 0 1 3.3 3.1a3.9 3.9 0 0 1-5.2 2.4a5.1 5.1 0 0 1-1.9-6.4' fill='none' stroke='%233e2410' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M10.9 3.2l.9-1.3M13 6l1.4-.6M13.2 9.6l1.4.5M11.3 12.7l.8 1.3M7.6 13.9l-.1 1.4' stroke='%233e2410' stroke-width='1.1'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px;margin-left:3px;display:inline-block}.map-editor{z-index:60;border:1px solid var(--hair);pointer-events:auto;background:#0d0908f0;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;max-width:96vw;padding:6px 10px;font-size:13px;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.map-editor b{font-family:var(--display);color:var(--amber-hi);margin-right:4px}.ed-btn{font-family:var(--display);color:var(--text);border:1px solid var(--hair);cursor:pointer;background:#ffffff08;border-radius:3px;padding:2px 8px;font-size:13px}.ed-btn:hover{border-color:var(--amber)}.ed-btn.on{color:#1a1208;background:var(--amber)}.ed-btn.save{color:var(--good)}.ed-info{color:var(--muted);margin-left:6px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.hb-pick{flex-direction:column;margin:2px 0 8px;display:flex}.hb-pick-row{cursor:pointer;background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:5px 4px;display:grid}.hb-pick-row:hover,.hb-pick-row.kb{background-color:#ffd28214}.cmp-top{grid-template-columns:104px 1fr;align-items:start;gap:12px;display:grid}.cmp-portrait .preview,.cmp-portrait canvas{width:96px;height:96px}.cmp-info{flex-direction:column;gap:5px;display:flex}.cmp-title{font-family:var(--display)}.cmp-big{color:#9fe8b0;font-size:20px}.cmp-line{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.cmp-bond{vertical-align:middle;gap:3px;display:inline-flex}.cmp-mark{border:1px solid var(--trim-lo);width:9px;height:9px;transform:rotate(45deg)}.cmp-mark.on{background:#9fe8b0;border-color:#9fe8b0;box-shadow:0 0 5px #9fe8b088}.cmp-need{color:var(--muted);grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.cmp-need-bar{border:1px solid var(--hair);background:#0a0706;height:6px}.cmp-need-fill{height:100%}.cmp-need-fill.full{background:#e8b86b}.cmp-need-fill.energy{background:#8fc8ff}.cmp-need-fill.joy{background:#ff9ac8}.cmp-moves{gap:12px;margin-top:2px;display:flex}.cmp-move{align-items:center;gap:6px;font-size:13px;display:flex}.cmp-move .ico{width:22px;height:22px}.cmp-move.locked{opacity:.45}.cmp-acts{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.btn.cool{opacity:.45}.cmp-mem-wrap{grid-column:1/-1}.cmp-mem{flex-direction:column;gap:2px;max-height:140px;font-size:13px;display:flex;overflow-y:auto}.cmp-list{flex-direction:column;margin-top:6px;display:flex}.cmp-row{background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:6px 2px;display:grid}.cmp-row.locked{opacity:.55}.cmp-row canvas{width:44px;height:44px}.cmp-name{font-family:var(--display);font-size:15px}.cmp-choice{grid-template-columns:72px 1fr;align-items:center;gap:12px;display:grid}.cmp-choice canvas{width:72px;height:72px}.cmp-choice-btns{flex-direction:column;gap:6px;margin-top:10px;display:flex}.cmp-radial{z-index:50;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.cmp-radial-name{font-family:var(--display);color:#9fe8b0;text-shadow:0 1px #000,0 0 6px #000;white-space:nowrap;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.cmp-radial-btn{min-width:58px;font-family:var(--display);color:var(--text);border:1px solid var(--hair);cursor:pointer;pointer-events:auto;background:#1a1310e8;border-radius:12px;padding:3px 8px;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.cmp-radial-btn:hover{color:#fff4d0;border-color:#9fe8b0}.cmp-radial-btn.cool{opacity:.45}.factions{flex-direction:column;gap:14px;display:flex}.faction{box-shadow:inset 2px 0 0 var(--fc);padding-left:12px}.faction.pledged{box-shadow:inset 4px 0 0 var(--fc)}.fc-head{justify-content:space-between;align-items:baseline;display:flex}.fc-name{font-family:var(--display);color:var(--fc);font-size:17px}.fc-tier{font-family:var(--display);color:var(--muted);font-size:13px}.fc-creed{color:var(--text);margin:2px 0 6px;font-style:italic}.fc-bar{height:4px;box-shadow:0 0 0 1px var(--hair);background:#0a0706}.fc-bar div{background:var(--fc);height:100%}.sale{background:var(--ornament-divider) center top / 120px 12px no-repeat;margin-top:10px;padding-top:6px}.sale-grid{margin:4px 0}.cook-tabs{gap:6px;margin-bottom:8px;display:flex}.cook-main{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cook-pot{gap:6px;margin:4px 0 8px;display:flex}.cook-slot{cursor:pointer}.cook-shelf{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.cook-ing{cursor:pointer;position:relative}.cook-ing.dim{opacity:.4}.cook-lv{color:var(--warn,#e8a060);text-shadow:0 1px #000;font-size:12px;position:absolute;top:1px;left:2px}.cook-preview{border-top:1px solid var(--hair);background:linear-gradient(#ffb06010,#0000);grid-template-columns:64px 1fr;align-items:start;gap:10px;padding:8px;display:grid}.cook-preview.empty{display:block}.cook-preview .ico.big{width:64px;height:64px;image-rendering:pixelated}.cook-name{font-family:var(--display);color:var(--trim-hi);font-size:17px}.cook-btns{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.cook-book{flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.cook-row{cursor:pointer;background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;grid-template-columns:28px auto 1fr auto;align-items:center;gap:8px;padding:3px 4px;display:grid}.cook-row:hover,.cook-row.kb{background-color:#ffb06014}.cook-row .note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cook-q{color:var(--gold);font-family:var(--display)}.zc-blight{color:#c8a8e8;font-size:12px;display:block}.zc-blight.bloom{color:#ff9aff}.party-frame{pointer-events:auto;text-shadow:0 1px #000,0 0 6px #000;flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.pf-row{cursor:pointer;width:200px}.pf-row.off{opacity:.55}.pf-name{font-family:var(--display);color:#9fffb0;font-size:13px}.pf-lv,.pf-zone{color:var(--muted);font-size:12px}.pt-hp{border:1px solid var(--hair);background:#0a0706cc;height:4px}.pt-hp-fill{background:linear-gradient(90deg,#6bd36b,#3a9a4a);height:100%}.pt-list{flex-direction:column;margin:2px 0 8px;display:flex}.pt-row{background:linear-gradient(90deg, var(--hair), transparent) left bottom / 100% 1px no-repeat;grid-template-columns:1fr auto auto;align-items:center;gap:4px 10px;padding:6px 2px;display:grid}.pt-row .pt-hp{grid-column:1/-1}.pt-row.off{opacity:.55}.pt-row.focus{background-color:#9fffb014}.pt-name{font-family:var(--display);font-size:15px}