#sp-ui{width:calc(100vw / var(--ui-s));height:calc(100vh / var(--ui-s));transform:scale(var(--ui-s));transform-origin:0 0;font-family:var(--font);color:var(--ink);position:absolute;top:0;left:0}#sp-ui *{box-sizing:border-box}#splash[data-mode=select] .sp-title,#splash[data-mode=entering] .sp-title{top:calc(22 * var(--u));transform:translate(-50%)scale(.4)}#splash[data-mode=select] .sp-tag,#splash[data-mode=entering] .sp-tag{opacity:0;transition:opacity .4s}.fd-card{width:400px;color:var(--ink);pointer-events:auto;background:var(--grain) padding-box, var(--parchment) padding-box, var(--frame);box-shadow:var(--panel-shadow), 0 0 70px #ff8c3c2e;border:6px solid #0000;border-radius:12px;padding:40px 32px 26px;position:relative}.fd-plaque{white-space:nowrap;font:700 22px var(--font-title);letter-spacing:.05em;color:#ffeccc;text-shadow:0 1px #2b0d10;background:var(--plaque) padding-box, var(--brass) border-box;box-shadow:var(--plaque-edge);border:3px solid #0000;border-radius:4px;margin:0;padding:6px 38px 8px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.fd-plaque:before,.fd-plaque:after{content:"";background:var(--brass);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--line), inset 0 0 0 3px #fff5d240;margin-top:-7px;position:absolute;top:50%;transform:rotate(45deg)}.fd-plaque:before{left:-10px}.fd-plaque:after{right:-10px}.fd-plaque small{font:700 14px var(--font);color:#f3c98a;letter-spacing:0;margin-left:10px}.fd-sub{text-align:center;color:var(--ink-2);margin:0 0 16px;font-size:14.5px}.fd-card p{margin:0 0 16px;font-size:14.5px;line-height:1.45}.fd-card label{font:700 14px var(--font-title);letter-spacing:.04em;color:var(--ink-2);margin:0 0 12px;display:block}.fd-card input{width:100%;font:16px var(--font);color:var(--ink-strong);letter-spacing:0;-webkit-user-select:text;user-select:text;background:#fffaecd9;border:1px solid #6e461e73;border-radius:6px;outline:none;margin-top:5px;padding:9px 12px;display:block;box-shadow:inset 0 2px 4px #3c1e0a38,0 1px #fffaebb3}.fd-card input:focus{border-color:#b07a28;box-shadow:inset 0 2px 4px #3c1e0a38,0 0 0 2px #d6a24c73,0 0 10px #ffbe4659}.fd-hint{color:var(--ink-2);margin:-6px 0 12px;font-size:12.5px}.fd-error{min-height:19px;color:var(--bad);margin:2px 0 10px;font-size:13.5px;line-height:1.35}.fd-card .lui-btn,#sp-ui .lui-btn,#fd-backdrop .lui-btn,#ruina-net .lui-btn{font-family:var(--font-title);letter-spacing:.04em}.lui-btn.fd-wide{width:100%;padding:10px;font-size:17px;display:block}.lui-btn.fd-big{border-radius:8px;padding:14px 56px 15px;font-size:23px}.lui-btn:disabled{opacity:.5;filter:saturate(.25);cursor:var(--cur-default)}.fd-swap{text-align:center;color:var(--ink-2);margin-top:14px;font-size:14px}.fd-link{cursor:var(--cur-pointer);font:700 14.5px var(--font-title);letter-spacing:.03em;color:var(--title);text-underline-offset:3px;background:0 0;border:0;padding:0 2px;text-decoration:underline}.fd-link:hover{color:#a12a33}.fd-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.fd-in{animation:.55s cubic-bezier(.2,.7,.2,1) both fd-in}@keyframes fd-in{0%{opacity:0;transform:translateY(16px)}}.fd-front{position:absolute;top:372px;left:50%;transform:translate(-50%)}.fd-front .fd-card{width:410px}.cs{pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:0}.cs.cs-out{opacity:0}.cs.cs-out *{pointer-events:none!important}.cs-stage{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:96px 470px 150px 0}.cs-hero{pointer-events:auto;cursor:grab;touch-action:none;flex:none;width:600px;height:620px;display:block}.cs-hero:active{cursor:grabbing}.cs-name{z-index:1;white-space:nowrap;font:700 34px var(--font-title);letter-spacing:.06em;color:#ffeccc;text-shadow:0 1px #2b0d10;background:var(--plaque) padding-box, var(--brass) border-box;box-shadow:var(--plaque-edge), 0 0 40px #ff823240;border:3px solid #0000;border-radius:4px;margin-top:-58px;padding:6px 50px 9px;position:relative}.cs-name:before,.cs-name:after{content:"";background:var(--brass);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--line), inset 0 0 0 4px #fff5d240;margin-top:-9px;position:absolute;top:50%;transform:rotate(45deg)}.cs-name:before{left:-12px}.cs-name:after{right:-12px}.cs-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.cs-chips span{white-space:nowrap;font:700 14px var(--font-title);letter-spacing:.04em;color:#f8e2bb;background:linear-gradient(#2e1a24c7,#120810c7);border-radius:999px;align-items:center;gap:6px;padding:4px 13px 5px;display:inline-flex;box-shadow:inset 0 1px #ffdcaa33,0 0 0 1px #d6a24c99,0 0 0 2px #0f070399,0 4px 10px #00000059}.cs-chips span b{font-family:var(--font);color:#ffd77a}.cs-chips .mny b{font-family:var(--font)}.cs-empty{text-align:center;pointer-events:auto;margin-bottom:120px}.cs-empty h2{font:700 34px var(--font-title);color:#ffe2a8;text-shadow:0 2px 6px #0009;margin:0 0 10px}.cs-empty p{color:#f6dcb0;text-shadow:0 1px 3px #000c;margin:0 0 18px;font-size:16px}.cs-panel{width:384px;padding:40px 18px 18px;position:absolute;top:150px;right:56px}.cs-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.cs-row,.cs-body{cursor:var(--cur-pointer);font:inherit;color:var(--ink);background:var(--inset) padding-box, linear-gradient(180deg, #8c5f2d59, #6e461e73) border-box;box-shadow:var(--inset-shadow);border:2px solid #0000;border-radius:8px;transition:transform .12s}.cs-row{text-align:left;grid-template-columns:48px 1fr auto;align-items:center;column-gap:12px;width:100%;min-height:62px;padding:7px 12px 7px 8px;display:grid}.cs-row:hover,.cs-body:hover:where(:not(:disabled)){background:linear-gradient(#fff6dc99,#f0dcaf73) padding-box padding-box,linear-gradient(#a06e328c,#784b1e99) border-box}.cs-row:hover{transform:translate(-3px)}.cs-row .ib{width:46px;height:46px}.cs-row .ib>img{width:32px;height:32px}.cs-row .n,.cs-body .n{font:700 19px/1.15 var(--font-title);letter-spacing:.03em;color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cs-row .d{color:var(--ink-2);white-space:nowrap;margin-top:2px;font-size:13px;display:block}.cs-row .when{color:var(--ink-2);white-space:nowrap;align-self:start;margin-top:4px;font-size:12px}.cs-row.sel,.cs-body.sel{background:linear-gradient(180deg, #fffaea, #f6dc9c) padding-box, var(--brass-lit) border-box;box-shadow:0 0 0 1px var(--line), inset 0 1px 0 #fff, 0 0 16px var(--glow)}.cs-row.sel .n,.cs-body.sel .n{color:var(--title)}.cs-row.empty{min-height:48px;font:700 14px var(--font-title);letter-spacing:.05em;color:#6e5236bf;box-shadow:none;background:0 0;border:2px dashed #6e461e59;grid-template-columns:1fr;place-items:center}.cs-row.empty:hover{color:var(--title);border-color:#7a1f2680;transform:none}.cs-row:focus-visible,.cs-body:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cs-buttons{flex-direction:column;gap:10px;display:flex}.cs-enter{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:58px;left:0;right:470px}.cs-enter .lui-btn{pointer-events:auto}.cs-enter .lui-btn:not(:disabled){animation:2.6s ease-in-out infinite cs-glow}@keyframes cs-glow{50%{box-shadow:inset 0 0 0 1px var(--btn-line), inset 0 2px 0 #ffdcc82e, 0 0 0 1.5px var(--line), 0 3px 0 1px #1e0f0559, 0 0 34px #ffbe50bf}}.cs-enter .tip{color:#f6dcb0bf;text-shadow:0 1px 3px #000000e6;font-size:13px}.cs-account{pointer-events:auto;color:#f6dcb0;text-shadow:0 1px 3px #000000e6;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;bottom:24px;left:28px}.cs-account b{color:#ffe2a8}.fd-modal{z-index:2;pointer-events:auto;background:#08040e94;place-items:center;animation:.25s ease-out both fd-fade;display:grid;position:absolute;inset:0}.fd-modal .fd-card{width:430px}.fd-modal .fd-card.danger .fd-plaque{background:linear-gradient(180deg, #b0302f, #5c1214) padding-box, var(--brass) border-box}.fd-modal .fd-card p b{color:var(--title)}@keyframes fd-fade{0%{opacity:0}}.fd-modal .fd-card.cs-bodied{width:500px}.fd-card.cs-bodied p{text-wrap:pretty}.fd-card p.cs-ask{min-height:2.9em}.fd-card .fd-label{font:700 14px var(--font-title);letter-spacing:.04em;color:var(--ink-2);margin:0 0 6px}.cs-bodies{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:14px;margin:0 0 14px;display:grid}.cs-bodies+.fd-hint{margin-top:0}.cs-body{text-align:center;flex-direction:column;gap:6px;padding:7px 7px 6px;display:flex;position:relative}.cs-body:hover:where(:not(:disabled)){transform:translateY(-2px)}.cs-body .pic{aspect-ratio:2/3;background:var(--slot) padding-box, var(--slot-frame) border-box;box-shadow:0 0 0 1px var(--line), var(--slot-depth);border:2px solid #0000;border-radius:6px;display:block;overflow:hidden}.cs-body .pic img{object-fit:contain;width:100%;height:100%;display:block}.cs-body.sel .pic{background:var(--slot-sel) padding-box, var(--brass-lit) border-box;box-shadow:0 0 0 1px var(--line), 0 0 12px var(--glow), var(--slot-depth)}.cs-body .chk{background:var(--slot-empty) padding-box, var(--brass-lit) border-box;width:30px;height:30px;box-shadow:0 0 0 1px var(--line), var(--slot-depth);border:2px solid #0000;border-radius:50%;place-items:center;display:none;position:absolute;top:14px;right:14px}.cs-body.sel .chk{display:grid}.cs-body:disabled{cursor:var(--cur-default)}.cs-body:disabled:not(.sel){opacity:.5;filter:saturate(.3)}.fd-error.wait{color:var(--ink-2)}#ruina-net{z-index:60;pointer-events:auto;-webkit-backdrop-filter:blur(3px)saturate(.75);backdrop-filter:blur(3px)saturate(.75);background:radial-gradient(at 50% 45%,#1a0c1e6b,#08040ed1);place-items:center;animation:.3s ease-out both fd-fade;display:grid;position:fixed;inset:0}#ruina-net .fd-card{text-align:center;width:540px;padding:52px 40px 30px}#ruina-net .fd-plaque{padding:7px 44px 9px;font-size:26px;top:-27px}#ruina-net .fd-card p{margin:16px 0 0;font-size:18.5px;line-height:1.45}#ruina-net .net-status{font:700 15.5px var(--font-title);letter-spacing:.06em;color:var(--ink-2);margin-top:12px}#ruina-net .lui-btn{margin-top:18px}.net-spin{width:66px;height:66px;margin:2px auto 4px;position:relative}.net-spin:before{content:"";background:conic-gradient(#c9923f00 0deg,#c9923f33 90deg,#e0a84a 250deg,#fff1c0 300deg,#c9923f00 302deg);border-radius:50%;animation:1.15s linear infinite net-turn;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 23px,#000 24px 31px,#0000 32px);mask:radial-gradient(circle,#0000 23px,#000 24px 31px,#0000 32px)}.net-spin:after{content:"";background:linear-gradient(135deg,#fff1c0,#d9922a);width:16px;height:16px;margin:-8px 0 0 -8px;animation:1.6s ease-in-out infinite net-beat;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 0 2px #2b1a0e,0 0 14px #ffaa46cc}@keyframes net-beat{50%{transform:rotate(45deg)scale(.8)}}@keyframes net-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.fd-in,.fd-modal,#ruina-net,.cs-enter .lui-btn,.net-spin:after{animation:none!important}.net-spin:before{animation-duration:4s}.cs-row,.cs-body,.cs{transition:none}}.adm-row{align-items:baseline;gap:10px;margin:0 0 7px;display:flex}.adm-row .lui-btn{text-align:center;flex:0 0 168px}.adm-about{color:var(--ink-2);font-size:12.5px;line-height:1.4}.adm-tag{font:700 11px var(--font-title);letter-spacing:.03em;color:#fff3dc;background:var(--plaque);white-space:nowrap;border-radius:3px;margin-left:4px;padding:0 6px;display:inline-block;box-shadow:inset 0 1px #ffc8be59,0 0 0 1px #d6a24cb3}.fd-modal .fd-card.adm-card{width:600px}.adm-list{max-height:calc(100vh / var(--ui-s,1) - 260px);margin:0 -8px 12px 0;padding-right:8px;overflow-y:auto}.adm-list .h{font:700 15px var(--font-title);color:var(--title);letter-spacing:.05em;align-items:center;gap:8px;margin:10px 0 6px;display:flex}.adm-list .h:after{content:"";background:linear-gradient(90deg,#6e461e8c,#0000) top/100% 1px no-repeat,linear-gradient(90deg,#fffaebb3,#0000) bottom/100% 1px no-repeat;flex:1;height:2px}.adm-list .h:first-child{margin-top:0}.adm-set{margin:0 0 6px}.adm-set .lui-btn{margin:0 6px 6px 0}.adm-set .adm-sub{font:700 12.5px var(--font-title);color:var(--ink-2);letter-spacing:.04em;margin:8px 0 5px}.adm-set .adm-about{margin:0 0 4px;display:block}
