*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b0e22}body{color:#f3ebdd;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;background:radial-gradient(at 50% -10%,#2a3566,#121733 55%,#0b0e22) fixed;font-family:Wanted Sans Variable,Wanted Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h2,h3,.pl-qcard h3,.pl-res h3{font-family:Noto Serif KR,serif}.pl{min-height:100vh}.pl-top{z-index:5;background:#121733e8;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.pl-logo{white-space:nowrap;align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.pl-logo i{background:#e7b75f;border-radius:50%;width:11px;height:11px}.pl-logo span{color:#d9d3f0;font-weight:800}.pl-tabs{scrollbar-width:none;gap:4px;margin-left:12px;display:flex;overflow-x:auto}.pl-tabs::-webkit-scrollbar{display:none}.pl-tabs a{color:#b9b3d8;white-space:nowrap;border-radius:10px;padding:8px 13px;font-size:17px;font-weight:800}.pl-tabs a:hover{color:#fff;background:#ffffff12}.pl-tabs a.on{color:#1b1f3b;background:#e7b75f}.pl-home{color:#b9b3d8;white-space:nowrap;border:1px solid #ffffff2e;border-radius:10px;margin-left:auto;padding:7px 12px;font-size:15px;font-weight:700}.pl-grid{grid-template-columns:340px 1fr 1fr;grid-template-areas:"list center main";align-items:start;gap:20px;padding:20px 24px 12px;display:grid}.pl-center{grid-area:center;position:sticky;top:84px}.pl-list{grid-area:list}.pl-main{grid-area:main;min-height:560px}.pl-panel{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;padding:20px}.pl-panel h2{color:#e7b75f;font-size:22px;font-weight:900}.pl-list h3{color:#b9b3d8;margin:16px 0 8px;font-family:inherit;font-size:15px;font-weight:800}.pl-luna .fl-stage{aspect-ratio:3/2;background:#151a3c 50%/cover no-repeat;border:2px solid #e7b75f66;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000c}.pl-luna .fl-stage video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.pl-luna .fl-stage video.on{opacity:1}.pl-luna .fl-who{z-index:3;background:#0b0e22b8;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;display:flex;position:absolute;top:12px;left:14px}.pl-luna .fl-who i{background:#7cffb2;border-radius:50%;width:9px;height:9px}.pl-luna .fl-who.talk i{background:#ff8a5b;animation:.6s ease-in-out infinite alternate pl-pulse}@keyframes pl-pulse{to{transform:scale(1.4)}}.pl-say{color:#2a2118;background:#f3ebdd;border-radius:20px 20px 20px 6px;margin-top:12px;padding:12px 16px}.pl-say b{color:#7a3b2a}.pl-say button{color:#7a3b2a;background:0 0;border:1.5px solid #7a3b2a55;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:14px;font-weight:800}.pl-say p{margin-top:4px;font-size:17px;line-height:1.65}.pl-tc{text-align:left;background:#ffffff0a;border:1px solid #fff2;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:9px 11px;transition:border-color .2s,background .2s,transform .2s;display:flex}.pl-tc:hover{border-color:#e7b75f88;transform:translate(3px)}.pl-tc.on{background:#e7b75f18;border-color:#e7b75f}.pl-tc .mini{background:repeating-linear-gradient(45deg,#3b2f7a,#3b2f7a 5px,#33296b 5px 10px);border:2px solid #e7b75f;border-radius:6px;flex:none;width:36px;height:54px}.pl-tc b{font-size:16px;display:block}.pl-tc small{color:#b9b3d8;font-size:13px;display:block}.pl-note,.pl-msg{color:#b9b3d8;margin-top:10px;font-size:14px}.pl-empty h2{margin-bottom:8px}.pl-empty p{color:#d9d3f0;font-size:17px;line-height:1.7}.pl-qh{color:#e7b75f;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.pl-qh button{color:#d9d3f0;background:0 0;border:1px solid #ffffff2e;border-radius:10px;padding:5px 10px;font-size:14px}.pl-score{color:#f3ebdd}.pl-cand{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.pl-cand i{background:#ffffff1a;border-radius:6px 6px 3px 3px;width:12px;height:22px;transition:background .4s,box-shadow .4s}.pl-cand i.on{background:linear-gradient(#ffe29a,#e7b75f);box-shadow:0 -5px 10px #e7b75f66}.pl-cand i.now{background:#e7b75f55}.pl-qcard{color:#2a2118;background:#f3ebdd;border:3px solid #e7b75f;border-radius:18px;margin-top:6px;padding:16px 20px;animation:.35s pl-in}.pl-qcard small{color:#7a3b2a;font-size:14px;font-weight:800}.pl-qcard h3{margin-top:4px;font-size:26px;font-weight:900;line-height:1.4}.pl-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.pl-ch{text-align:left;background:linear-gradient(#22335a,#1b2848);border:2px solid #e7b75f;border-radius:14px;flex-direction:column;gap:6px;min-height:96px;padding:12px 14px;font-size:17px;line-height:1.5;transition:transform .2s,box-shadow .2s,background .2s;animation:.4s both pl-deal;display:flex}.pl-ch:hover:not(:disabled){background:linear-gradient(#3b2f7a,#2a2160);transform:translateY(-6px);box-shadow:0 0 0 4px #e7b75f44,0 16px 24px -14px #000}.pl-ch .n{color:#e7b75f;font-family:Noto Serif KR,serif;font-size:20px;font-weight:900}.pl-choices.ox{grid-template-columns:1fr 1fr}.pl-ch.big{justify-content:center;align-items:center;min-height:200px;font-family:Noto Serif KR,serif;font-size:96px;font-weight:900}.pl-ch.big.o{color:#7ce0b4;background:linear-gradient(#1e5b4a,#123a30)}.pl-ch.big.x{color:#ff9da8;background:linear-gradient(#5b1e2a,#3a121b)}.pl-ch.right{transform:scale(1.03);box-shadow:0 0 0 5px #7ce0b4aa}.pl-ch.wrong{opacity:.85;box-shadow:0 0 0 5px #ff9da8aa}.pl-ch.dim{opacity:.45}.pl-undo{color:#b9b3d8;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;font-size:15px;text-decoration:underline}.pl-timer{--p:100%;background:conic-gradient(#e7b75f var(--p),#ffffff1a 0);border-radius:50%;place-items:center;width:64px;height:64px;margin:10px auto 0;transition:background .3s;display:grid}.pl-timer b{background:#121733;border-radius:50%;place-items:center;width:50px;height:50px;font-size:22px;font-weight:900;display:grid}.pl-res h3{color:#fff;margin-top:10px;font-size:34px;font-weight:900;animation:.5s pl-in}.pl-res .lead{color:#d9d3f0;margin-top:6px;font-size:18px;line-height:1.6}.pl-res section{margin-top:14px}.pl-res h4{color:#e7b75f;font-size:16px;font-weight:800}.pl-res section p{margin-top:4px;font-size:16px;line-height:1.7}.pl-traits{flex-direction:column;gap:6px;margin-top:12px;list-style:none;display:flex}.pl-traits li{grid-template-columns:96px 1fr 32px;align-items:center;gap:8px;font-size:15px;display:grid}.pl-traits i{background:#ffffff14;border-radius:5px;height:10px;overflow:hidden}.pl-traits em{background:#e7b75f;height:100%;animation:.8s both pl-bar;display:block}.pl-wrong{margin-top:6px;list-style:none}.pl-wrong li{border-bottom:1px solid #ffffff14;padding:5px 0;font-size:15px}.pl-wrong b{color:#7ce0b4}.pl-export{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.pl-export img{border:2px solid #e7b75f;border-radius:12px;flex-basis:100%;width:100%;max-width:280px;margin-bottom:6px;display:block}.pl-export button,.pl-export a{background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:800}.pl-export .gold{color:#1b1f3b;background:#e7b75f;border-color:#e7b75f}.pl-export button:disabled{opacity:.6}.pl-legal{color:#8c86b0;text-align:center;padding:8px 24px 24px;font-size:13px}.pl-namebox{background:#ffffff0d;border:1px solid #fff2;border-radius:16px;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;display:flex}.pl-namebox span{color:#e7b75f;font-size:15px;font-weight:800}.pl-namebox input{min-height:46px;font:inherit;color:#f3ebdd;background:#0b0e22aa;border:1.5px solid #ffffff2e;border-radius:12px;outline:0;padding:0 12px;font-size:17px}.pl-namebox input:focus{border-color:#e7b75f}.pl-namebox small{color:#8c86b0;font-size:13px}.pl-ready{text-align:center}.pl-ready p{color:#d9d3f0;margin:14px 0;font-size:17px}.pl-deck{width:120px;height:180px;margin:24px auto 8px;position:relative}.pl-deck span{background:repeating-linear-gradient(45deg,#3b2f7a,#3b2f7a 8px,#33296b 8px 16px);border:2px solid #e7b75f;border-radius:12px;position:absolute;inset:0;box-shadow:0 10px 20px -12px #000}.pl-big{color:#1b1f3b;background:#e7b75f;border:0;border-radius:14px;min-height:54px;padding:0 28px;font-size:19px;font-weight:900}.fc{perspective:900px;text-align:left;background:0 0;border:0;min-height:130px;padding:0;position:relative}.fc:disabled{cursor:default}.fc-in{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.3,1);position:absolute;inset:0;transform:rotateY(180deg)}.fc.open .fc-in{transform:rotateY(0)}.fc-front,.fc-back{backface-visibility:hidden;border:2px solid #e7b75f;border-radius:14px;position:absolute;inset:0}.fc-back{background:repeating-linear-gradient(45deg,#3b2f7a,#3b2f7a 8px,#33296b 8px 16px);place-items:center;display:grid;transform:rotateY(180deg)}.fc-back i{border:2px solid #e7b75f;border-radius:50%;width:42px;height:42px;box-shadow:0 0 0 6px #e7b75f22}.fc-front{background:linear-gradient(#22335a,#1b2848);flex-direction:column;gap:6px;padding:12px 14px;font-size:17px;line-height:1.5;display:flex;overflow:auto}.fc-front .n{color:#e7b75f;font-family:Noto Serif KR,serif;font-size:20px;font-weight:900}.fc.deal{animation:.55s cubic-bezier(.2,.8,.2,1) both pl-dealin}.fc.open:not(:disabled):hover .fc-front{background:linear-gradient(#3b2f7a,#2a2160);box-shadow:0 0 0 4px #e7b75f44}.fc.picked{z-index:2}.fc.picked .fc-in{border-radius:14px;transform:translateY(-16px)scale(1.04);box-shadow:0 0 0 4px #e7b75f88,0 24px 30px -16px #000}.fc.away{opacity:.35;transition:opacity .3s}.fc.right .fc-front{background:linear-gradient(#1e5b4a,#123a30);box-shadow:0 0 0 5px #7ce0b4aa}.fc.wrong .fc-front{box-shadow:0 0 0 5px #ff9da8aa}.pl-fan{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.pl-fan .fc{min-height:120px}.pl-fan.ox .fc{min-height:200px}.fc.big .fc-front{justify-content:center;align-items:center;font-family:Noto Serif KR,serif;font-size:96px;font-weight:900}.fc.big.o .fc-front{color:#7ce0b4;background:linear-gradient(#1e5b4a,#123a30)}.fc.big.x .fc-front{color:#ff9da8;background:linear-gradient(#5b1e2a,#3a121b)}.fc.big.right .fc-front{box-shadow:0 0 0 6px #ffe29a}.pl-fate{flex-direction:column;align-items:center;margin:14px 0 6px;display:flex}.fc.fate{width:220px;height:330px;min-height:0;animation:.7s cubic-bezier(.2,.8,.2,1) both pl-give}.fc.fate .fc-front{text-align:center;background:radial-gradient(circle at 50% 30%,#3b2f7a,#1b2848 70%);border-width:3px;justify-content:center;align-items:center}.fc.fate .fc-front small{color:#e7b75f;font-size:14px;font-weight:800}.fc.fate .fc-front b{color:#fff;font-family:Noto Serif KR,serif;font-size:28px;line-height:1.3}.fc.fate .fc-front em{color:#b9b3d8;font-size:14px;font-style:normal}.fc.fate:not(.open){cursor:pointer}.fc.fate:not(.open) .fc-in{animation:1.6s ease-in-out infinite alternate pl-glow}.pl-tap{color:#e7b75f;margin-top:10px;font-size:16px;font-weight:800}.pl-resbody{animation:.5s pl-in}.pl-resbody h3{color:#fff;font-size:30px;font-weight:900}.pl-lock{background:#e7b75f22;border:1px solid #e7b75f66;border-radius:12px;flex-basis:100%;padding:10px 12px;font-size:15px}.pl-lock a{color:#ffe29a;font-weight:800;text-decoration:underline}@keyframes pl-dealin{0%{opacity:0;transform:translate(-40px,-120px)rotate(-12deg)scale(.8)}to{opacity:1;transform:none}}@keyframes pl-give{0%{opacity:0;transform:translateY(-140px)scale(.7)rotate(8deg)}to{opacity:1;transform:none}}@keyframes pl-glow{0%{box-shadow:0 0 #e7b75f00}to{box-shadow:0 0 30px 6px #e7b75f55}}@keyframes pl-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pl-deal{0%{opacity:0;transform:translateY(16px)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes pl-bar{0%{width:0}}@media (prefers-reduced-motion:reduce){.pl-ch,.pl-qcard,.pl-res h3,.pl-traits em,.fc.deal,.fc.fate,.fc.fate .fc-in,.pl-resbody{animation:none}.fc-in{transition:none}}@media (width<=1200px){.pl-grid{grid-template-columns:300px 1fr;grid-template-areas:"center center""list main"}.pl-center{position:static}.pl-luna .fl-stage{aspect-ratio:16/8}}@media (width<=760px){.pl-top{gap:8px;padding:0 12px}.pl-logo span,.pl-home{display:none}.pl-tabs{margin-left:0}.pl-tabs a{padding:7px 9px;font-size:15px}.pl-grid{grid-template-columns:1fr;grid-template-areas:"center""main""list";gap:12px;padding:12px}.pl-luna .fl-stage{aspect-ratio:16/10}.pl-choices,.pl-fan{grid-template-columns:1fr}.pl-fan.ox{grid-template-columns:1fr 1fr}.pl-fan.ox .fc{min-height:150px}.fc.big .fc-front{font-size:72px}.pl-choices.ox{grid-template-columns:1fr 1fr}.pl-ch.big{min-height:140px;font-size:72px}.pl-qcard h3{font-size:22px}}