/* Common legibility; the ten motifs below change the actual information structure. */
.ps-app{--ps-color:#3159ee;--ps-soft:#edf1ff;--ps-deep:#2443c9;min-height:100dvh;background:#fff;color:#202024;font-family:Pretendard,sans-serif;max-width:680px;margin:auto}.ps-nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:2px solid #202024;font-size:14px;font-weight:700}.ps-nav>a,.ps-nav>button{display:grid;place-items:center;width:36px;height:40px;border:0;background:none;color:inherit}.ps-nav svg{width:24px;height:24px}.ps-nav>span{flex:1}.ps-intro{padding:35px 24px 32px;text-align:center}.ps-kicker{font-size:17px;font-weight:650;color:var(--ps-deep);margin:0 0 12px}.ps-intro h1{font-size:36px;line-height:1.3;word-break:keep-all;text-wrap:balance;letter-spacing:-.02em;font-weight:850;margin:0}.ps-cover{position:relative;margin:12px auto 16px;max-width:370px}.ps-cover svg{display:block;width:100%}.ps-cover>span{position:absolute;bottom:5px;left:10%;right:10%;background:#fff;border:2px solid #202024;padding:10px 14px;font-size:17px;font-weight:750}.ps-intro-text{font-size:18px;line-height:1.6}.ps-start{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:16px 20px;background:var(--ps-start-bg,var(--ps-color));color:var(--ps-start-ink,#fff);border:2px solid #202024;font-size:18px;font-weight:800;text-align:left}.ps-start>span{font-size:14px}.ps-resume{margin:16px auto 0;padding:12px 15px;border:0;background:none;font-size:16px;text-decoration:underline}.ps-foot{font-size:13px;color:#656571;margin:24px 0 16px;text-align:center;line-height:1.6}.ps-progress{height:6px;background:var(--ps-soft)}.ps-progress i{display:block;background:var(--ps-color);height:100%}.ps-quiz{padding:24px 20px 30px}.ps-question-art{max-width:230px;margin:0 auto}.ps-question-art svg{display:block;width:100%;height:210px}.ps-scene{font-size:14px;font-weight:750;color:var(--ps-deep);line-height:1.5;margin:0 0 10px}.ps-quiz h1{font-size:24px;line-height:1.45;letter-spacing:-.015em;word-break:keep-all;text-wrap:balance;margin:0;font-weight:800}.ps-report,.ps-share{max-width:540px;width:100%;margin:0 auto}.ps-report svg,.ps-share svg{display:block;width:100%;height:auto}.ps-art{display:block}.ps-art svg{display:block;width:100%;height:100%}
/* Answers: every choice is a closed, equally weighted object. The motif sections give each test its own shape and one press cue.
   Fill is reserved for the chosen answer (.is-selected while app.js advances, aria-pressed on revisit); hover only on real pointers. */
.ps-answer{position:relative;width:100%;min-height:64px;display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;background:#fff;border:2px solid #202024;color:#202024;font-family:inherit;font-size:17px;line-height:1.5;word-break:keep-all;text-wrap:balance;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.ps-answer span{flex:1;min-width:0;font-weight:600}.ps-answer b{flex:0 0 auto;font-size:13px;font-weight:700;line-height:1.4;color:var(--ps-deep)}.ps-answer::before,.ps-answer::after{box-sizing:border-box}.ps-answer:focus-visible{outline:3px solid #202024;outline-offset:3px}.ps-answer.is-selected,.ps-answer[aria-pressed=true]{background-color:var(--ps-soft)}
.ps-answer-list,.ps-party-answers,.ps-alarm-answers,.ps-door-answers,.ps-debate-answers,.ps-conversation-answers,.ps-gift-answers,.ps-cheer-answers{display:grid;gap:14px;margin-top:24px}
@media(prefers-reduced-motion:reduce){.ps-answer{transition:none}}
/* Party: invitation headline, confetti stage and candy-pill answers that sit on a pink lip and press down. */
.ps-party{--ps-deep:#a3125a;--ps-start-bg:#b8166a}.ps-party .ps-quiz{background:#fff7fc}.ps-confetti{text-align:center;color:#a3125a;font-size:14px;font-weight:750}.ps-party-question{text-align:center;padding:8px 0}.ps-party .ps-cover{background:radial-gradient(circle at 15% 25%,#ffce32 0 6px,transparent 7px),radial-gradient(circle at 85% 60%,#3159ee 0 5px,transparent 6px)}
.ps-party-answers{gap:18px}.ps-party-answers .ps-answer{min-height:68px;border-radius:100px;padding:14px 24px 14px 14px;border-color:#b31c6d;box-shadow:0 5px 0 #b31c6d}.ps-party-answers .ps-answer b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#b8166a;color:#fff;font-size:15px;line-height:1}
@media(hover:hover){.ps-party-answers .ps-answer:hover{background:#fff0f8}}
.ps-party-answers .ps-answer:active,.ps-party-answers .ps-answer.is-selected,.ps-party-answers .ps-answer[aria-pressed=true]{transform:translateY(4px);box-shadow:0 1px 0 #b31c6d}.ps-party-answers .ps-answer.is-selected,.ps-party-answers .ps-answer[aria-pressed=true]{background:#ffd6ea}
/* Late arrival: station departure clock + reply notifications with a send button. */
.ps-clock{--ps-deep:#2443c9}.ps-clock .ps-timer{font-size:56px;line-height:1;font-weight:850;color:#3159ee;border-bottom:3px solid #3159ee;padding-bottom:16px}.ps-timer>span{font-size:18px;color:#5c5c66;margin-left:8px}.ps-departure{padding-top:24px}.ps-clock .ps-question-art{max-width:180px}.ps-clock .ps-question-art svg{height:170px}
.ps-clock .ps-answer{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:14px;row-gap:2px;align-items:center;min-height:80px;padding:13px 14px 13px 18px;border-radius:18px}.ps-clock .ps-answer b{grid-area:1/1}.ps-clock .ps-answer span{grid-area:2/1}.ps-clock .ps-answer::after{content:"";grid-area:1/2/3/3;width:44px;height:44px;border-radius:50%;background:#3159ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 2.5 14.8 21l-3.7-8.1L3 9.2Z'/%3E%3Cpath d='M21.5 2.5 11.1 12.9'/%3E%3C/svg%3E") 46% 54%/22px 22px no-repeat}
@media(hover:hover){.ps-clock .ps-answer:hover{border-color:#2443c9}}
.ps-clock .ps-answer:active{transform:scale(.98)}.ps-clock .ps-answer.is-selected,.ps-clock .ps-answer[aria-pressed=true]{background:#e3e9ff;border-color:#2443c9}.ps-clock .ps-answer.is-selected::after,.ps-clock .ps-answer[aria-pressed=true]::after{background:#2443c9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/22px 22px no-repeat}
/* Travel: boarding ticket question; answers are luggage tags with a rounded end and an orange eyelet. */
.ps-suitcase{--ps-deep:#a83a0b;--ps-start-ink:#202024}.ps-suitcase .ps-quiz{background:#fff2eb}.ps-boarding{border:2px solid #202024;background:#fff}.ps-ticket-head{padding:12px 18px;background:#fc6428;color:#202024;font-size:15px;font-weight:800}.ps-boarding .ps-scene{margin:20px 20px 10px}.ps-boarding h1{padding:0 20px 4px}.ps-boarding .ps-answer-list{padding:18px 16px 20px;margin-top:0;border-top:2px dashed #202024}
.ps-boarding .ps-answer{display:block;min-height:76px;padding:12px 16px 13px 54px;border-radius:12px 8px 8px 12px;background:linear-gradient(#202024,#202024) 36px 0/2px 100% no-repeat,linear-gradient(#fc6428,#fc6428) 0 0/36px 100% no-repeat,#fff}.ps-boarding .ps-answer b{display:block;margin-bottom:3px}.ps-boarding .ps-answer::before{content:"";position:absolute;left:10px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid #202024;border-radius:50%;background:#fff}
@media(hover:hover){.ps-boarding .ps-answer:hover{background-color:#fff4ee}}
.ps-boarding .ps-answer:active{transform:translateY(2px)}.ps-boarding .ps-answer.is-selected,.ps-boarding .ps-answer[aria-pressed=true]{background-color:#ffdcc8}.ps-boarding .ps-answer.is-selected::before,.ps-boarding .ps-answer[aria-pressed=true]::before{background:#202024}
/* Bed: pillow question and two alarm rows; the switch turns on only for the chosen action. */
.ps-bed{--ps-deep:#5b33b8;background:#f2edff}.ps-bed .ps-nav{background:#fff}.ps-sleep{background:#fff;border:2px solid #202024;border-radius:34px;padding:24px;text-align:center}.ps-bed .ps-question-art{margin-bottom:-12px;position:relative;z-index:1}
.ps-alarm-answers .ps-answer{min-height:72px;padding:14px 16px 14px 20px;border-radius:22px}.ps-alarm-answers .ps-answer b{display:none}.ps-alarm-answers .ps-answer::after{content:"";flex:0 0 54px;height:32px;border:2px solid #202024;border-radius:32px;background:radial-gradient(circle at 14px 50%,#fff 0 9px,#202024 9.6px 11px,transparent 11.6px),#ddd3f5}
@media(hover:hover){.ps-alarm-answers .ps-answer:hover{border-color:#5b33b8}}
.ps-alarm-answers .ps-answer:active{transform:scale(.985)}.ps-alarm-answers .ps-answer.is-selected,.ps-alarm-answers .ps-answer[aria-pressed=true]{background:#e6dcff;border-color:#5b33b8}.ps-alarm-answers .ps-answer.is-selected::after,.ps-alarm-answers .ps-answer[aria-pressed=true]::after{background:radial-gradient(circle at calc(100% - 14px) 50%,#fff 0 9px,#202024 9.6px 11px,transparent 11.6px),#7a4cdd}
/* Friend home: roof room question; answers are entrance panels with a doorbell plate. */
.ps-house{--ps-deep:#0e6b36}.ps-house .ps-quiz{background:#edfff2}.ps-address{font-size:14px;padding-bottom:12px;border-bottom:2px solid #138544;color:#0e6b36;font-weight:750}.ps-roof{padding-top:24px}.ps-roof .ps-question-art{max-width:190px}.ps-roof .ps-question-art svg{height:180px}
.ps-door-answers .ps-answer{display:block;min-height:84px;padding:13px 64px 15px 18px;border-radius:14px}.ps-door-answers .ps-answer b{display:block;margin-bottom:4px}.ps-door-answers .ps-answer::after{content:"";position:absolute;right:16px;top:50%;width:32px;height:44px;margin-top:-22px;border:2px solid #202024;border-radius:9px;background:radial-gradient(circle at 50% 64%,#138544 0 6.5px,#202024 7.1px 8.6px,transparent 9.2px),linear-gradient(#202024,#202024) 50% 9px/12px 2px no-repeat,#f4fff7}
@media(hover:hover){.ps-door-answers .ps-answer:hover{border-color:#0e6b36}}
.ps-door-answers .ps-answer:active{transform:translateY(2px)}.ps-door-answers .ps-answer.is-selected,.ps-door-answers .ps-answer[aria-pressed=true]{background:#d8f5e1;border-color:#0e6b36}.ps-door-answers .ps-answer.is-selected::after,.ps-door-answers .ps-answer[aria-pressed=true]::after{background:radial-gradient(circle at 50% 64%,#ffd23f 0 6.5px,#202024 7.1px 8.6px,transparent 9.2px),linear-gradient(#202024,#202024) 50% 9px/12px 2px no-repeat,#fff}
/* Debate: ruled meeting board; answers are statement cards with a raised folder tab and a mic. */
.ps-debate{--ps-deep:#b3201e;--ps-start-bg:#c62828}.ps-board{border:3px solid #202024;padding:0 20px 24px}.ps-board-title{background:#c62828;color:#fff;margin:0 -20px 20px;padding:12px 20px;font-size:15px;font-weight:750}.ps-debate .ps-question-art{max-width:180px}.ps-debate .ps-question-art svg{height:170px}
.ps-debate-answers{gap:44px;margin-top:46px}.ps-debate-answers .ps-answer{display:block;min-height:74px;padding:14px 18px 16px;border-radius:0 10px 10px 10px}.ps-debate-answers .ps-answer b{position:absolute;left:-2px;bottom:100%;display:flex;align-items:center;gap:5px;height:32px;padding:0 13px 0 10px;border:2px solid #202024;border-bottom:0;border-radius:9px 9px 0 0;background:inherit}.ps-debate-answers .ps-answer b::before{content:"";width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3201e' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='8.5' y='2.5' width='7' height='12' rx='3.5'/%3E%3Cpath d='M5 11.5a7 7 0 0 0 14 0M12 18.5v3'/%3E%3C/svg%3E") center/contain no-repeat}
@media(hover:hover){.ps-debate-answers .ps-answer:hover{background:#fff6f5}}
.ps-debate-answers .ps-answer:active{transform:translateY(2px)}.ps-debate-answers .ps-answer.is-selected,.ps-debate-answers .ps-answer[aria-pressed=true]{background:#ffe2df}
/* Crush: malfunction console, hard error frame and keyboard keys that sink when pressed. */
.ps-glitch{--ps-deep:#b8175c;--ps-start-bg:#b8175c}.ps-status{background:#202024;color:#fff;padding:12px 16px;font-size:14px;font-weight:700;display:flex;justify-content:space-between}.ps-status span{color:#ff589e}.ps-error{border:3px solid #e6337b;padding:20px}.ps-error>span{color:#b8175c;font-size:14px;font-weight:750;display:block;margin-bottom:14px}.ps-error .ps-scene{display:none}.ps-glitch .ps-question-art{max-width:180px}.ps-glitch .ps-question-art svg{height:170px}
.ps-glitch .ps-answer-list{gap:16px}.ps-glitch .ps-answer{width:calc(100% - 4px);min-height:70px;padding:15px 18px 15px 16px;box-shadow:4px 4px 0 #202024}.ps-glitch .ps-answer b{display:grid;place-items:center;width:32px;height:32px;border:2px solid #202024;border-radius:5px;background:#fff0f6;font-size:15px;line-height:1}
@media(hover:hover){.ps-glitch .ps-answer:hover{background:#fff5f9}}
.ps-glitch .ps-answer:active,.ps-glitch .ps-answer.is-selected,.ps-glitch .ps-answer[aria-pressed=true]{transform:translate(4px,4px);box-shadow:0 0 0 #202024}.ps-glitch .ps-answer.is-selected,.ps-glitch .ps-answer[aria-pressed=true]{background:#ffd8e8}
/* First encounter: interview balloon question; answers are my reply balloons with a tail. */
.ps-app.ps-interview{--ps-deep:#0b4fae}.ps-quiz > .ps-interview{position:relative;padding:24px 20px 0;border:2px solid #1264d6;border-radius:24px 24px 24px 0}.ps-question-number{font-size:14px;color:#0b4fae;font-weight:750;margin-bottom:18px}.ps-interview .ps-scene{display:none}.ps-interview .ps-question-art{max-width:180px}.ps-interview .ps-question-art svg{height:170px}
.ps-conversation-answers{gap:22px}.ps-conversation-answers .ps-answer{margin-left:24px;width:calc(100% - 24px);min-height:66px;padding:15px 20px;border-color:#0b4fae;border-radius:22px 22px 0 22px}.ps-conversation-answers .ps-answer b{display:none}.ps-conversation-answers .ps-answer::before,.ps-conversation-answers .ps-answer::after{content:"";position:absolute;top:100%;clip-path:polygon(0 0,100% 0,100% 100%)}.ps-conversation-answers .ps-answer::before{right:-2px;width:26px;height:17px;background:#0b4fae}.ps-conversation-answers .ps-answer::after{right:0;width:20px;height:13px;background:#fff;transition:background-color .12s ease}
@media(hover:hover){.ps-conversation-answers .ps-answer:hover,.ps-conversation-answers .ps-answer:hover::after{background-color:#f1f6ff}}
.ps-conversation-answers .ps-answer:active{transform:translateY(2px)}.ps-conversation-answers .ps-answer.is-selected,.ps-conversation-answers .ps-answer[aria-pressed=true],.ps-conversation-answers .ps-answer.is-selected::after,.ps-conversation-answers .ps-answer[aria-pressed=true]::after{background-color:#0b4fae;color:#fff}
/* Gifts: gift tag header, open paper question and wrapped candidate boxes with a ribbon and bow. */
.ps-gift{--ps-deep:#0d5a94}.ps-gift-tag{border-bottom:2px dashed #146fb4;padding:0 0 14px;font-size:14px;color:#0d5a94;font-weight:700}.ps-gift-question{text-align:left;padding:8px 0}.ps-gift .ps-question-art{max-width:185px}.ps-gift .ps-question-art svg{height:185px}
.ps-gift-answers{gap:24px;margin-top:30px}.ps-gift-answers .ps-answer{display:block;min-height:84px;padding:14px 70px 16px 18px;border-radius:8px}.ps-gift-answers .ps-answer b{display:block;margin-bottom:4px}.ps-gift-answers .ps-answer::before{content:"";position:absolute;top:0;bottom:0;right:28px;width:16px;border-left:2px solid #202024;border-right:2px solid #202024;background:#8cc8f2}.ps-gift-answers .ps-answer::after{content:"";position:absolute;right:12px;top:-15px;width:48px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 26'%3E%3Cpath d='M24 15C18 5 6 2 4.5 9.5S14 19.5 24 15ZM24 15c6-10 18-13 19.5-5.5S34 19.5 24 15Z' fill='%238cc8f2' stroke='%23202024' stroke-width='2.2' stroke-linejoin='round'/%3E%3Crect x='19' y='10' width='10' height='10' rx='3' fill='%23146fb4' stroke='%23202024' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat}
@media(hover:hover){.ps-gift-answers .ps-answer:hover{background:#f3f9fe}}
.ps-gift-answers .ps-answer:active{transform:translateY(2px)}.ps-gift-answers .ps-answer.is-selected,.ps-gift-answers .ps-answer[aria-pressed=true]{background:#dcedfb}.ps-gift-answers .ps-answer.is-selected::before,.ps-gift-answers .ps-answer[aria-pressed=true]::before{background:#146fb4}
/* Audience: stage apron, spotlight and ticket answers with a perforated stub. */
.ps-stage{--ps-deep:#7b1fa2}.ps-stage .ps-quiz{padding:0 20px 30px}.ps-stage-label{background:#9c32ca;color:#fff;font-size:14px;font-weight:750;padding:13px 16px;margin:0 -20px 12px}.ps-stage>.ps-question-art{background:radial-gradient(ellipse at center,#faefff 40%,transparent 70%)}.ps-stage>.ps-scene{padding-top:20px;border-top:5px solid #9c32ca}
.ps-cheer-answers .ps-answer{display:block;min-height:76px;padding:14px 18px 16px 22px;border:2px solid #9c32ca;border-left:14px solid #9c32ca;border-radius:0}.ps-cheer-answers .ps-answer b{display:block;margin-bottom:4px}.ps-cheer-answers .ps-answer::before{content:"";position:absolute;left:-8px;top:7px;bottom:7px;border-left:2px dashed #fff}
@media(hover:hover){.ps-cheer-answers .ps-answer:hover{background:#fcf6ff}}
.ps-cheer-answers .ps-answer:active{transform:translateX(3px)}.ps-cheer-answers .ps-answer.is-selected,.ps-cheer-answers .ps-answer[aria-pressed=true]{background:#f3e0fc;border-color:#7b1fa2}
@media(min-width:600px){.ps-quiz{padding-left:40px;padding-right:40px}.ps-intro{padding-left:50px;padding-right:50px}}@media(max-width:370px){.ps-intro{padding-left:18px;padding-right:18px}.ps-intro h1{font-size:34px}.ps-quiz{padding-left:18px;padding-right:18px}.ps-answer{padding-left:15px;padding-right:15px}}