#eleusis{padding-bottom:24px}#eleusis [hidden]{display:none!important}.el-intro{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px}.el-intro h1{font-size:clamp(42px,6vw,66px);margin:0 0 10px}.el-intro p{margin:0;color:var(--muted);line-height:1.5}.el-intro .eyebrow{margin-bottom:8px}.el-emblem{display:flex;align-items:center;color:#a74538;font:70px Georgia,serif;transform:rotate(-12deg);padding-right:32px}.el-emblem span{color:var(--accent);margin-left:-8px;transform:translateY(20px) rotate(25deg)}.el-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.el-toolbar label{display:flex;gap:10px;align-items:center}#eleusis select,#eleusis textarea{font:15px/1.5 Arial,sans-serif;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px;max-width:100%;min-width:0}#eleusis button{min-height:44px;line-height:1.3}#eleusis button:disabled{opacity:.5;cursor:default}.el-help{margin-left:auto;position:relative}.el-help summary{cursor:pointer;padding:10px}.el-help[open]{flex-basis:100%;margin:0;background:var(--paper);border-radius:12px;padding:12px 18px}.el-help p{font-size:14px;max-width:850px}.el-status{margin:14px 0;min-height:48px;padding:11px 16px;border-radius:10px;background:#e5ebe0;font-size:14px}.el-status[data-error="true"]{background:#f6e5df;color:#813b2d}.el-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:24px;align-items:start}.el-lab{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.el-board-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 8px}.el-board-heading h2,.el-notebook h2{font:26px Georgia,serif;margin:0}.el-board-heading span{font-size:12px;color:var(--muted)}.el-legend{display:flex;gap:22px;color:var(--muted);font-size:11px;padding:0 20px 12px}.el-board{height:360px;height:clamp(230px,42dvh,460px);overflow:auto;overscroll-behavior:contain;padding:8px 20px 22px;background:radial-gradient(#d8dfd580 1px,transparent 1px);background-size:15px 15px;scrollbar-gutter:stable}.el-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;position:relative;min-height:88px;padding-bottom:20px}.el-row:not(:last-child)::after{content:'↓';position:absolute;top:63px;left:23px;color:#85978b;font-size:18px}.el-card{display:inline-flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:48px;width:54px;height:65px;background:#fffef9;color:#263b36;border:1px solid #b9c7bb;border-radius:7px;box-shadow:0 2px 3px #263b360a;font:22px/1 Georgia,serif;padding:7px 5px}.el-card.red,#eleusis .red{color:#ad4039}.el-card small{font:10px Arial,sans-serif;color:var(--muted)}.el-rejected{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;padding:8px 0}.el-rejected .el-card{width:40px;min-width:40px;height:48px;font-size:17px;border:1px dashed #ccaaa0;background:#faf0e9}.el-rejected::before{content:'↳';color:#a46755;font-size:18px;padding:8px 2px}.el-rejected:empty::before{display:none}.el-picker{padding:15px 20px 18px;border-top:1px solid var(--line);background:#edf1e8}.el-picker-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px}.el-picker-title span{color:var(--muted)}.el-suits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.el-suits button{font-size:20px;padding:6px!important}.el-suits span{font-size:11px}.el-suits button[aria-pressed="true"]{background:#d7e3d2;color:var(--ink);border-color:#839b85}.el-ranks{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.el-ranks button{font:19px Georgia,serif;padding:7px 2px;background:var(--paper)}#eleusis .el-primary{background:var(--accent);color:white;border-color:var(--accent)}#el-open-guess{width:100%}.el-notebook{background:#f8f6ed;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.el-notebook .eyebrow{margin:0 0 8px}.el-muted{color:var(--muted);font-size:14px;line-height:1.55}.el-small{font-size:12px}.el-notebook form{display:grid;gap:10px;margin:12px 0 18px}.el-notebook label{font-size:13px}.el-notebook textarea{width:100%;resize:vertical}.el-notebook summary{font-size:14px;cursor:pointer;padding:12px 0}.el-notebook details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.el-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.el-tools button{font-size:12px}.el-interpretation,.el-verdict{padding:15px;border:1px solid #cbd4c4;border-radius:10px;background:var(--paper);font-size:14px;margin:16px 0;overflow-wrap:anywhere}.el-interpretation button{margin:4px 0}.el-verdict p{margin:8px 0}.el-verdict h3{margin:0;font-size:15px}.el-example{display:flex;align-items:center;gap:8px;margin:12px 0}.el-finish{padding:22px;background:#e4edde}.el-finish h2{font:28px Georgia,serif;margin:0 0 10px}.el-finish p{margin:6px 0}.el-finish button{margin-top:12px}#eleusis :focus-visible{outline:3px solid #aa7444;outline-offset:3px}@media(max-width:760px){.el-layout{grid-template-columns:1fr;gap:18px}.el-intro{padding-top:20px}.el-emblem{font-size:52px;padding-right:10px}.el-toolbar{gap:8px}.el-toolbar label{font-size:12px;gap:6px}.el-toolbar select{font-size:13px!important;padding:8px!important}.el-help{margin:0}.el-board-heading,.el-picker{padding-left:14px;padding-right:14px}.el-board{padding-left:14px;padding-right:14px;height:clamp(210px,36dvh,360px)}.el-legend{padding-left:14px;gap:12px}.el-notebook{padding:18px}.el-suits span{display:none}.el-notebook{scroll-margin-top:12px}.el-board-heading h2{font-size:23px}.el-toolbar>button{font-size:12px}.el-row{gap:10px}.el-status{margin:10px 0}.el-intro p{font-size:15px}.el-intro .eyebrow{font-size:10px}}@media(prefers-reduced-motion:no-preference){.el-card{animation:el-appear .18s ease-out}@keyframes el-appear{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:none}}}
.el-page .page-nav-buttons{display:none}.el-lab{scroll-margin-top:14px}#el-back{margin:12px 0}#el-guess-feedback{font-size:13px}
.el-example{flex-wrap:wrap}#el-catalog{width:100%}
.el-toolbar label{max-width:100%;flex-wrap:wrap}.el-toolbar label select{max-width:100%}#el-exam-panel{border-radius:0;border-width:1px 0 0}#el-exam-cards{max-height:50vh;overflow:auto}

