@import url("../../../assets/css/gameplay-quality-v2.css?v=20261018");
.pl-root{--pl-ink:#463d55;--pl-purple:#786096;--pl-cream:#fffbf2;--pl-gold:#e6b450;color:var(--pl-ink);background:var(--pl-cream);border:1px solid #e4dce9;border-radius:22px;overflow:hidden;isolation:isolate;width:100%;max-width:100%;box-sizing:border-box;font-family:'Noto Sans JP',system-ui,sans-serif;scroll-margin-top:100px}.pl-root *{box-sizing:border-box}.pl-root [hidden]{display:none!important}.pl-root button{font:inherit;border:0;cursor:pointer;touch-action:manipulation;line-height:1.45}.pl-root button:focus-visible,.pl-root summary:focus-visible{outline:3px solid #3475b6;outline-offset:3px}.pl-root button:disabled{opacity:.45;cursor:default}.pl-root svg{display:block;width:100%;height:100%}.pl-header{padding:17px 22px;border-bottom:1px solid #e9dfeb;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#faf4fc}.pl-header b{font-size:16px;letter-spacing:.04em}.pl-header b span{display:inline-block;color:#d5a147;margin-right:7px;font-size:22px;vertical-align:-1px}.pl-header small{font-size:9px;letter-spacing:.13em;color:#948399}
.pl-intro{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:38px 32px 0;gap:20px;background:radial-gradient(ellipse at 70% 45%,#f8e2a4,transparent 65%)}.pl-eyebrow{color:var(--pl-purple);font-size:10px;font-weight:800;letter-spacing:.13em}.pl-intro h2{font-size:clamp(31px,4.4vw,48px);line-height:1.35;letter-spacing:-.04em;margin:18px 0}.pl-intro em{font-style:normal;color:var(--pl-purple)}.pl-intro-copy p{font-size:13px;line-height:1.95;margin:0 0 22px}.pl-primary{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:14px 19px;min-height:48px;border-radius:24px;background:var(--pl-purple);color:white;font-weight:800!important;box-shadow:0 4px 0 #57466e}.pl-primary:hover{background:#695183;transform:translateY(-1px)}.pl-intro-copy>small{display:block;font-size:10px;margin-top:15px;color:#8b7c83;line-height:1.7}.pl-cover{position:relative;min-height:320px;align-self:center}.pl-orbit{position:absolute;border:1px solid #d7c4ce;border-radius:50%;width:240px;height:240px;top:30px;left:0}.pl-orbit-two{width:300px;height:300px;left:-30px;top:0;opacity:.5}.pl-cover-star{position:absolute;color:#b894bb;z-index:1}.pl-star-one{font-size:46px;top:0;left:18px}.pl-star-two{font-size:25px;right:10px;top:160px}.pl-cover-question{position:absolute;top:0;right:25px;color:var(--pl-purple);font-weight:900;font-size:75px;transform:rotate(15deg)}.pl-pudding-cover{position:absolute;left:4%;top:78px;width:220px;height:190px;transform:rotate(-6deg);filter:drop-shadow(0 16px 8px #926f6224)}.pl-custard{position:absolute;width:180px;height:118px;left:20px;top:25px;border-radius:35px 35px 45px 45px;background:linear-gradient(90deg,#e7b340,#ffe789 55%,#efc255);border:3px solid #bc8642;transform:perspective(160px) rotateX(12deg);z-index:2;display:flex;align-items:center;justify-content:center;gap:41px}.pl-custard i{width:10px;height:15px;border-radius:50%;background:#7e523e;margin-top:5px}.pl-custard b{position:absolute;top:60px;left:77px;color:#7e523e;font-size:28px;font-weight:700}.pl-caramel{position:absolute;top:9px;left:35px;width:150px;height:53px;background:linear-gradient(#ac673d,#8d4933);border:3px solid #744433;border-radius:50%;z-index:3}.pl-cherry{position:absolute;top:-18px;left:93px;width:30px;height:30px;border-radius:50%;background:#cf6a71;border:2px solid #9d515d;z-index:4;box-shadow:inset 7px 5px #e8a0a1}.pl-cherry:before{content:'';position:absolute;width:22px;height:27px;border-left:3px solid #658563;border-radius:50%;left:14px;top:-20px;transform:rotate(21deg)}.pl-plate{position:absolute;width:220px;height:66px;background:#f7f4ed;border:3px solid #aa9eb2;border-radius:50%;bottom:27px;z-index:1;box-shadow:inset 0 -9px #dbd5dd}.pl-cover-label{position:absolute;bottom:0;left:32px;background:#fffaf0;border:1px solid #dfccbb;border-radius:8px;padding:10px 22px;text-align:center;font-size:10px;transform:rotate(7deg);line-height:1.7;box-shadow:3px 4px 0 #e5d3ba}.pl-cover-label b{font-size:16px}.pl-features{grid-column:1/-1;border-top:1px solid #e8dacc;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:20px 0;font-size:10px;font-weight:700}.pl-features span:before{content:'●';color:#c798bd;margin-right:6px}
.pl-play{padding:23px}.pl-level-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pl-level-head h2{font-size:22px;line-height:1.5;margin:6px 0 0}.pl-score{text-align:right;flex-shrink:0}.pl-score small{display:block;color:#978996;font-size:10px}.pl-score strong{font-size:26px;color:var(--pl-purple);font-variant-numeric:tabular-nums}.pl-progress{display:flex;gap:5px;margin:16px 0 14px}.pl-progress i{height:5px;flex:1;background:#e8e0e3;border-radius:5px}.pl-progress i.is-done{background:#a3b99b}.pl-progress i.is-current{background:#a487b9}.pl-quip{font-size:11px;margin:0 0 20px;line-height:1.8;color:#91818a}.pl-game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.86fr);gap:24px;align-items:start}.pl-table,.pl-evidence{min-width:0}.pl-section-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:11px}.pl-section-head b{font-size:12px}.pl-section-head small{font-size:9px;color:#958c91}
.pl-people{display:grid;gap:8px}.pl-person{width:100%;display:flex;align-items:center;gap:9px;background:#fffdf7;border:1px solid #c9b692!important;border-radius:12px;padding:8px 10px;text-align:left;color:var(--pl-ink);min-height:61px}.pl-person.is-selected{border:2px solid #66856b!important;padding:7px 9px;background:#f1f3df;box-shadow:0 0 0 2px #d6e2bf}.pl-person .pl-seat{font-size:11px;color:#9b849e;font-weight:800;width:14px;flex-shrink:0}.pl-face{width:40px;height:40px;flex-shrink:0}.pl-person-name{font-size:12px;white-space:nowrap;font-weight:800}.pl-person-name small{font-size:9px;font-weight:400}.pl-assigned{margin-left:auto;display:flex;align-items:center;gap:3px;border-radius:20px;padding:4px 8px;background:#f3eddf;font-size:10px;min-width:88px;justify-content:center}.pl-assigned .pl-food-icon{width:28px;height:28px}.pl-assigned.is-empty{color:#a79a8c;border:1px dashed #d5c8ba;background:transparent;min-height:34px}
.pl-palette{margin-top:14px;padding:14px 12px;border-radius:12px;background:#eee7f2;border:1px solid #e1d6e9}.pl-palette-title{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:11px}.pl-palette-title strong{font-size:11px}.pl-palette-title button{background:transparent;color:#8b709c;text-decoration:underline;font-size:9px;padding:5px 0}.pl-foods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pl-food-button{position:relative;display:flex;flex-direction:column;align-items:center;background:#fffcf5;border-radius:9px;padding:7px 3px;color:var(--pl-ink);min-width:0;border:1px solid #ddcfde!important}.pl-food-button:hover{background:#fff1cc;border-color:#caa767!important}.pl-food-button.is-chosen{border:2px solid #9074a8!important;padding:6px 2px;background:#fff3cc}.pl-food-button .pl-food-icon{width:42px;height:42px}.pl-food-button b{font-size:10px}.pl-food-button small{font-size:8px;color:#9a849f;min-height:12px;line-height:1.5}.pl-palette>small{display:block;font-size:9px;color:#95839a;margin-top:9px;line-height:1.7}
.pl-evidence{background:#f5efdF;border:1px solid #e6dbbb;border-radius:13px;padding:15px}.pl-clues{display:grid;gap:9px}.pl-clue{display:flex;align-items:flex-start;gap:9px;padding:11px 10px;text-align:left;background:#fffaf0;color:#63544d;border:1px solid #e7dabc!important;border-radius:8px;width:100%;font-size:11px!important;line-height:1.85!important;transition:background .15s}.pl-clue>i{font-style:normal;display:grid;place-items:center;flex-shrink:0;border:1px solid #d3ba8f;border-radius:50%;width:20px;height:20px;line-height:1;font-size:10px;color:#a18554;margin-top:1px}.pl-clue.is-marked{background:#e9eee1;border-color:#c7d2bd!important;color:#697b61}.pl-clue.is-marked>i{background:#8faa82;color:white;border-color:#8faa82}.pl-clue.is-wrong{border-color:#d99d91!important;background:#fbe5df}.pl-clue.is-good{border-color:#b4c99c!important}.pl-rule-note{font-size:10px;color:#948369;line-height:1.8;margin-top:14px}.pl-rule-note b{color:#7a654f}.pl-status{font-size:12px;line-height:1.8;min-height:41px;margin:20px 0 12px;color:#80678f;text-align:center;white-space:pre-line}
.pl-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.pl-tools{display:flex;gap:7px;flex-wrap:wrap}.pl-tools button,.pl-secondary{background:#ede6ef;color:#806c8d;padding:11px 13px;border-radius:8px;font-size:11px;min-height:42px}.pl-tools #plHint{background:#f4e9cc;color:#997844}.pl-actions .pl-primary{font-size:12px;padding:13px 18px}.pl-clear{margin-top:20px;border:2px solid #b1bd95;border-radius:13px;background:#fffdfa;display:flex;align-items:center;gap:15px;padding:20px;flex-wrap:wrap}.pl-clear-seal{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:3px double #9d819e;font-size:20px;font-weight:800;color:#95769a;transform:rotate(-12deg)}.pl-clear h3{margin:0;font-size:17px}.pl-clear p{font-size:11px;margin:7px 0 0;line-height:1.8}.pl-clear-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.pl-clear .pl-primary{font-size:12px;padding:12px 17px}.pl-result{padding:36px 24px;text-align:center;background:radial-gradient(ellipse at center,#f7e6b5,transparent 68%)}.pl-result-icon{width:100px;height:100px;margin:12px auto}.pl-result h2{font-size:29px;margin:9px 0 16px}.pl-result>strong{display:block;font-size:54px;line-height:1.3;color:var(--pl-purple)}.pl-result>span:not(.pl-eyebrow){font-size:11px;color:#928391}.pl-result p{font-size:13px;line-height:1.8}.pl-save{font-size:11px!important;color:#907890;min-height:23px}.pl-result .pl-primary{margin-top:16px}
.pl-guide{border-top:1px solid #e7ddeb;font-size:12px}.pl-guide summary{padding:17px 22px;cursor:pointer;color:#847090;font-weight:700}.pl-guide>div{padding:0 22px 14px;line-height:1.9}.pl-guide p{margin:0 0 10px}.pl-root noscript{display:block;padding:16px}
@media(max-width:850px){.pl-intro{padding:28px 24px 0}.pl-cover{min-height:310px;transform:scale(.9);transform-origin:center}.pl-game-layout{gap:16px;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.pl-play{padding:18px}.pl-evidence{padding:12px}.pl-person{gap:6px;padding:7px}.pl-person.is-selected{padding:6px}.pl-face{width:34px;height:34px}.pl-person-name{font-size:11px}.pl-assigned{min-width:75px;padding:4px;font-size:9px}.pl-assigned .pl-food-icon{width:24px;height:24px}.pl-section-head small{font-size:8px}.pl-clue{font-size:10px!important;padding:10px 8px}}
@media(max-width:650px){.pl-header{padding:13px 16px}.pl-header b{font-size:14px}.pl-header small{font-size:7px;letter-spacing:.04em}.pl-intro{grid-template-columns:1fr;padding:28px 21px 0;gap:0}.pl-intro-copy{position:relative;z-index:1}.pl-intro h2{font-size:34px;margin:15px 0}.pl-intro-copy p{font-size:12px}.pl-intro-copy .pl-primary{font-size:12px;padding:14px 17px}.pl-cover{position:absolute;width:200px;right:-64px;top:100px;transform:scale(.68);opacity:.25;pointer-events:none}.pl-cover-label,.pl-cover-question{display:none}.pl-features{justify-content:flex-start;column-gap:15px;row-gap:8px;font-size:9px;margin-top:24px;padding:18px 0}.pl-play{padding:16px 12px}.pl-level-head h2{font-size:18px}.pl-score strong{font-size:22px}.pl-game-layout{display:flex;flex-direction:column;gap:18px}.pl-table,.pl-evidence{width:100%}.pl-section-head{margin-bottom:10px}.pl-section-head b{font-size:12px}.pl-section-head small{font-size:9px}.pl-people{gap:7px}.pl-person{min-height:55px;padding:6px 10px;gap:9px}.pl-person.is-selected{padding:5px 9px}.pl-face{width:37px;height:37px}.pl-person-name{font-size:12px}.pl-assigned{font-size:11px;min-width:100px;padding:4px 8px}.pl-assigned .pl-food-icon{width:28px;height:28px}.pl-palette{padding:12px 10px;margin-top:12px}.pl-foods{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pl-food-button{padding:6px 2px}.pl-food-button.is-chosen{padding:5px 1px}.pl-food-button .pl-food-icon{width:35px;height:35px}.pl-food-button b{font-size:9px;letter-spacing:-.03em}.pl-food-button small{font-size:7px}.pl-palette-title strong{font-size:11px}.pl-palette-title button{font-size:9px}.pl-evidence{padding:13px 11px}.pl-clue{font-size:11px!important;padding:10px}.pl-status{margin:16px 0 11px;font-size:11px;min-height:35px}.pl-actions{justify-content:center;gap:13px}.pl-tools{width:100%;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px}.pl-tools button{font-size:10px;padding:10px 5px}.pl-actions .pl-primary{width:100%;font-size:13px}.pl-clear{padding:15px 12px;gap:12px}.pl-clear h3{font-size:15px}.pl-clear p{font-size:10px}.pl-clear-actions{width:100%;justify-content:center;margin:4px 0 0}.pl-clear .pl-primary{flex:1}.pl-secondary{font-size:10px;padding:11px 8px}.pl-result h2{font-size:25px}.pl-guide summary{padding:15px}.pl-guide>div{padding:0 15px 12px}}
@media(max-width:350px){.pl-header small{display:none}.pl-person{gap:6px}.pl-assigned{min-width:84px;font-size:10px}.pl-assigned .pl-food-icon{width:24px;height:24px}.pl-food-button .pl-food-icon{width:29px;height:29px}.pl-food-button b{font-size:8px}.pl-food-button small{font-size:6px}.pl-palette-title strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pl-root *{animation:none!important;transition:none!important}}

/* A cafe table, evidence cards and a separate deduction notebook. */
.pl-root{background:radial-gradient(ellipse at top right,#f7dba5,transparent 65%),#fff4dd;box-shadow:0 14px 35px #76503420}.pl-header{background:linear-gradient(110deg,#805e4e,#ad7f61);color:#fff5d8;border-bottom:3px solid #e9c379}.pl-header small{color:#f5dcae}.pl-table{background:repeating-linear-gradient(3deg,#bd986d 0 4px,#b79268 4px 5px,#bd986d 5px 12px),#c39e72;border:1px solid #9c744b;box-shadow:inset 0 3px 5px #72502c22,0 4px 0 #9a764d;padding:16px;border-radius:15px}.pl-table>.pl-section-head{color:#fff8df;text-shadow:0 1px 1px #725437}.pl-person{position:relative;background:linear-gradient(135deg,#fff9e7,#eddfbb);border-color:#c6ad7b;box-shadow:0 4px 0 #8c6c4d45;transition:transform .16s,border-color .16s}.pl-person:before{content:'';position:absolute;inset:5px;border:1px dashed #cfc3a270;border-radius:8px;pointer-events:none}.pl-person.is-selected{border-color:#526f62;box-shadow:0 4px 0 #526f62,0 0 0 2px #e5edcc}.pl-face{filter:drop-shadow(0 3px 1px #65523a22)}.pl-assigned:not(.is-empty){background:radial-gradient(ellipse,#fff5d7 35%,#e5ce9d);border-radius:12px;box-shadow:inset 0 -3px 0 #a9936230}.pl-palette{background:#fff4daeb;border:1px solid #967751;border-radius:10px;box-shadow:0 3px 0 #8b6e4c33}.pl-food-button{background:#fff9e8;box-shadow:0 2px 0 #c6ab79}.pl-evidence{position:relative;background:repeating-linear-gradient(0deg,transparent 0 26px,#9f97ad0d 26px 27px),#fffaf0;box-shadow:3px 5px 0 #c9b591;border:1px solid #c7b393}.pl-evidence:before{content:'';position:absolute;width:52px;height:15px;background:#d2b586aa;top:-7px;left:calc(50% - 26px);transform:rotate(-4deg);box-shadow:0 1px 2px #77572922}.pl-clue{border-bottom-style:dashed}.pl-serving{display:flex;align-items:center;gap:12px;margin:23px 0 12px;padding:10px 13px;background:#ede6cd;border:1px solid #d5c399;border-radius:8px;font-size:10px}.pl-serving>div{height:8px;background:#d5c9ac;flex:1;border-radius:6px;overflow:hidden}.pl-serving i{display:block;height:100%;background:linear-gradient(90deg,#96ae78,#527d60);width:0;transition:width .2s}.pl-serving b{color:#557256}.pl-notebook{background:#fff8e5;border:1px solid #d0bd94;border-left:5px solid #a78e6e;border-radius:5px;padding:10px 12px}.pl-notebook summary{font-size:12px;font-weight:800;cursor:pointer}.pl-notebook summary small{font-size:9px;font-weight:400;color:#80715e;display:block;line-height:1.7;margin:3px 0 0 17px}.pl-notes{display:grid;grid-template-columns:70px repeat(var(--pl-seats),minmax(0,1fr));gap:1px;margin-top:13px;background:#d6c8a9;border:1px solid #d6c8a9}.pl-notes>b,.pl-notes>span{display:grid;place-items:center;font-size:10px;text-align:center;line-height:1.5;padding:7px 3px;background:#eee4cc;overflow-wrap:anywhere}.pl-notes>button{min-width:0;min-height:38px;border:0;border-radius:0;box-shadow:none;background:#fffaf0;font-size:18px;padding:5px}.pl-notes>button[data-mark="1"]{color:#b46b58;background:#fae6d7}.pl-notes>button[data-mark="2"]{color:#3c795d;background:#dfebd5}.pl-just-served .pl-assigned{animation:pl-serve .3s ease-out}.pl-unanimous .pl-person{border-color:#659264}.pl-clear{background:#f1eed2;border:1px solid #acb57e}.pl-result-icon{filter:drop-shadow(0 9px 3px #9d724b20)}
@keyframes pl-serve{from{transform:translateY(-9px) rotate(-4deg);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:620px){.pl-table{padding:12px 9px}.pl-serving{font-size:9px;gap:7px}.pl-notebook{padding:9px}.pl-notes{grid-template-columns:59px repeat(var(--pl-seats),minmax(0,1fr))}.pl-notes>b{font-size:8px}.pl-notes>button{font-size:17px;min-height:40px}.pl-notebook summary small{font-size:8px}.pl-evidence{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pl-root *{animation:none!important;transition:none!important}}

.pl-table>.pl-section-head small{color:#fff0ce}.pl-root .pl-person{min-height:70px}.pl-root .pl-face{width:46px;height:46px}.pl-root .pl-assigned.is-empty{font-size:10px}@media(max-width:350px){.pl-root .pl-face{width:33px;height:33px}.pl-root .pl-person{min-height:61px}}
.pl-notebook summary small{font-size:11px}.pl-notes>b,.pl-notes>span{font-size:11px}@media(max-width:620px){.pl-notes>b,.pl-notes>span{font-size:11px}.pl-notebook summary small{font-size:10px}.pl-serving{font-size:10px}}