.pt{--ink:#4a3a5a;--line:#d8c4f4;--pink:#ffb3d0;--hot:#e8558a;--mint:#c4f2d8;--lav:#c9b0ec;color:var(--ink);background:radial-gradient(circle at 14% 16%,#fff 0 2px,#0000 3px),radial-gradient(circle at 70% 8%,#fff 0 2px,#0000 3px),radial-gradient(circle at 90% 42%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 6% 70%,#fff 0 1.5px,#0000 2.5px),repeating-linear-gradient(90deg,#ffffff59 0 14px,#0000 14px 28px),linear-gradient(#fbe4f0,#f4e0f6 55%,#efe4fa);border-radius:8px;gap:16px;padding:22px 18px 20px;display:grid;position:relative;overflow:clip}.pt-top{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:18px;display:grid}.eg{outline:none;justify-self:center;width:min(560px,100%);position:relative}.eg-photo{aspect-ratio:1;border-radius:50%;position:relative;-webkit-mask-image:radial-gradient(50% 50%,#000 86%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 86%,#0000 100%)}.eg-photo img{width:100%;height:100%;display:block}.eg-stage{transform-origin:0 0;width:640px;height:640px;position:absolute;top:0;left:0}.eg-lcd{transform-origin:0 0;background:#f8e8f6;border-radius:6px;flex-direction:column;width:200px;height:200px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #3c285080,0 0 3px 1px #281e3c99}.eg-lcd:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff4d,#0000 34%),repeating-linear-gradient(90deg,#0000 0 2px,#00000009 2px 3px),repeating-linear-gradient(#0000 0 2px,#00000009 2px 3px);position:absolute;inset:0}.eg-icons{flex:1;justify-content:space-around;align-items:center;margin:0;padding:3px 5px;list-style:none;display:flex;position:relative}.eg-icons.top{background:radial-gradient(circle at 50% 100%,#fff 0 2.6px,#0000 3px) 0 100%/8px 5px repeat-x,repeating-linear-gradient(90deg,#c9b0ec 0 6px,#d8c4f4 6px 12px);padding-bottom:8px;box-shadow:inset 0 -2px #f4c4dc}.eg-icons.bottom{background:radial-gradient(circle at 50% 0,#f4c4dc 0 2.6px,#0000 3px) 0 0/8px 5px repeat-x,linear-gradient(#1f3a48,#16303c);padding-top:8px}.eg-icons li{cursor:pointer;opacity:.82;border-radius:3px;width:24px;height:24px;padding:2px}.eg-icons li.deco{cursor:default;opacity:.9;pointer-events:none;width:14px;height:14px}.eg-icons li svg{width:100%;height:100%;display:block}.eg-icons li.on{opacity:1;background:#ffffff8c;box-shadow:0 0 0 1px #fff,0 0 6px #fff}.eg-icons.bottom li.on{background:#ffffff38}.eg-view{flex:none;position:relative}.eg-key{cursor:pointer;background:0 0;border:0;border-radius:50%;width:74px;height:74px;padding:0;transition:background 80ms,box-shadow 80ms;position:absolute;translate:-50% -50%}.eg-key.k1{top:505px;left:294px}.eg-key.k2{top:497px;left:378px}.eg-key.k3{top:440px;left:449px}.eg-key:hover{box-shadow:0 0 0 2px #fff9,0 0 14px #ffffffb3}.eg-key.down,.eg-key:active{background:radial-gradient(circle,#28143c47,#28143c1a 70%,#0000 72%)}.eg-help{text-align:center;letter-spacing:1px;color:#9a84b4;margin:6px 0 0;font-size:9px}.pt-card,.pt-panel{--px:4px;clip-path:polygon(0 calc(var(--px) * 2), var(--px) calc(var(--px) * 2), var(--px) var(--px), calc(var(--px) * 2) var(--px), calc(var(--px) * 2) 0, calc(100% - var(--px) * 2) 0, calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(var(--px) * 2), 100% calc(var(--px) * 2), 100% calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 2) 100%, calc(var(--px) * 2) 100%, calc(var(--px) * 2) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--px) * 2), 0 calc(100% - var(--px) * 2))}.pt-room{aspect-ratio:160/96;width:100%;image-rendering:pixelated;cursor:pointer;display:block}.pt-bubble{color:#2a3a44;text-transform:uppercase;letter-spacing:.5px;opacity:0;pointer-events:none;background:linear-gradient(#e4fff0,#c4f2d8);border-radius:7px;max-width:80%;margin:0;padding:3px 7px 4px;font:11px/1.35 Silkscreen,monospace;transition:opacity .2s,transform .2s;position:absolute;top:8%;left:5%;transform:translateY(4px);box-shadow:0 0 0 1.5px #2a3a44,2px 2px 0 1.5px #2a3a4459}.pt-bubble:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:#c4f2d8;width:8px;height:6px;position:absolute;bottom:-6px;right:14px;box-shadow:0 0 0 1.5px #2a3a44}.pt-bubble small{font:11px/1.4 var(--b-font,sans-serif);text-transform:none;letter-spacing:0;color:#4a5a64;display:block}.pt-bubble.on{opacity:1;transform:none}.pt-card{padding:24px 16px 14px;position:relative}.pt-card,.pt-panel{clip-path:none;box-shadow:inset 0 0 0 2px #fff, 0 0 0 2px var(--lav), 0 6px 14px -8px #6e469680;background:linear-gradient(#fdf8ff,#f6ecfc);border-radius:10px;overflow:hidden}.pt-card:before,.pt-panel:before{content:"";background:radial-gradient(circle at 50% 100%,#fff 0 2.6px,#0000 3px) 0 100%/8px 5px repeat-x,repeating-linear-gradient(90deg,#c9b0ec 0 6px,#d8c4f4 6px 12px);height:12px;position:absolute;top:0;left:0;right:0}.pt-panel{position:relative;padding-top:24px!important}.pt-kick{letter-spacing:1.5px;color:#8a62c8;margin:0;font:10px Silkscreen,monospace}.pt-name{font:700 24px/1.15 var(--b-font,sans-serif);letter-spacing:2px;color:#4a3a5a;align-items:baseline;gap:8px;margin:4px 0 0;display:flex}.pt-name small{font:12px var(--b-pixel,monospace);color:var(--hot);letter-spacing:0}.pt-stage{color:#8a7a9a;margin:2px 0 10px;font-size:12.5px}.pt-xp span{height:10px;box-shadow:inset 0 0 0 2px var(--line);background:#f3e6f0;display:block;overflow:hidden}.pt-xp i{background:repeating-linear-gradient(90deg, var(--pink) 0 6px, #ffb8d0 6px 8px);height:100%;display:block}.pt-xp small{text-align:right;color:#a890b8;margin-top:3px;font-size:8px;display:block}.pt-nums{border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0 8px;padding:8px 0;list-style:none;display:grid}.pt-nums li{justify-items:center;gap:1px;display:grid}.pt-nums b{color:var(--hot);font-size:13px}.pt-nums span{color:#8a7a9a;font-size:10.5px}.pt-nums em{font:15px var(--b-pixel,monospace);color:#4a3a5a;font-style:normal}.pt-gem{clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);background:linear-gradient(135deg,#e8f4ff,#7ab8f0 40%,#3a6ab0 70%,#a8d8ff);width:12px;height:14px;display:inline-block}.pt-gem.sm{vertical-align:-1px;width:8px;height:9px;margin-left:2px}.pt-woolrow{grid-template-columns:52px 1fr;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:grid}.pt-wool{background:var(--mint);height:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #a8d8c0}.pt-wool i{background:repeating-linear-gradient(90deg,#fffdf6 0 5px,#e6e0d2 5px 6px);width:0;height:100%;transition:width .6s;display:block;box-shadow:inset 0 0 0 2px #c9b8a8}.pt-wear{color:#8a7a9a;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;font-size:11px;display:flex}.pt-wear:empty{display:none}.pt-wear i{background:var(--c);border-radius:3px;width:10px;height:10px;margin-left:4px;box-shadow:inset 0 0 0 1px #00000026}.pt-gauges{gap:6px;display:grid}.pt-gauge{grid-template-columns:52px 1fr 26px;align-items:center;gap:6px;font-size:12px;display:grid}.pt-gl{color:#6a5a7a}.pt-gb{height:12px;box-shadow:inset 0 0 0 2px var(--line);background:#f6eef4;position:relative;overflow:hidden}.pt-gb i{background:var(--c);transition:width .6s;position:absolute;top:2px;bottom:2px;left:2px}.pt-gb:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 9%,#fff9 9% 10%);position:absolute;inset:0}.pt-gv{color:#8a7a9a;text-align:right;font-size:9px}.pt-gauge.low .pt-gb i{animation:1s ease-in-out infinite alternate pt-low}@keyframes pt-low{to{filter:brightness(1.3)}}.pt-moodline{color:#6a4a7a;text-align:center;margin:10px 0 8px;font-size:14px;line-height:1.5}.pt-acts{justify-content:center;gap:8px;margin:0;display:flex}.pt-btn{color:#3a2a4a;font:12px Silkscreen, var(--b-font,sans-serif);letter-spacing:.5px;cursor:pointer;background:linear-gradient(#fff,#dcdae6 45%,#b9b6c8 55%,#eceaf4);border:0;border-radius:99px;padding:6px 16px;box-shadow:inset 0 1px #fff,inset 0 -2px 3px #5a507859,0 0 0 1.5px #9687b9cc,0 3px #8273a5a6}.pt-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 0 0 1.5px #9687b9cc,0 1px #8273a5a6}.pt-btn:disabled{opacity:.5;cursor:default;filter:grayscale(.5)}.pt-today{text-align:center;color:#a890b8;margin:6px 0 0;font-size:11px}.pt-intro{text-align:center;color:#6a5a7a;max-width:720px;margin:0 auto;font-size:14px;line-height:1.8}.pt-panels{grid-template-columns:1fr 1.2fr 1.2fr;align-items:start;gap:12px;display:grid}.pt-panel{padding:14px 14px 12px}.pt-panel h3{width:fit-content;font:700 13px var(--b-font,sans-serif);letter-spacing:2px;color:#2a3a44;background:linear-gradient(#e4fff0,#c4f2d8);border-radius:7px;justify-content:center;align-items:baseline;gap:8px;margin:0 auto 12px;padding:3px 12px 4px;display:flex;box-shadow:0 0 0 1.5px #2a3a44,2px 2px 0 1.5px #2a3a444d}.pt-panel h3 .px{letter-spacing:1px;font:11px Silkscreen,monospace}.pt-panel h3 small{font:10px var(--b-pixel,monospace);color:#a890b8;letter-spacing:0}.pt-evo{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pt-evo li{border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:grid;position:relative}.pt-evo li.cur{box-shadow:inset 0 0 0 2px var(--pink);background:#fff0f6}.pt-evo canvas{width:48px;height:48px;image-rendering:pixelated;box-shadow:inset 0 0 0 2px var(--mint);background:radial-gradient(circle,#fff,#e4f4ec);border-radius:50%}.pt-evo b{color:#4a3a5a;font-size:13px}.pt-evo li.got .n-lock,.pt-evo li:not(.got) .n-got{display:none}.pt-evo li:not(.got) b{color:#b8a8c8}.pt-evo small{color:var(--hot);font-size:8px}.pt-tip{color:#8a7a9a;grid-column:2/-1;font-size:11px;line-height:1.5}.pt-ach{grid-template-columns:repeat(2,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.pt-ach li{border-radius:8px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;padding:4px;display:grid}.pt-seal{color:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#d8cce0;grid-row:span 2;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;display:grid}.pt-ach li.got .pt-seal{color:#fff;background:linear-gradient(#ffe08a,#f2b84a)}.pt-ach b{color:#4a3a5a;font-size:12.5px}.pt-ach li:not(.got) b{color:#b8a8c8}.pt-ach small{color:#9a8aaa;font-size:10.5px;line-height:1.3}.pt-log{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pt-log li{border-bottom:2px dashed #f0e2ee;grid-template-columns:34px 1fr auto;align-items:baseline;gap:2px 6px;padding-bottom:6px;font-size:12.5px;display:grid}.pt-log li>span{color:var(--hot);font-size:8px}.pt-log a{color:#4a3a5a;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.pt-log a:hover{color:var(--hot);text-decoration:underline}.pt-log em{font:11px var(--b-pixel,monospace);color:#c8457a;white-space:nowrap;font-style:normal}.pt-log small{flex-wrap:wrap;grid-column:2/-1;gap:4px;display:flex}.pt-log small i{color:#c8457a;background:#fff0f6;border-radius:99px;padding:0 6px;font-size:10px;font-style:normal}.pt-rules{color:#9a8aaa;margin:10px 0 0;font-size:11px;line-height:1.6}.pt-soon{text-align:center;color:#6a8a6a;margin:0;font-size:13px}.pt-soon:empty{display:none}@media (width<=900px){.pt-panels{grid-template-columns:1fr}}@media (width<=720px){.pt{padding:14px 10px}.pt-top{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pt *,.pt :before,.pt :after{transition:none!important;animation:none!important}}
