/* Life-specific questions and compact hands; classic cards and reveal remain shared. */
.ls-game{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.ls-game .ls-question-area{margin:16px 0 22px;min-width:0}
.ls-game .ls-question-area>h2{margin-bottom:14px}
.ls-game .ls-question-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ls-game .ls-question-option{min-width:0;background:#f5f1e6;border:2px solid #e5e4d0;color:#344a38;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.ls-game .ls-question-option.is-selected{border-color:#97ad82;box-shadow:0 0 0 2px #718b61;background:#eaf0df}
.ls-game .ls-question-option>button,.ls-game .ls-readonly-question{width:100%;min-height:190px;padding:20px;text-align:left;border:0;background:none;color:inherit;display:flex;flex-direction:column;gap:13px;flex:1;margin:0;min-width:0}
.ls-game .ls-question-option>button{cursor:pointer;touch-action:manipulation}
.ls-game .ls-question-option>button:focus-visible,.ls-game .ls-story-topic:focus-visible{outline:3px solid #ad7444;outline-offset:-4px}
.ls-game .ls-question-option>button:disabled{cursor:default;opacity:.65}
.ls-game .ls-question-number{display:block;font:500 .7rem/1.5 'Segoe UI',system-ui,sans-serif;letter-spacing:.07em;color:#75816c}
.ls-game .ls-question-text{font:500 1.15rem/1.7 Georgia,'Noto Serif TC',serif;overflow-wrap:anywhere;flex:1;margin:0}
.ls-game .ls-question-arrow{align-self:flex-end;font-size:1.15rem;color:#ad7444;min-height:1.2em}
.ls-game .ls-prompts{margin:0;padding:12px 20px;border-color:#d9dfcc;color:#65775c}
.ls-game .ls-question-option .ls-prompts{font-size:.8rem}
.ls-game .ls-prompts summary{color:#65775c;font-size:.8rem;line-height:1.6}
.ls-game .ls-prompts p{font-size:.8rem;color:#65775c;margin:10px 0 0}
.ls-game .ls-chosen-question{background:#e8ecdb;color:#304831;border:1px solid #d5debf;border-radius:10px;padding:22px}
.ls-game .ls-chosen-question blockquote{font:500 1.5rem/1.6 Georgia,'Noto Serif TC',serif;color:#304831;margin:9px 0 0;overflow-wrap:anywhere}
.ls-game .ls-chosen-question .ls-prompts{padding:12px 0 0;margin-top:14px}
.ls-game .ls-round-info .ls-prompts{padding:12px 0;color:#c6cfe0;border-color:#3c4660}
.ls-game .ls-round-info .ls-prompts summary{color:#e8b96b}
.ls-game .ls-round-info .ls-prompts p{color:#c6cfe0}
.ls-game .ls-settings{align-items:flex-start}
.ls-game .ls-settings label{flex:1;min-width:180px}
.ls-game .ls-settings select{display:block;width:100%;margin-top:8px}
.ls-game .ls-pass{justify-content:flex-end}
.ls-game .ls-low-pressure{margin-top:20px}
.ls-game .ls-reserved .dx-art{filter:brightness(.65)}
.ls-game .dx-hand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ls-game .dx-hand-grid .dx-card-wrap{scroll-margin-top:calc(var(--dx-phase-height,130px) + 30px)}
.ls-game.is-story-selecting .dx-hand-grid .dx-card-wrap{scroll-margin-top:calc(var(--ls-dock-height,210px) + 20px)}
.ls-game.is-story-selecting{padding-bottom:max(env(safe-area-inset-bottom),calc(var(--ls-dock-height,210px) + 20px))}
.ls-game .ls-story-dock{display:block;min-height:0;padding:10px 12px;top:max(6px,env(safe-area-inset-top));margin-bottom:8px}
.ls-game .ls-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-width:0}
.ls-game .ls-dock-heading h2{font-size:1.05rem;line-height:1.3;min-width:0}
.ls-game .ls-dock-heading>span{font-size:.75rem;color:#ffdc9d;flex-shrink:0}
.ls-game .ls-story-topic{background:#e8ecdb;color:#304831;border:1px solid #d5debf;border-radius:8px;padding:9px 12px;max-height:40svh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-wrap:anywhere}
.ls-game .ls-story-topic p{font:500 1.05rem/1.5 Georgia,'Noto Serif TC',serif;margin:3px 0 0;color:#304831}
.ls-game .ls-story-topic .ls-topic-previous{font:400 .8rem/1.5 'Segoe UI',system-ui,sans-serif;border-top:1px solid #d5debf;margin-top:7px;padding-top:7px}
.ls-game .ls-dock-controls{display:flex;gap:8px;align-items:stretch;margin-top:8px}
.ls-game .ls-story-dock .dx-choice-bar{position:static;flex:1;min-width:0;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;margin:0}
.ls-game .ls-story-dock .dx-choice-bar>span{display:none}
.ls-game .ls-dock-controls>.dx-button,.ls-game .ls-dock-controls .dx-choice-bar>.dx-button{flex:1;min-width:0;font-size:.85rem;padding:8px 10px;min-height:42px;white-space:normal;overflow-wrap:anywhere}
.ls-game .ls-story-dock .dx-connection:empty{display:none}
.ls-game .ls-round-info{margin:0 0 12px;padding:8px 0}
.ls-game .ls-round-info>summary{font-size:.8rem}
.ls-game.is-story-selecting .dx-hand{margin-top:8px}
#dx-mode-field,#dx-life-settings{margin:16px 0}
#dx-mode-field select,#dx-life-settings select{max-width:100%;min-width:0}
#dx-life-settings[hidden]{display:none}
#dx-life-settings label{display:block;margin:12px 0;font-size:13px}
#dx-life-settings select{display:block;margin-top:8px;width:100%}
#dx-mode-field .dx-muted{font-size:12px;line-height:1.8}
@media(max-width:1000px){.ls-game .dx-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:680px){.ls-game .ls-question-options{grid-template-columns:1fr;gap:12px}.ls-game .ls-question-option>button,.ls-game .ls-readonly-question{min-height:0;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:start;gap:12px;padding:16px}.ls-game .ls-question-text{font-size:1.05rem;line-height:1.65}.ls-game .ls-question-arrow{align-self:center}.ls-game .ls-question-number{padding-top:4px}.ls-game .ls-chosen-question blockquote{font-size:1.25rem}.ls-game .ls-prompts{padding:10px 16px}}
@media(max-width:599px){.ls-game .dx-hand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ls-game .dx-hand-grid .dx-number{left:7px;top:7px;min-width:25px;height:25px;font-size:.85rem}.ls-game .dx-hand-grid .dx-picture.is-selected::after{right:7px;top:7px;width:26px;height:26px;font-size:1.1rem}.ls-game .ls-settings{flex-direction:column}.ls-game .ls-settings label{width:100%;min-width:0}.ls-game .ls-pass>.dx-button{width:100%}.ls-game .ls-chosen-question{padding:18px}.ls-game .ls-story-dock{padding:9px 10px}.ls-game .ls-dock-heading h2{font-size:.95rem}.ls-game .ls-dock-heading>span{font-size:.7rem}.ls-game .ls-story-topic{padding:8px 10px}.ls-game .ls-story-topic p{font-size:1rem}.ls-game .ls-dock-controls>.dx-button,.ls-game .ls-dock-controls .dx-choice-bar>.dx-button{font-size:.8rem;padding:8px}}
@media(max-width:350px){.ls-game .dx-hand-grid{gap:10px}.ls-game .ls-dock-heading{gap:6px}.ls-game .ls-dock-heading h2{font-size:.85rem}.ls-game .ls-dock-heading>span{font-size:.65rem}.ls-game .ls-question-option>button,.ls-game .ls-readonly-question{padding:14px;gap:9px}.ls-game .ls-story-topic p{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.ls-game *{transition:none!important;animation:none!important}}