@import url("/game-assets/brand.css");
/* Quiet shared chrome. Player and puzzle colors stay inside the games. */
html,body{margin:0;background:var(--love-canvas);color:var(--love-ink);font:15px/1.5 Nunito,Nunito,system-ui,sans-serif}body{padding:12px}.pair-shell{margin:auto;max-width:950px;background:var(--love-canvas);border:1px solid var(--love-line);border-radius:18px;box-shadow:none;color:var(--love-ink)}.love-game-brand{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:3px 0 14px;font-size:12px;color:var(--love-muted)}.love-game-brand a,.pair-shell a{color:var(--love-action)}.pair-modes{background:var(--love-play);border-color:var(--love-line)}.pair-modes button{min-height:44px;color:var(--love-muted)}.pair-modes button[aria-pressed=true]{background:var(--love-canvas);color:var(--love-action);box-shadow:none}.pair-toolbar select,.pair-room-tools input{background:var(--love-canvas);border-color:var(--love-line);color:var(--love-ink);min-height:44px}.pair-lobby,.pair-room-tools{background:var(--love-canvas);border-color:var(--love-line)}.pair-lobby p,.pair-room-tools label,.pair-room-note{color:var(--love-muted)}.pair-lobby button{background:var(--love-action);color:var(--love-canvas);border-color:var(--love-action);min-height:44px}.pair-actions{border-color:var(--love-line)}.pair-actions button,.pair-actions a{background:var(--love-canvas);border-color:var(--love-line);color:var(--love-muted);min-height:44px;font-size:12px}.pair-avatar{background:var(--love-play);color:var(--love-ink)}.pair-seat.coral .pair-avatar{background:var(--love-connect)}.pair-footnote{font-size:12px;color:var(--love-muted)}.pair-board{max-width:100%;background:var(--love-canvas);border-color:var(--love-line)}.pair-shell :focus-visible{outline:2px solid var(--love-action);outline-offset:3px}
.love-game-rules{max-width:920px;margin:12px auto;padding:13px 17px;border:1px solid var(--love-line);border-radius:14px;background:var(--love-canvas)}.love-game-rules>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:500}.love-game-rules>summary::after{content:'+';margin-left:auto;color:var(--love-muted)}.love-game-rules[open]>summary::after{content:'−'}.love-game-rules[open]>summary{margin-bottom:12px}.love-game-rules li{margin:10px 0;font-size:14px;line-height:1.65}.love-game-rules details{margin:12px 0}.love-game-rules details summary{cursor:pointer;min-height:40px}
.love-tale,.love-signal{max-width:760px;margin:auto;padding:28px;background:var(--love-canvas);border:1px solid var(--love-line);border-radius:18px;color:var(--love-ink)}.love-kicker{font:500 11px/1.5 Nunito,system-ui;letter-spacing:1px;color:var(--love-muted)}.love-tale h2,.love-signal h2{font:30px/1.3 Nunito,system-ui,sans-serif;margin:15px 0 24px;color:var(--love-ink)}.love-tale blockquote{margin:0 0 20px;padding:20px;background:var(--love-play);border-radius:12px;font:21px/1.5 Nunito,system-ui,sans-serif}.love-story-lines{list-style:none;padding:0;display:grid;gap:12px}.love-story-lines li,.love-story-lines .seat-1{padding:16px;border:1px solid var(--love-line);border-radius:12px;background:var(--love-canvas);overflow-wrap:anywhere}.love-story-lines small{font-size:11px;color:var(--love-muted)}.love-story-lines p{margin:5px 0 0;white-space:pre-wrap}.love-tale form,.love-signal form{display:grid;gap:13px;margin-top:22px}.love-tale textarea,.love-signal input:not([type=range]){box-sizing:border-box;width:100%;min-width:0;padding:13px;border:1px solid var(--love-line);border-radius:12px;font:16px/1.5 Nunito,system-ui;background:var(--love-canvas);color:var(--love-ink)}.pair-shell .love-primary{background:var(--love-action);color:var(--love-canvas);border-color:var(--love-action);min-height:44px}.love-axis-labels{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:20px 0}.love-axis-labels strong{max-width:42%;font-size:17px}.love-axis-labels strong:last-child{text-align:right}.love-spectrum{height:24px;position:relative;margin:45px 14px 38px;border-radius:20px;background:linear-gradient(90deg,#ffd8e6,#ead5ff,#a1e4d1)}.love-spectrum i{position:absolute;top:-13px;transform:translateX(-50%);font-style:normal;font-size:32px;line-height:50px}.love-spectrum .target{color:var(--love-action)}.love-spectrum .guess{color:#6134a0;top:5px}.love-secret{padding:13px;background:var(--love-play);border-radius:11px}.love-signal input[type=range]{width:100%;accent-color:var(--love-action);height:44px}.love-range-ends{display:flex;justify-content:space-between;font-size:12px}.love-score{font:28px Nunito;color:var(--love-action)}.love-wait,.love-finish{padding:18px;background:var(--love-play);border-radius:12px;line-height:1.6}.love-tale label,.love-signal label{font-size:13px}.love-signal output{font-size:20px;color:var(--love-action)}
@media(max-width:600px){body{padding:8px}.pair-shell{padding:14px;border-radius:15px}.pair-toolbar{gap:8px}.pair-footnote{display:none}.pair-lobby p{font-size:13px;line-height:1.6}.pair-room-note{font-size:12px!important}.love-game-brand{padding-bottom:8px}.love-tale,.love-signal{padding:18px}.love-tale h2,.love-signal h2{font-size:26px}.love-axis-labels strong{font-size:14px}.pair-actions{justify-content:flex-start}}

/* The three-color app palette also frames every shared game. */
.pair-shell,.love-game-rules,.love-tale,.love-signal{background:var(--love-canvas);border-color:var(--love-line)}
.pair-shell,.pair-shell button,.pair-shell input,.pair-shell select,.pair-shell textarea{font-family:Nunito,system-ui,sans-serif}
.pair-shell h2,.pair-shell h3,.pair-seat strong,.love-tale h2,.love-signal h2{font-family:Nunito,system-ui,sans-serif;font-weight:700;letter-spacing:-.5px;color:var(--love-ink)}
.pair-scoreboard .pair-seat{background:var(--love-canvas);border-color:var(--love-line)}
.pair-seat.moss .pair-avatar{background:var(--love-blue);color:var(--love-ink)}
.pair-seat.coral .pair-avatar{background:var(--love-berry);color:var(--love-ink)}
.pair-status{color:var(--love-ink)}
.love-spectrum{background:linear-gradient(90deg,var(--love-berry),var(--love-canvas),var(--love-blue))}
.love-spectrum .guess{color:var(--love-action)}
.pair-quiz h2,.pair-pass h2,.pair-waiting h2{font-weight:700;letter-spacing:-.5px}
.pair-options button{background:var(--love-canvas);border-color:var(--love-line);color:var(--love-ink);font-size:15px}
.pair-options button:hover{background:var(--love-blue);color:var(--love-ink)}

/* Cobalt Picnic: soft shared chrome; puzzle and player colors retain meaning. */
html,body{background:var(--love-canvas);color:var(--love-ink)}
.pair-shell,.love-game-rules,.love-tale,.love-signal{border:0;border-radius:24px;background:var(--love-paper)}
.pair-modes{background:var(--love-play);border:0}.pair-modes button[aria-pressed=true]{background:var(--love-paper);color:var(--love-ink)}
.pair-lobby,.pair-room-tools{background:var(--love-canvas);border-color:var(--love-line)}
.pair-lobby button,.pair-shell .love-primary{background:var(--love-highlight);color:var(--love-ink);border:0;border-radius:15px}
.pair-actions button,.pair-actions a{background:var(--love-paper);border:0;color:var(--love-ink);border-radius:14px}
.pair-toolbar select,.pair-room-tools input,.love-tale textarea,.love-signal input:not([type=range]){background:var(--love-paper);border-color:var(--love-line);color:var(--love-ink)}
.love-tale blockquote,.love-secret,.love-wait,.love-finish{background:var(--love-connect)}
.pair-seat.moss .pair-avatar{background:var(--love-blue)}.pair-seat.coral .pair-avatar{background:var(--love-berry)}
.pair-options button{background:var(--love-paper);border-color:var(--love-line)}.pair-options button:hover{background:var(--love-play)}

/* Low-animation play dates: the interaction and private reveal carry the game. */
.pd-game{max-width:620px;margin:auto;text-align:left;display:grid;gap:16px;min-width:0}.pd-game h2,.pd-game h3,.pd-game p{margin:0}.pd-game h2{font-size:clamp(23px,5vw,30px);line-height:1.2}.pd-game h3{font-size:18px;line-height:1.4}.pd-game p{line-height:1.6}.pd-game button{min-height:44px;white-space:normal;overflow-wrap:anywhere}.pd-game form{display:grid;gap:10px}.pd-game input,.pd-game select{width:100%;min-width:0;min-height:46px;font:inherit;font-size:16px;padding:12px;border:1px solid #e4d9ce;border-radius:14px;color:var(--ll-ink,#7b2344);background:#fffaf4}.pd-game button[aria-pressed=true]{background:#ffdc96;color:#72203e}.pd-game button:disabled{opacity:.6}.pd-game label,.pd-game small,.pd-small{font-size:13px;line-height:1.5}.pd-handoff{padding:30px 14px;text-align:center;justify-items:center}.pd-switch{display:flex;gap:8px;flex-wrap:wrap}.pd-options{display:grid;gap:10px}.pd-options>button{text-align:left;padding:15px}.pd-clue{background:#edf1df;border-radius:20px;padding:20px;display:grid;gap:10px}.pd-clue-order{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style-position:inside}.pd-clue-order li{padding:12px;background:#fffbf4;border-radius:12px}.pd-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pd-key div{display:flex;justify-content:space-between;gap:8px}.pd-key dd{margin:0;font-weight:700}.pd-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pd-windows>div{text-align:center;display:grid;gap:3px;padding:10px 4px;background:#fff9f2;border-radius:14px}.pd-windows .lit{background:#ffe2a1}.pd-windows strong{font-size:23px}.pd-discovery{display:grid;gap:12px;justify-items:center;background:#fff0ce;border-radius:22px;padding:25px;font-size:35px}.pd-discovery strong{letter-spacing:.3em}.pd-discovery p{font-size:16px}.pd-date-reveal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pd-date-reveal p{display:grid;gap:8px;background:#fff0ce;border-radius:16px;padding:15px}.pd-plan{list-style:none;padding:0;display:grid;gap:12px;margin:0}.pd-plan li{display:grid;gap:7px;background:#fff0ce;padding:18px;border-radius:18px}.pd-scene{padding:24px 10px;background:#fce9da;border-radius:18px;text-align:center}.pd-scene span{font-size:clamp(22px,7vw,43px);letter-spacing:4px}.pd-scene-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pd-scene-choices button{padding:5px;min-width:0}.pd-scene-choices .pd-scene{padding:10px 3px}.pd-scene-choices span{font-size:20px;letter-spacing:0}.pd-memory-photo{display:block;width:100%;max-height:300px;object-fit:contain;background:#f6ede2;border-radius:18px}.pd-photo-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pd-photo-picker button{padding:4px}.pd-photo-picker img{width:100%;height:90px;object-fit:cover;border-radius:12px}.pd-lake{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pd-lake button{aspect-ratio:1;min-width:0;padding:2px;background:#eaf0e2;font-size:15px;border-radius:13px}.pd-lake .pd-hit{background:#ffe0c4;opacity:1}.pd-lake .pd-found{background:#cadbb1}.pd-companion{display:flex;align-items:center;gap:12px;max-width:620px;margin:0 auto 20px;font-size:13px;color:#86596a}.pd-companion img{width:64px;height:64px;object-fit:contain}.pd-companion svg{width:68px;height:58px}.pd-companion small{display:block}.pd-companion a{color:inherit}.pd-game [role=alert]{color:#942c3f}.pd-game button:focus-visible,.pd-game input:focus-visible,.pd-game select:focus-visible{outline:2px solid #94634d;outline-offset:3px}@media(max-width:380px){.pd-game{gap:13px}.pd-clue{padding:15px}.pd-lake{gap:4px}.pd-scene-choices span{font-size:17px}}@media(prefers-reduced-motion:reduce){.pd-game *{animation:none!important;transition:none!important}}

.pd-shell .pair-scoreboard{gap:8px}.pd-shell .pair-seat{padding:10px;gap:8px;min-width:0}.pd-shell .pair-seat strong{font-size:14px;line-height:20px;white-space:nowrap}.pd-shell .pair-seat small{font-size:11px;line-height:15px}.pd-shell .pair-avatar{width:28px;height:28px;flex:0 0 28px;font-size:13px}
