#boot{touch-action:manipulation;position:fixed;inset:0;z-index:10;overflow-y:auto;background:#ece5d2;font:15px/1.5 Georgia,Times New Roman,serif;color:#33291d}#boot.hidden{display:none}.menu{max-width:1180px;margin:0 auto;padding:34px 24px 48px}.menu .langs{display:flex;gap:8px;justify-content:flex-end;margin:0 0 10px}.menu .lang{font:inherit;font-size:13px;color:#33291d;background:none;border:1px solid rgba(51,41,29,.28);border-radius:3px;padding:3px 10px;cursor:pointer;opacity:.6}.menu .lang:hover{opacity:.9}.menu .lang[aria-pressed=true]{opacity:1;border-color:#33291dbf;background:#33291d12}.menu h1{font-size:30px;margin:0 0 2px;letter-spacing:.02em}.menu .sub{margin:0 0 22px;opacity:.55;font-size:14px;font-style:italic}.menu .status{min-height:22px;margin:0 0 16px;font-size:14px}.menu .status.warn{color:#9c3b2e}.cards[hidden]{display:none}.cards{padding-bottom:78px;display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.card{position:relative;display:flex;flex-direction:column;padding:14px 16px 13px;background:#f2ecdb;border:1.5px solid rgba(51,41,29,.55);border-radius:2px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform .09s ease,box-shadow .09s ease}.card:after{content:"";position:absolute;inset:2px 1px 1px 2px;border:.7px solid rgba(51,41,29,.22);pointer-events:none}.card:hover{transform:translateY(-2px);box-shadow:0 4px #33291d21}.card:focus-visible{outline:2px solid #33291d;outline-offset:2px}.card[aria-pressed=true]{border-width:2.5px;background:#f7f2e4;box-shadow:0 3px #33291d33}.card[aria-pressed=true] .tick{opacity:1}.tick{position:absolute;top:9px;right:12px;font-size:13px;font-style:italic;opacity:0}.art{height:74px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.art canvas{max-width:100%;max-height:74px}.art canvas.lv2{max-height:52px;opacity:.5;margin-left:6px}.card[aria-pressed=true] .art canvas.lv2{opacity:.78}.name{font-size:19px;display:flex;align-items:baseline;gap:8px}.name .diet{font-size:12px;opacity:.6;font-style:italic}.blurb{font-size:12.5px;line-height:1.45;opacity:.72;margin:4px 0 10px;min-height:72px}.bars{display:grid;grid-template-columns:34px 1fr 42px;gap:3px 7px;align-items:center}.bars .lab{font-size:11.5px;opacity:.6}.bars .val{font-size:11.5px;opacity:.75;text-align:right;font-variant-numeric:tabular-nums}.bar{height:8px;border:1px solid rgba(51,41,29,.5);position:relative;overflow:hidden}.bar i{position:absolute;inset:1px auto 1px 1px;display:block;background-image:repeating-linear-gradient(58deg,currentColor 0 1px,transparent 1px 4px)}.facts{margin-top:9px;font-size:11.5px;opacity:.7;line-height:1.55}.tags{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:10.5px;font-style:italic;padding:1px 6px;border:1px solid rgba(51,41,29,.4);border-radius:9px;opacity:.8}.go{position:sticky;bottom:0;margin-top:22px;padding:14px 0 6px;background:linear-gradient(to bottom,#ece5d200,#ece5d2 22%);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.go input,.go button{font:inherit;padding:9px 15px;background:#f4efe1;color:#33291d;border:1.5px solid #33291d;border-radius:2px}.go input{width:190px}.go button{cursor:pointer;font-size:16px}.go button:hover{background:#33291d;color:#f4efe1}.go button[disabled]{opacity:.4;cursor:not-allowed}.go button[disabled]:hover{background:#f4efe1;color:#33291d}.go .hint{font-size:12px;opacity:.5;font-style:italic}.account{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(51,41,29,.22)}.account input{font:inherit;font-size:14px;padding:6px 10px;width:150px;background:#f4efe1;color:#33291d;border:1.4px solid rgba(51,41,29,.6);border-radius:2px}.account .link{font:inherit;font-size:14px;padding:6px 12px;cursor:pointer;background:#f4efe1;color:#33291d;border:1.4px solid #33291d;border-radius:2px}.account .link:hover{background:#33291d;color:#f4efe1}.account .who{font-size:15px}.account .note{font-size:12px;font-style:italic;opacity:.55}.card.cont{background:#f7f1de;border-color:#33291dcc}.card.cont .name span:first-child{font-style:italic}.go input[disabled]{opacity:.65}.tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:1.5px solid rgba(51,41,29,.4)}.tab{font:inherit;font-size:15px;padding:8px 18px 7px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#33291d;background:transparent;border:1.5px solid transparent;border-bottom:none;border-radius:2px 2px 0 0;margin-bottom:-1.5px;opacity:.55}.tab:hover{opacity:.85}.tab[aria-selected=true]{opacity:1;background:#f2ecdb;border-color:#33291d66;box-shadow:0 1.5px #f2ecdb}.tab .badge{font-size:11px;font-variant-numeric:tabular-nums;min-width:17px;text-align:center;padding:1px 4px;border:1px solid rgba(51,41,29,.45);border-radius:9px}.empty{grid-column:1 / -1;padding:26px 22px;border:1.5px dashed rgba(51,41,29,.35);border-radius:2px;font-size:13.5px;line-height:1.6;opacity:.75;max-width:640px}.empty .big{font-size:17px;margin-bottom:6px;opacity:.95}.skill{margin-top:10px;padding:8px 10px 9px;border:1px dashed rgba(51,41,29,.45);border-radius:2px;background:#33291d09}.sk-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:14px}.sk-name span:first-child:before{content:"⚡ ";opacity:.6}.sk-cost{font-size:10.5px;font-style:italic;opacity:.6}.sk-blurb{font-size:11.5px;line-height:1.5;opacity:.75;margin-top:3px}.sk-gate{font-size:10.5px;font-style:italic;opacity:.5;margin-top:5px}.sk-up{margin-top:9px;padding-top:8px;border-top:1px dashed rgba(51,41,29,.3)}.sk-up .sk-name{font-size:13px}.sk-up .sk-name span:first-child:before{content:"✦ ";opacity:.6}.menu .legal{margin:30px 0 0;padding-top:14px;border-top:1px solid rgba(51,41,29,.18);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-size:13px;opacity:.62}.menu .legal a{color:#6d4a63}.menu .slot-rule{margin:10px 2px 0;font-size:13px;opacity:.55}.menu .replace-warn{margin:12px 0 0;padding:10px 14px;border:1px solid rgba(156,59,46,.5);border-left-width:4px;border-radius:3px;background:#9c3b2e12;color:#9c3b2e;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}.menu .replace-warn .link{font:inherit;font-size:13.5px;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;opacity:.85}.menu .replace-warn .link:hover{opacity:1}.menu .replace-warn[hidden]{display:none}.pad{position:fixed;inset:0;z-index:5;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;font:13px/1 Georgia,Times New Roman,serif;color:#33291d}.pad.hidden{display:none}.pad>*{pointer-events:auto}.stick{position:absolute;left:20px;bottom:20px;width:148px;height:148px;border-radius:50%;border:2px solid rgba(51,41,29,.5);background:#f4efe16b;touch-action:none}.stick:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(51,41,29,.2)}.stick i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:2px solid rgba(51,41,29,.75);background:#f0eadae6;transition:transform .05s linear}.stick.on i{background:#f7f2e4;border-color:#33291d}.acts{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,74px);gap:9px;justify-items:center;touch-action:none}.btn{width:74px;height:74px;border-radius:50%;border:2px solid rgba(51,41,29,.6);background:#f4efe18c;color:#33291d;font:inherit;font-size:13.5px;letter-spacing:.03em;touch-action:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 4px}.btn.big{grid-column:span 1;width:92px;height:92px;font-size:16px;border-width:2.5px;background:#f7f2e4b8}.btn.down{background:#33291d;color:#f4efe1}.utils{position:absolute;right:18px;bottom:192px;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:60vw;gap:8px;touch-action:none}.utils button{min-width:56px;height:40px;padding:0 12px;border-radius:3px;border:1.6px solid rgba(51,41,29,.6);background:#f4efe199;color:#33291d;font:inherit;font-size:13px;touch-action:none}.utils button.down{background:#33291d;color:#f4efe1}@media(max-height:520px){.stick{width:118px;height:118px;left:14px;bottom:14px}.stick i{width:48px;height:48px;margin:-24px 0 0 -24px}.acts{grid-template-columns:repeat(3,62px);gap:7px;right:12px;bottom:12px}.btn{width:62px;height:62px;font-size:12px}.btn.big{width:76px;height:76px;font-size:14px}.utils{bottom:148px;right:12px}.utils button{min-width:48px;height:34px;font-size:12px}}.btn.skill{border-style:dashed}.btn.dim{opacity:.35}.acts .btn:last-child{grid-column:3}.roster{position:fixed;top:14px;right:14px;z-index:6;width:292px;max-height:70vh;display:flex;flex-direction:column;background:#f4efe1;border:1.5px solid rgba(51,41,29,.55);border-radius:3px;box-shadow:0 2px 10px #33291d2e;font:13px/1.45 Georgia,Times New Roman,serif;color:#33291d;user-select:none;-webkit-user-select:none}.roster.hidden{display:none}.roster .r-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 11px;border-bottom:1px solid rgba(51,41,29,.22)}.roster .r-head b{font-weight:700;letter-spacing:.01em}.roster .r-x{font:inherit;font-size:15px;line-height:1;background:none;border:0;color:inherit;opacity:.5;cursor:pointer;padding:2px 4px}.roster .r-x:hover{opacity:1}.roster .r-list{overflow-y:auto;padding:4px 0}.roster .r-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 10px}.roster .r-row+.r-row{border-top:1px solid rgba(51,41,29,.1)}.roster .r-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster .r-name.off{opacity:.45;text-decoration:line-through}.roster .r-btn{font:inherit;font-size:11.5px;color:inherit;background:none;border:1px solid rgba(51,41,29,.3);border-radius:3px;padding:2px 7px;cursor:pointer;opacity:.75;white-space:nowrap}.roster .r-btn:hover:not(:disabled){opacity:1}.roster .r-btn:disabled{opacity:.35;cursor:default}.roster .r-btn.on{opacity:1;background:#9c3b2e1f;border-color:#9c3b2e99;color:#9c3b2e}.roster .r-empty{padding:10px 11px;opacity:.55;font-style:italic}.roster .r-foot{padding:6px 11px 7px;border-top:1px solid rgba(51,41,29,.22);font-size:11.5px;opacity:.5}@media(max-width:560px){.roster{left:12px;right:12px;width:auto;max-height:60vh}}.pack{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:7;width:min(340px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;font:13px/1.45 Georgia,Times New Roman,serif;color:#33291d;user-select:none;-webkit-user-select:none}.pack.hidden{display:none}.pack .pk-box{background:#f4efe1;border:1.5px solid rgba(51,41,29,.55);border-radius:3px;box-shadow:0 2px 10px #33291d2e;padding:7px 10px 8px}.pack .pk-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack .pk-head b{font-weight:700}.pack .pk-names{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(51,41,29,.18)}.pack .pk-name{white-space:nowrap}.pack .pk-name.me{opacity:.55}.pack .pk-name i{font-size:11.5px}.pack .pk-invite{border-color:#33291dbf}.pack .pk-line{margin-bottom:6px}.pack .pk-acts{display:flex;gap:6px}.pack .pk-note{margin-top:6px;font-size:11.5px;opacity:.5}.pack .pk-btn{font:inherit;font-size:12px;color:inherit;background:none;border:1px solid rgba(51,41,29,.3);border-radius:3px;padding:3px 9px;cursor:pointer;opacity:.8;white-space:nowrap}.pack .pk-btn:hover:not(:disabled){opacity:1}.pack .pk-btn:disabled{opacity:.35;cursor:default}.pack .pk-btn.ok{opacity:1;font-weight:700;border-color:#33291da6;background:#33291d12}body.touch .pack{bottom:196px}@media(max-height:520px){body.touch .pack{bottom:152px}}.panel{position:fixed;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:20px;background:#33291d6b;font:15px/1.55 Georgia,Times New Roman,serif;color:#33291d;user-select:none;-webkit-user-select:none}.panel.hidden{display:none}.panel .p-box{width:min(420px,100%);max-height:88vh;overflow-y:auto;background:#f4efe1;border:1.5px solid rgba(51,41,29,.6);border-radius:4px;box-shadow:0 6px 28px #33291d59;padding:20px 22px 18px}.panel .p-box.wide{width:min(620px,100%)}.panel h2{font-size:21px;margin:0 0 14px}.panel h3{font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin:18px 0 6px}.panel .p-muted{border:1px solid rgba(51,41,29,.2);border-radius:3px;max-height:34vh;overflow-y:auto}.panel .p-row{display:flex;align-items:center;gap:8px;padding:5px 10px}.panel .p-row+.p-row{border-top:1px solid rgba(51,41,29,.1)}.panel .p-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.55;text-decoration:line-through}.panel .p-empty{padding:9px 10px;opacity:.5;font-style:italic}.panel .p-btn{font:inherit;font-size:13px;color:inherit;background:none;border:1px solid rgba(51,41,29,.35);border-radius:3px;padding:4px 12px;cursor:pointer;opacity:.8;white-space:nowrap}.panel .p-btn:hover{opacity:1}.panel .p-btn.big{flex:1;padding:9px 14px;font-size:15px}.panel .p-btn.danger{border-color:#9c3b2e99;color:#9c3b2e}.panel .p-btn.danger:hover{background:#9c3b2e1a}.panel .p-link{font:inherit;font-size:12.5px;background:none;border:0;padding:6px 0 0;color:#6d4a63;cursor:pointer;opacity:.8}.panel .p-link:hover{opacity:1}.panel .p-acts{display:flex;gap:10px;margin-top:20px}.panel .p-note{margin:8px 0 0;font-size:12.5px;opacity:.5}.panel.death{background:#33291d8c}.panel .d-title{color:#9c3b2e}.panel .d-line{margin:0;font-size:15.5px}@media(max-width:480px){.panel .p-box{padding:16px 16px 14px}.panel .p-acts{flex-direction:column}}.panel .p-keys{border:1px solid rgba(51,41,29,.2);border-radius:3px;max-height:56vh;overflow-y:auto}.panel .p-keys .p-row{align-items:flex-start;padding:7px 10px}.panel .p-key{flex:0 0 auto;min-width:116px;font:inherit;font-size:12px;text-align:center;padding:2px 8px;border:1px solid rgba(51,41,29,.35);border-bottom-width:2px;border-radius:3px;background:#33291d0d;white-space:nowrap}.panel .p-desc{flex:1;min-width:0}.panel .p-sub{margin-top:3px;font-size:12.5px;opacity:.75}.panel .p-sub.dim{opacity:.5;font-style:italic}@media(max-width:560px){.panel .p-keys .p-row{flex-direction:column;gap:4px}.panel .p-key{min-width:0;align-self:flex-start}}.panel.chan{z-index:12;background:#33291db8}.panel.chan .p-box{text-align:center}.panel.chan .p-acts{justify-content:center}.panel .p-loi{margin:12px 0 0;color:#9c3b2e;font-size:14px}