.el-setup{display:grid;gap:12px;width:100%;max-width:360px;margin-bottom:16px}.el-setup label{display:grid;gap:6px;font-size:14px}.el-setup select{width:100%}

/* Compact game heading; setup order remains mode, difficulty, start. */
.el-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:8px 28px;align-items:center;padding:12px 0 4px}
.el-top .el-intro{grid-column:1;grid-row:1;padding:0;justify-content:flex-start}
.el-top .el-intro h1{font-size:36px;margin:0 0 4px}
.el-top .el-intro .eyebrow,.el-top .el-emblem{display:none}
.el-top .el-intro p{font-size:14px}.el-top .el-intro br{display:none}
.el-top .el-setup{grid-column:2;grid-row:1 / span 2;margin:0;gap:6px}
.el-top .el-setup label{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;font-size:13px}
.el-top .el-setup select{font-size:13px!important;padding:8px!important}
.el-top .el-toolbar{grid-column:1;grid-row:2;gap:10px;align-self:start}
.el-top .el-help{margin:0}.el-top .el-help[open]{flex-basis:100%}
#el-status{margin:8px 0;min-height:0;padding:8px 12px}
@media(max-width:760px){.el-top{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:10px}.el-top .el-intro,.el-top .el-setup,.el-top .el-toolbar{grid-column:1;grid-row:auto}.el-top .el-intro h1{font-size:28px}.el-top .el-intro p{font-size:13px}.el-top .el-setup{max-width:none}.el-top .el-toolbar{font-size:13px}.el-top .el-help summary{padding:6px}.el-page .notice{padding:3px 12px}.el-page .header{gap:8px;padding:8px 0}.el-page .nav{gap:6px 14px}}

.el-about{margin:32px 0 12px;padding-top:24px;border-top:1px solid var(--line);max-width:850px;font-size:15px;line-height:1.7}.el-about h2{font:26px/1.3 Georgia,serif;margin:24px 0 12px}.el-about p{margin:10px 0}.el-about li{margin:6px 0}.el-about details{padding:12px 0;border-bottom:1px solid var(--line)}.el-about summary{cursor:pointer;font-weight:600}

