@font-face{font-family:Sniglet;src:url(/fonts/Sniglet-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Sniglet;src:url(/fonts/Sniglet-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--ink:#3a1654;--ink-soft:#6b4a86;--cream:#fff4c4;--paper:#fff7d6;--pink:#ff3fa4;--pink-deep:#d9247f;--lime:#b8ff3c;--lime-deep:#8ed81c;--sky:#4fc3f7;--purple:#8c2bc9;--orange:#ff8a3d;--body:"Sniglet", "Nunito", "Segoe UI", system-ui, sans-serif;--pixel:"Pixelify Sans", "Sniglet", monospace;--halo:drop-shadow(0 0 2px var(--cream)) drop-shadow(0 0 5px #fff4c4d9);--cursor:url(/art/cursor_arrow.png) 4 2, auto;--cursor-hand:url(/art/cursor_hand.png) 12 2, pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-synthesis:none;cursor:var(--cursor);background:#ff6fc0;margin:0;font-size:18px;line-height:1.4}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:var(--cursor-hand);background:0 0;border:0;padding:0}a,label,select{cursor:var(--cursor-hand)}:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:6px}.desktop{min-height:100vh;overflow-clip-margin:0;background:url(/art/wallpaper.jpg) bottom/cover no-repeat;min-height:100dvh;position:relative;overflow:clip}.sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{width:var(--w);left:-30vw;top:var(--top);animation:drift var(--dur) linear infinite;animation-delay:var(--delay);will-change:transform;position:absolute}.cloud img{width:100%;height:auto;display:block}@keyframes drift{0%{transform:translate(0)}to{transform:translate(134vw)}}@media (prefers-reduced-motion:reduce){.cloud{left:var(--rest);animation:none}}.masthead{text-align:center;z-index:3;padding-top:14px;position:relative}.masthead img{filter:drop-shadow(0 6px #3a165440);width:clamp(190px,18vw,320px);height:auto}.masthead p{max-width:560px;color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);margin:4px auto 0;padding:0 16px;font-size:clamp(17px,1.3vw,22px)}.icons{z-index:3;gap:34px;display:grid;position:absolute;top:100px}.icons.left{left:30px}.icons.right{right:30px}.icon{width:138px;font-family:var(--pixel);color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);justify-items:center;gap:4px;font-size:22px;transition:transform .12s;display:grid}.icon img{width:auto;height:104px;filter:var(--halo)}.icon:hover,.icon:focus-visible{transform:translateY(-3px)}.icon[aria-current=true] img{filter:var(--halo) drop-shadow(0 0 10px var(--lime))}.icon:active{transform:translateY(2px)}.slipwrap{z-index:4;width:-moz-fit-content;width:fit-content;margin:8px auto 0;position:relative}.slip{aspect-ratio:656/1204;filter:drop-shadow(0 10px #3a165438);background:url(/art/slip.png) 50%/100% 100% no-repeat;height:clamp(480px,100vh - 290px,720px);position:relative;container-type:size}.slip .head{font-family:var(--pixel);color:var(--ink-soft);text-align:center;font-size:clamp(16px,2.3cqh,20px);position:absolute;top:8%;left:9%;right:9%}.slip .head b{font-family:var(--body);color:var(--ink);font-size:clamp(22px,3.4cqh,30px);font-weight:800;display:block}.row{grid-template-columns:74px 1fr;align-items:end;gap:8px;height:11.6%;display:grid;position:absolute;left:8%;right:8%}.row .k{font-family:var(--pixel);color:var(--purple);padding-bottom:6px;font-size:19px}.row .v{gap:0;min-width:0;display:grid}.row input,.row select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;border-bottom:2px dashed #0000;border-radius:0;padding:0 0 2px;font-size:clamp(19px,2.9cqh,24px);font-weight:800}.row .sel{position:relative}.row .sel:after{content:"▾";color:var(--purple);pointer-events:none;font-family:system-ui,sans-serif;position:absolute;top:0;right:2px}.row select{appearance:none;padding-right:24px}.row input::placeholder{color:#b39ac6;font-weight:400}.row input:focus,.row select:focus{border-bottom-color:var(--pink);outline:none}.row .hint{font-family:var(--pixel);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;min-height:19px;font-size:16px;line-height:1.2;overflow:hidden}.row .hint.bad{color:var(--pink-deep)}.row .hint.ok{color:#4b7a10}.row .face{border:2px solid var(--ink);background:var(--cream);object-fit:cover;width:34px;height:34px;position:absolute;bottom:6px;right:-6px}.stub{height:17.6%;color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);place-items:center;font-size:clamp(22px,3.4cqh,28px);font-weight:800;transition:transform .1s;display:grid;position:absolute;top:79.2%;left:4%;right:4%}.stub:hover:not(:disabled){transform:translateY(2px)rotate(-1deg)}.stub:disabled{opacity:.75;cursor:var(--cursor)}.stub small{font-family:var(--pixel);text-shadow:1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:16px;font-weight:400;display:block;overflow:hidden}.sentline{white-space:nowrap;font-family:var(--pixel);color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink);margin:0;font-size:17px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.icon.jar{z-index:3;position:absolute;bottom:30px;right:40px}.linkish{font:inherit;color:var(--purple);text-decoration:underline}.frames{z-index:2;pointer-events:none;position:absolute;inset:0}.frame{pointer-events:auto;width:var(--w);text-align:center;color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);justify-items:center;transition:transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%)}.frame:hover,.frame:focus-visible{transform:translate(-50%,-50%)scale(1.04)}.frame .pic{width:var(--w);aspect-ratio:400/389;filter:drop-shadow(0 4px #3a165440);background:url(/art/frame.png) 50%/100% 100% no-repeat;position:relative}.frame .pic img,.frame .pic .blank{object-fit:cover;background:var(--purple);width:66%;height:67%;position:absolute;top:16.7%;left:17%}.frame .pic .blank{font-family:var(--pixel);color:var(--cream);place-items:center;font-size:40px;display:grid}.frame .h{font-family:var(--pixel);font-size:var(--fs,22px);max-width:calc(var(--w) + 60px);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.15;overflow:hidden}.frame .l{font-family:var(--pixel);max-width:calc(var(--w) + 80px);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;line-height:1.15;display:-webkit-box;overflow:hidden}.frame.suggest .pic{filter:drop-shadow(0 4px #3a165440)saturate(.8)}.win{z-index:10;width:var(--w,520px);border-style:solid;border-width:65px 30px 28px 15px;border-image:url(/art/window.png) 130 60 56 30 fill/65px 30px 28px 15px;max-width:calc(100vw - 24px);position:absolute}.win.rolled{border-bottom-width:22px;height:0}.win .body{min-height:40px;max-height:calc(100vh - 220px);position:relative;overflow:auto}.win.rolled .body{display:none}.win .bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;height:46px;padding-left:12px;display:flex;position:absolute;top:-56px;left:-4px;right:-22px}.win .bar:active{cursor:grabbing}.win .bar h2{min-width:0;color:var(--cream);white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);flex:1;margin:0;font-size:clamp(19px,1.5vw,24px);font-weight:800;line-height:1;overflow:hidden}.win .bar button{background:50%/100% 100% no-repeat;flex:none;width:34px;height:34px;transition:transform .1s}.win .bar button:hover{transform:scale(1.08)}.win .bar button:active{transform:translateY(2px)}.win .bar .roll{background-image:url(/art/btn_roll.png);margin-right:8px}.win .bar .close{background-image:url(/art/btn_close.png)}.win .inner{padding:2px 6px 4px 2px;font-size:18px}.win .btn{min-height:50px;font-size:19px}.win p{margin:0 0 10px}.win .small{font-family:var(--pixel);color:var(--ink-soft);font-size:17px}.btn{white-space:nowrap;min-height:56px;color:var(--cream);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);filter:var(--halo);border-style:solid;border-width:11px 26px 18px;border-image:url(/art/btn_pink.png) 50 120 80 fill/11px 26px 18px;justify-content:center;align-items:center;gap:10px;padding:0 12px 2px;font-size:20px;font-weight:800;line-height:1;text-decoration:none;transition:transform .1s,filter .1s;display:inline-flex;position:relative}.btn.lime{color:var(--ink);text-shadow:none;border-image-source:url(/art/btn_lime.png)}.btn:hover:not([aria-disabled=true]):not(:disabled){transform:translateY(-2px)}.btn:active:not([aria-disabled=true]):not(:disabled){transform:translateY(3px)}.btn.off,.btn[aria-disabled=true],.btn:disabled{filter:var(--halo) grayscale(.7);opacity:.8;cursor:var(--cursor)}.btn img.mark{width:auto;height:22px;display:block}.btn.iconly{padding-left:14px;padding-right:14px}.btn.iconly img.mark{height:26px}.btn .lbl{padding-top:2px}.btnrow{flex-wrap:wrap;align-items:center;gap:10px 8px;display:flex}.field{gap:4px;margin-bottom:10px;display:grid}.field label{font-family:var(--pixel);color:var(--purple);font-size:17px}.field input{background:var(--cream);border:3px solid var(--ink);border-radius:10px;width:100%;min-width:0;padding:8px 10px;font-size:18px}.field input:focus{border-color:var(--pink);outline:none}.note{font-family:var(--pixel);color:var(--ink-soft);font-size:17px}.note.bad{color:var(--pink-deep)}.note.ok{color:#4b7a10}.ca{font-family:var(--pixel);word-break:break-all;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:10px;margin:0 0 10px;padding:8px 10px;font-size:17px;line-height:1.3}.ca.empty{color:var(--ink-soft);-webkit-user-select:none;user-select:none}.list{gap:6px;max-height:min(52vh,480px);padding-right:4px;display:grid;overflow:auto}.rowx{border:3px solid var(--ink);background:var(--cream);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.rowx img,.rowx .blank{object-fit:cover;border:2px solid var(--ink);background:var(--purple);width:44px;height:44px}.rowx .who{min-width:0}.rowx .who b{font-family:var(--pixel);overflow-wrap:anywhere;font-size:19px;display:block}.rowx .who span{font-family:var(--pixel);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.rowx .act{gap:6px;display:flex}.rowx .act .btn{border-width:9px 20px 14px;border-image-width:9px 20px 14px;min-height:46px;padding:0 4px 2px;font-size:17px}.slipline{border:3px solid var(--ink);background:var(--cream);border-radius:12px;padding:6px 8px}.slipline b{font-family:var(--pixel);font-size:19px}.slipline .from{font-family:var(--pixel);color:var(--ink-soft);font-size:15px}.slipline .txt{overflow-wrap:anywhere;margin-top:2px;font-size:17px}.sum{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.sum span{font-family:var(--pixel);border:3px solid var(--ink);background:var(--lime);border-radius:999px;padding:2px 10px;font-size:18px}@media (max-width:900px){.desktop{padding-bottom:24px;overflow:visible}.iconrow{flex-wrap:wrap;justify-content:center;gap:4px;padding:6px 8px 0;display:flex}.icons{grid-auto-flow:column;gap:4px;position:static}.icon{width:84px;font-size:17px}.icon img{height:62px}.slip{max-width:calc(100vw - 32px);height:clamp(500px,140vw,640px)}.row{grid-template-columns:62px 1fr}.row .k{font-size:17px}.frames{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;gap:14px 6px;padding:20px 12px 6px;display:grid;position:static}.frame{--w:120px;--fs:18px;position:static;transform:none}.frame:hover{transform:none}.win{max-width:560px;margin:18px auto 0;position:relative;width:calc(100vw - 24px)!important;top:auto!important;left:auto!important}.win .bar{cursor:default}.icon.jar{margin:12px auto 0;position:static}.list,.win .body{max-height:none}}