.pp{--ink:#17394f;--paper:#fff5dd;--coral:#ed7956;--gold:#f4c467;min-height:100dvh;color:var(--paper);background:#102d40 var(--pp-stage) center bottom/cover fixed;padding-bottom:env(safe-area-inset-bottom);isolation:isolate;font-family:Trebuchet MS,Arial,sans-serif}.pp *{box-sizing:border-box}.pp button,.pp input,.pp textarea,.pp select{font:inherit}.pp button,.pp a{touch-action:manipulation}.pp button{cursor:pointer;color:var(--ink);background:var(--paper);border:2px solid #0000;border-radius:12px;padding:11px 16px;font-weight:800;transition:transform .15s,background .15s}.pp button:hover:not(:disabled){background:#fffdf3;transform:translateY(-2px)}.pp button:active:not(:disabled){transform:translateY(1px)}.pp button:disabled{cursor:default;opacity:.55}.pp :focus-visible{outline-offset:4px;outline:3px solid #f4c467}.pp a{color:inherit}.pp h1,.pp h2,.pp h3{letter-spacing:-.04em;margin:0;font-family:Trebuchet MS,Arial,sans-serif;line-height:1.06}.pp h1{font-size:clamp(2rem,5vw,4.7rem);font-weight:1000}.pp h2{font-size:1.7rem}.pp h1 em{color:var(--coral);font-style:normal}.pp p{line-height:1.5}.pp-top{height:64px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));z-index:4;background:#102a3be8;border-bottom:1px solid #f5ce7540;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.pp-top>div{gap:6px;display:flex}.pp-top button{color:var(--paper);background:#fff4d90c;border:1px solid #fff4d944;padding:8px 10px;font-size:.8rem}.pp-top button:hover:not(:disabled){background:#214b60}.pp-logo{letter-spacing:.03em;text-align:center;font-size:clamp(.85rem,2vw,1.35rem);font-weight:1000;text-decoration:none}.pp-logo em{color:var(--coral);font-style:normal}.pp-eyebrow{letter-spacing:.15em;color:var(--gold);margin-bottom:12px;font-size:.72rem;font-weight:900;display:block}.pp-entry{grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;max-width:1250px;min-height:calc(100dvh - 64px);margin:auto;padding:32px;display:grid}.pp-cover{position:relative}.pp-cover>img{border:3px solid #ecc469;border-radius:30px;width:100%;display:block;box-shadow:0 24px 65px #0005}.pp-cover>span{text-align:center;letter-spacing:.1em;margin-top:22px;font-size:.75rem;font-weight:900;display:block}.pp-entry-controls>p{color:#f4e5c5}.pp-tabs{gap:8px;margin:20px 0;display:flex}.pp-tabs button{color:var(--paper);background:#183f55;border-color:#fff4d933;flex:1}.pp-tabs [aria-pressed=true]{background:var(--gold);color:var(--ink)}.pp label{gap:7px;font-size:.86rem;font-weight:800;display:grid}.pp input:not([type=checkbox]),.pp select,.pp textarea{width:100%;min-width:0;color:var(--ink);background:#fff9eb;border:2px solid #8ea1a2;border-radius:10px;padding:12px;line-height:1.35}.pp input[type=checkbox]{accent-color:#ec7956;width:19px;height:19px}.pp-primary{width:100%;margin-top:14px;box-shadow:0 4px #8d3b2b;background:var(--coral)!important;color:#102b3d!important;padding:14px!important}.pp-link{text-align:center;text-underline-offset:4px;margin:12px auto;display:block;color:var(--gold)!important;background:0 0!important;border:0!important;font-size:.86rem!important}.pp-settings{gap:14px;margin-top:16px;display:grid}.pp-settings fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.pp-settings legend{margin-bottom:8px;font-size:.85rem;font-weight:900}.pp-settings fieldset label{background:#123248de;border:1px solid #fff2d733;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pp-settings label span{gap:3px;display:grid}.pp-settings small{opacity:.8;font-size:.73rem;font-weight:400}.pp-error{color:#602519;z-index:8;background:#fff0c7;justify-content:center;align-items:center;gap:16px;padding:12px 18px;display:flex;position:relative}.pp-error button{padding:6px 12px;font-size:.75rem}.pp-centre{text-align:center;place-items:center;min-height:70vh;padding:24px;display:grid}.pp-lobby{grid-template-columns:1fr 1fr;gap:40px;max-width:1180px;margin:auto;padding:35px 24px;display:grid}.pp-lobby-stage{text-align:center;flex-direction:column;align-items:center;display:flex}.pp-marquee{padding:18px 0}.pp-marquee>span{letter-spacing:.14em;color:var(--gold);font-size:.7rem}.pp-marquee h1{margin-top:10px;font-size:clamp(2.7rem,4vw,4.2rem)}.pp-host-cast{align-items:center;gap:14px;height:220px;display:flex}.pp-host-cast .full-character{width:135px;height:210px}.pp-host-cast p{max-width:200px;font-size:1.05rem;font-style:italic}.pp-invite{border:2px solid var(--gold);background:#102d40dd;border-radius:20px;justify-content:center;align-items:center;gap:28px;width:100%;padding:14px 20px;display:flex}.pp-invite>div{gap:4px;display:grid}.pp-invite strong{letter-spacing:.12em;color:var(--gold);font-size:3.3rem;line-height:1.2}.pp-invite small,.pp-invite span{font-size:.75rem}.pp-qr{line-height:0;background:0 0!important;padding:0!important}.pp-qr img{border-radius:8px;width:120px}.pp-invite-buttons{gap:12px;margin:16px 0;display:flex}.pp-lobby-players{background:#0c283ce8;border:1px solid #f7cc6a44;border-radius:24px;padding:24px}.pp-lobby-players h2{justify-content:space-between;align-items:center;display:flex}.pp-lobby-players h2 small{color:var(--gold);font-size:1rem}.pp-lobby-players ul{gap:7px;padding:0;list-style:none;display:grid}.pp-lobby-players li{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.pp-lobby-players li>b{overflow-wrap:anywhere;flex:1}.pp-lobby-players li small{opacity:.7;margin-top:3px;font-size:.7rem;font-weight:400;display:block}.pp-lobby-players li>span:last-of-type{color:#cfcdc1;font-size:.72rem}.pp-lobby-players li .pp-ready{color:#a2e4c0!important}.pp-lobby-players li>button{color:#fff;background:#ffffff0a;padding:5px 8px}.pp-start{width:100%;margin:15px 0 0;background:var(--gold)!important}.pp-hint{color:#e4d9c3;text-align:center;font-size:.77rem;line-height:1.5}.pp-deck-summary{font-size:.85rem}.pp-show{max-width:1500px;margin:auto;padding:16px clamp(12px,3vw,48px) 32px}.pp-roundbar{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;min-height:48px;margin:0 auto 24px;display:flex}.pp-roundbar>span:first-child{font-size:1.1rem;font-weight:900}.pp-roundbar small{letter-spacing:.13em;opacity:.7;margin-top:4px;font-size:.65rem;display:block}.pp-clock{color:var(--gold);font-variant-numeric:tabular-nums;background:#092638;border:1px solid #f4c46766;border-radius:40px;justify-content:center;align-items:baseline;min-width:80px;padding:7px 15px;font-size:1.6rem;display:flex}.pp-clock small{letter-spacing:0;display:inline}.pp-clock.urgent{color:#ffb694;border-color:var(--coral)}.pp-code{letter-spacing:.15em;font-size:.85rem;font-weight:900}.pp-writing{max-width:720px;margin:auto}.pp-writing-head{align-items:center;gap:16px;margin-bottom:24px;display:flex}.pp-writing-head h1{font-size:clamp(1.6rem,3vw,2.4rem)}.pp-writing-head .pp-eyebrow{margin-bottom:6px}.pp-answer-form{color:var(--ink);background:#fff5dd;border:3px solid #edbd60;border-radius:20px;margin-bottom:16px;padding:20px;animation:.4s both pp-enter;box-shadow:0 7px #0a1d2c70}.pp-answer-form label small{letter-spacing:.12em;color:#80512f;font-size:.65rem}.pp-answer-form label strong{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.25}.pp-answer-form textarea{resize:vertical;background:#fffdf7;border-color:#c6c0ae;min-height:80px;margin-top:14px;font-size:1rem}.pp-answer-form>div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.pp-answer-form>div button{background:var(--ink);color:#fff5dd;font-size:.9rem}.pp-answer-form>div small{opacity:.6}.pp-locked{color:#2d7057;font-size:.85rem;font-weight:900}.pp-locked span{color:var(--ink);overflow-wrap:anywhere;margin-top:12px;font-size:1.2rem;font-weight:500;display:block}.pp-writing-stage{justify-content:center;align-items:center;gap:60px;min-height:60vh;display:flex}.pp-writing-stage .full-character{width:230px;height:340px;animation:4s ease-in-out infinite pp-presenter}.pp-writing-stage>div{max-width:650px}.pp-progress{background:#071f31;border:1px solid #f0cf8077;border-radius:20px;height:15px;margin:24px 0 15px;overflow:hidden}.pp-progress i{background:var(--coral);height:100%;transition:width .5s;display:block}.pp-reveal{text-align:center;max-width:1200px;margin:auto}.pp-prompt{text-wrap:balance;overflow-wrap:anywhere;max-width:1000px;animation:.45s both pp-enter;margin:0 auto 28px!important;font-size:clamp(1.6rem,3.5vw,3.5rem)!important}.pp-reveal-wait{justify-content:center;align-items:center;gap:24px;min-height:40vh;display:flex}.pp-reveal-wait span{letter-spacing:.1em;font-size:1.25rem;font-weight:900;animation:1s infinite pp-pulse}.pp-reveal-wait .full-character{width:170px;height:250px}.pp-answer-panels{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pp-panel{min-height:260px;animation:pp-panel-in .45s calc(var(--i)*.1s) both;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 0 5px #17394f,0 0 24px #ffc95d44,0 12px #091d2b80;border:4px solid var(--gold)!important;color:var(--ink)!important;opacity:1!important;background:linear-gradient(155deg,#fff9e7,#f3dfb7)!important;border-radius:24px!important;padding:34px 24px 24px!important}.pp-panel:nth-child(2n){border-color:var(--coral)!important}.pp-panel>strong{overflow-wrap:anywhere;white-space:pre-wrap;width:100%;font-size:clamp(1.4rem,2.6vw,2.6rem);line-height:1.15}.pp-panel-letter{background:var(--gold);border:3px solid var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.1rem;display:grid;position:absolute;top:-16px;left:18px}.pp-panel:nth-child(2n) .pp-panel-letter{background:var(--coral)}.pp-panel>small{opacity:.65;margin-top:20px;font-size:.72rem;display:block}.pp-panel.chosen{box-shadow:0 0 0 5px #9bdeb8,0 0 40px #a6e7c577}.pp-panel.no-answer{box-shadow:none;color:#d9dfdc!important;background:#354d59!important;border-style:dashed!important}.pp-panel.no-answer>strong{font-size:1.4rem;font-style:italic}.pp-answer-credit{border-top:1px solid #17394f33;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;padding-top:16px;animation:.5s .45s both pp-enter;display:flex}.pp-answer-credit>b{overflow-wrap:anywhere;font-size:1rem}.pp-count{font-size:1.8rem;font-weight:1000;animation:.5s .6s both pp-pop}.pp-count small{font-size:.7rem;font-weight:500}.pp-answer-credit em{color:#37654c;font-size:1.1rem;font-style:normal}.pp-answer-credit mark{background:var(--coral);width:100%;color:var(--ink);border-radius:10px;padding:6px 10px;font-size:.85rem;transform:rotate(-2deg)}.pp-oof{opacity:.65;width:100%;font-style:italic;display:block}.pp-vote-status{margin:24px 0 16px;font-size:1rem;font-weight:800}.pp-vote-status small{opacity:.65;margin-top:7px;font-size:.76rem;display:block}.pp-reactions{justify-content:center;gap:8px;margin:24px auto 0;display:flex}.pp-reactions button{color:var(--paper);opacity:1;background:#0b2b3ee8;border:1px solid #ffe6b644;border-radius:30px;min-width:55px;padding:8px 12px;font-size:1.4rem}.pp-reactions button:hover:not(:disabled){background:#31556a}.pp-reactions span{margin-left:5px;font-size:.8rem}.pp-answer-panels.final{grid-template-columns:repeat(3,1fr);gap:18px}.pp-answer-panels.final .pp-panel{min-height:150px;padding:26px 18px 18px!important}.pp-answer-panels.final .pp-panel>strong{font-size:clamp(1rem,1.8vw,1.6rem)}.pp-score-screen,.pp-finish,.pp-countdown{text-align:center;max-width:760px;margin:30px auto 0}.pp-score-screen h1,.pp-finish h1{font-size:clamp(2rem,4vw,3.6rem)}.pp-scores{gap:8px;margin:28px auto;padding:0;list-style:none;display:grid}.pp-scores li{color:var(--ink);text-align:left;animation:pp-enter .4s calc(var(--i)*80ms) both;background:#fff1d9;border:1px solid #d4b67588;border-radius:14px;align-items:center;gap:13px;padding:9px 16px;display:flex}.pp-scores li>b{overflow-wrap:anywhere;flex:1;font-size:1rem}.pp-scores li>strong{font-variant-numeric:tabular-nums}.pp-scores small{font-size:.72rem;font-weight:400}.pp-place{width:20px;font-size:1.2rem;font-weight:1000}.pp-countdown>strong{color:var(--gold);font-size:10rem;line-height:1.4;animation:.45s both pp-pop;display:block}.pp-countdown h1{margin-top:20px;font-size:2.5rem}.pp-winners{z-index:1;flex-wrap:wrap;justify-content:center;gap:24px;margin:32px 0 0;display:flex;position:relative}.pp-winners>div{animation:.6s both pp-pop}.pp-winners h2{color:var(--gold);margin-top:18px;font-size:1.6rem}.pp-finish-actions{gap:14px;display:grid}.pp-hall{text-align:left;margin-top:50px}.pp-hall h2,.pp-hall>p{text-align:center}.pp-hall article{background:#0b273fdd;border:1px solid #dfb95f55;border-radius:20px;margin:15px 0;padding:20px}.pp-hall small{color:var(--gold);letter-spacing:.08em;font-size:.65rem;font-weight:900}.pp-hall p{color:#e1d5be;font-size:.85rem}.pp-hall blockquote{overflow-wrap:anywhere;color:#fff8e5;margin:10px 0;font-size:1.4rem;font-weight:900}.pp-hall article>span{opacity:.7;font-size:.75rem}.pp-confetti{pointer-events:none;z-index:1;position:fixed;inset:65px 0 0;overflow:hidden}.pp-confetti i{top:-20px;left:calc(var(--i)*4.2%);background:var(--gold);width:10px;height:19px;animation:pp-fall calc(4s + var(--i)*80ms) calc(var(--i)*.12s) 2 both;position:absolute}.pp-confetti i:nth-child(2n){background:var(--coral)}.pp-confetti i:nth-child(3n){background:#9ad8d0}.pp-modal{z-index:100;padding:max(12px,env(safe-area-inset-top)) 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081d2fe8;place-items:center;display:grid;position:fixed;inset:0}.pp-modal>div{background:var(--paper);width:100%;max-width:650px;max-height:90dvh;color:var(--ink);border:3px solid var(--gold);border-radius:24px;padding:28px;overflow:auto}.pp-close{float:right;margin:0 0 16px 10px;background:var(--ink)!important;color:var(--paper)!important}.pp-modal .pp-eyebrow{color:#924a30}.pp-modal p{font-size:.95rem}.pp-big-qr{width:min(100%,340px);margin:20px auto;display:block}.pp-large-code{text-align:center;letter-spacing:.15em;font-size:3.5rem;display:block}.pp-modal input{margin-top:15px}.pp-broadcast .pp-show{max-width:1600px}.pp-broadcast .pp-roundbar{max-width:none}.pp-broadcast .pp-prompt{font-size:clamp(2.1rem,4vw,4rem)!important}.pp-broadcast .pp-panel{min-height:300px}@keyframes pp-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes pp-panel-in{0%{opacity:0;transform:translateY(30px)rotate(-2deg)scale(.94)}to{opacity:1;transform:none}}@keyframes pp-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes pp-pulse{50%{opacity:.5}}@keyframes pp-presenter{50%{transform:translateY(-7px)rotate(1deg)}}@keyframes pp-fall{to{transform:translateY(110vh)rotate(680deg)}}@media (max-width:720px){.pp-top{height:55px;padding-top:max(7px,env(safe-area-inset-top))}.pp-top>button{width:34px;height:34px;padding:0;font-size:0}.pp-top>button:first-letter{font-size:18px}.pp-logo{font-size:.84rem}.pp-top>div{gap:4px}.pp-top button{padding:6px 8px}.pp-entry{flex-direction:column;gap:20px;padding:18px 16px 30px;display:flex}.pp-cover{width:min(100%,440px)}.pp-cover>img{aspect-ratio:2.1;object-fit:cover;border-radius:18px}.pp-cover>span{display:none}.pp-entry-controls{width:100%;max-width:440px}.pp-entry-controls h1{font-size:2.5rem}.pp-entry-controls>.pp-eyebrow{margin-bottom:8px;font-size:.6rem}.pp-entry-controls>p{margin:9px 0}.pp-tabs{margin:16px 0}.pp-settings fieldset{gap:6px}.pp-settings fieldset label{padding:8px 10px}.pp-lobby{flex-direction:column;gap:16px;padding:12px;display:flex}.pp-lobby-stage{gap:0}.pp-marquee{padding:5px}.pp-marquee h1{font-size:2rem}.pp-host-cast{display:none}.pp-invite{justify-content:space-between;max-width:480px;margin-top:12px;padding:10px 18px}.pp-invite strong{font-size:2.7rem}.pp-qr img{width:85px}.pp-invite-buttons{margin:10px 0 0}.pp-invite-buttons button{padding:8px 14px;font-size:.8rem}.pp-lobby-players{padding:17px}.pp-lobby-players ul{margin:12px 0}.pp-lobby-players li{padding:6px 8px}.pp-show{padding:12px 12px 28px}.pp-roundbar{gap:8px;margin-bottom:20px}.pp-roundbar>span:first-child{font-size:.95rem}.pp-clock{min-width:60px;padding:7px 12px;font-size:1.3rem}.pp-code{font-size:.68rem}.pp-writing-head{gap:10px;margin-bottom:16px}.pp-writing-head h1{font-size:1.6rem}.pp-writing-head .pp-eyebrow{font-size:.6rem}.pp-answer-form{border-radius:16px;padding:16px}.pp-answer-form label strong{font-size:1.1rem}.pp-answer-form textarea{min-height:74px;padding:10px}.pp-answer-form>div button{padding:10px 15px}.pp-answer-panels{grid-template-columns:1fr;gap:20px}.pp-panel{min-height:140px;border-radius:18px!important;padding:26px 18px 18px!important}.pp-panel>strong{font-size:1.65rem}.pp-prompt{margin-bottom:24px!important;font-size:1.55rem!important;line-height:1.15!important}.pp-reveal>.pp-eyebrow{font-size:.62rem}.pp-answer-credit{margin-top:15px;padding-top:10px}.pp-answer-panels.final{grid-template-columns:1fr 1fr;gap:18px 12px}.pp-answer-panels.final .pp-panel{min-height:150px;border-width:3px!important;padding:24px 10px 13px!important}.pp-answer-panels.final .pp-panel>strong{font-size:1rem}.pp-answer-panels.final .pp-answer-credit{gap:6px}.pp-answer-panels.final .pp-answer-credit>b{font-size:.75rem}.pp-answer-panels.final .pp-count{font-size:1.3rem}.pp-vote-status{margin-top:22px;font-size:.88rem}.pp-reveal-wait{flex-direction:column;gap:8px}.pp-reveal-wait .full-character{height:230px}.pp-reveal-wait span{font-size:.85rem}.pp-writing-stage{text-align:center;flex-direction:column;gap:12px;min-height:60dvh}.pp-writing-stage .full-character{width:140px;height:210px}.pp-writing-stage h1{font-size:2rem}.pp-score-screen,.pp-finish{margin-top:18px}.pp-scores{gap:7px;margin:24px auto}.pp-scores li{gap:10px;padding:8px 10px}.pp-scores li>b,.pp-scores li>strong{font-size:.9rem}.pp-hall{margin-top:36px}.pp-modal>div{padding:20px}.pp-broadcast .pp-prompt{font-size:1.7rem!important}.pp-broadcast .pp-panel{min-height:160px}}@media (prefers-reduced-motion:reduce){.pp *,.pp :before,.pp :after{transition:none!important;animation:none!important}.pp-confetti{display:none}}.pp-stage-link{border:1px solid #fff4d944;border-radius:10px;place-items:center;width:33px;text-decoration:none;display:grid}.pp-settings fieldset label{text-align:left;flex-direction:row}.pp-settings fieldset label input{flex:none;margin:0}.pp-settings fieldset label>span{flex:1}.pp-settings fieldset label b,.pp-settings fieldset label small{margin:0}@media (max-width:720px){.pp-top>button{font-size:18px}.pp-exit-label{display:none}}.pp-entry-controls{background:#102d40f2;border:1px solid #e5bd6940;border-radius:20px;padding:clamp(16px,2vw,26px);box-shadow:0 12px 36px #071b2b45}.pp-cover>span{text-shadow:0 2px 4px #071b2b}@media (max-width:720px){.pp-entry-controls{border-radius:14px;padding:14px}}