.el-top{display:block;padding:8px 0}.el-top .el-intro p{display:none}.el-top .el-intro h1{font-size:30px;margin:0}
.el-side-controls{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.el-side-controls .el-setup{max-width:none;gap:6px;margin-bottom:8px}.el-side-controls .el-setup label{grid-template-columns:70px minmax(0,1fr);align-items:center;font-size:13px}
.el-side-controls .el-setup select{font-size:13px!important;padding:8px!important}.el-side-controls .el-help{margin:0}.el-side-controls .el-toolbar{gap:8px;font-size:13px}
#el-party h3{font-size:15px;margin:4px 0 8px}#el-party .el-tools{margin:8px 0 12px}
@media(min-width:1000px){.el-lab{height:var(--el-play-height,calc(100dvh - 220px));min-height:480px;display:flex;flex-direction:column}.el-board{height:auto;flex:1;min-height:100px}.el-picker{padding:10px 16px}.el-board-heading{padding-top:12px}.el-legend{padding-bottom:6px}#el-hand{grid-template-columns:repeat(8,minmax(0,1fr))}#el-open-guess{display:none}#el-notebook{max-height:var(--el-play-height,calc(100dvh - 220px));overflow:auto;padding:16px}.el-side-controls{padding-bottom:10px;margin-bottom:10px}.el-notebook form{margin:8px 0 12px}#el-exam-panel{overflow:auto;flex:1}.el-lab:has(#el-exam-panel:not([hidden])) .el-board{flex:0 0 110px}}
@media(min-width:1000px){#el-notebook>.eyebrow,#el-notebook>p.el-muted{display:none}#el-notebook>h2{font-size:24px}#el-notebook form{gap:6px}#el-text{height:66px}#el-ai-note{font-size:11px;line-height:1.35;margin:0}}

.el-about p,.el-about li,.el-help p,.el-interpretation p,.el-verdict p,.el-finish p{text-align:justify;hyphens:auto}

#el-progress{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}
/* Interaction audit: stable history and compact active controls. */
.el-card{animation:none}.el-new-card{box-shadow:0 0 0 2px #aa7444}#el-latest{margin:0 12px 6px;align-self:center}#el-card-price{margin:8px 0}#el-exam-note{display:block;flex-basis:100%;line-height:1.4}#el-session-summary{font-size:14px;margin:6px 0}#eleusis[data-playing="true"] #el-new{background:transparent;color:var(--muted);border-color:var(--line)}
@media(max-width:999px){#eleusis[data-playing="true"] .el-setup>label{display:none}#eleusis[data-playing="true"] .el-setup{gap:4px;margin-bottom:6px}#eleusis[data-playing="true"] .el-setup #el-new{justify-self:end;font-size:12px;min-height:36px}#eleusis[data-playing="true"] .el-picker{position:sticky;bottom:0;z-index:3;max-height:65dvh;overflow:auto}.el-lab{overflow:visible}#el-board{border-radius:12px 12px 0 0}.el-picker{border-radius:0 0 12px 12px}}
@media(prefers-reduced-motion:no-preference){.el-new-card{animation:el-appear .18s ease-out}}
@media(max-width:999px){#el-notebook:has(#el-guess-area[hidden]):has(#el-history:empty){display:none}}
/* Keep the controls in the field flow: sticky bottom would overlap its history. */
@media(max-width:999px){.el-lab{display:flex;flex-direction:column;height:min(720px,calc(100dvh - 16px));min-height:480px;overflow:hidden}.el-board{flex:1;min-height:100px;height:auto}#eleusis[data-playing="true"] .el-picker{position:static;flex:0 0 auto;max-height:65dvh;overflow:auto}#el-finish{flex:0 0 auto}#el-exam-panel{overflow:auto;flex:1}}
@media(min-width:1000px){.el-picker{flex:0 0 auto}.el-board{min-height:70px}#el-guess-area>.eyebrow,#el-guess-area>p.el-muted{display:none}#el-guess-area>h2{font-size:24px}.el-tools{margin-top:6px}#el-card-price{margin:4px 0}#el-session-summary{display:none}}
/* Three accepted rows (3 × 88px) plus the history's vertical padding. */
.el-lab:not(:has(#el-exam-panel:not([hidden]))){height:var(--el-play-height,740px)}
.el-lab:not(:has(#el-exam-panel:not([hidden]))) .el-board{min-height:294px}
/* Wide screens: cards and hand in the right column, full-height history at left. */
@media(min-width:1000px){#el-notebook>#el-picker{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 16px;background:#edf1e8}#el-notebook #el-hand{grid-template-columns:repeat(4,minmax(0,1fr))}#el-notebook .el-picker-title{flex-wrap:wrap}#el-notebook .el-suits span{display:none}#el-notebook .el-side-controls{padding-bottom:8px;margin-bottom:10px}}