.combo-zone,.lesson-combo{border:1px solid #a99157;background:linear-gradient(120deg,#253c32ee,#142722ee);padding:12px 16px;margin:8px 0;border-radius:8px;color:#e9e0c4;position:relative}
.combo-heading,.combo-actions,.combo-cards{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.combo-heading{justify-content:space-between}.combo-heading small{font:10px Georgia,serif;letter-spacing:1px;margin-left:8px}.combo-cost{font-size:12px;color:#d9bd77}.combo-result{font-size:13px;line-height:1.5;white-space:pre-line;margin:8px 0}.combo-chip{border:1px solid #b69d63;color:#fff0c0;background:#344637;border-radius:5px;padding:8px 14px;margin-top:8px}.combo-actions button{font-size:12px;min-height:36px}.combo-locked{opacity:.65}.combo-eligible{outline:3px solid #bce0a0!important;outline-offset:3px}.combo-selected{outline:3px solid #d8b365!important;outline-offset:3px;filter:brightness(.8)}
.combo-zone{grid-column:1/-1}.combo-locked .combo-actions,.combo-locked .combo-cards,.combo-locked .combo-heading small{display:none}.combo-locked{padding:7px 12px;display:flex;align-items:center;gap:14px}.combo-locked .combo-result{font-size:11px;margin:0}.combo-locked .combo-heading{font-size:12px}
.tutorial-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;background:radial-gradient(ellipse at top,#304d3d,#14221c 75%);color:#efe5cc;border:1px solid #b59b61;overflow:auto}.tutorial-dialog h2{font-size:clamp(23px,4vw,34px);margin:12px 20px 12px 0}.tutorial-dialog p{font-size:15px;line-height:1.55}.lesson-stats,.lesson-suits{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lesson-stats span,.lesson-suits span{padding:8px 10px;border:1px solid #7f9066;border-radius:6px;background:#ffffff08;font-size:13px}.lesson-stats b{font-size:20px}.lesson-board{display:grid;gap:12px}.lesson-zone{min-height:56px;border:1px dashed #c4b778;background:#b3d88718;color:#f3eccf;font:600 16px Georgia,serif;border-radius:8px}.lesson-deal{display:flex;gap:14px;justify-content:center;min-height:140px;padding:12px}.lesson-card{position:relative;padding:0;width:82px;height:119px;border:0;border-radius:6px;background:#fff;touch-action:none;cursor:grab;user-select:none}.lesson-card img{width:100%;height:100%;display:block;pointer-events:none;border-radius:6px}.lesson-card.selected{outline:3px solid #ddbc6d}.lesson-feedback{min-height:24px;color:#c2e4a9}.lesson-footer{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.lesson-footer button{min-height:44px}.help-suits p{display:flex;gap:16px;align-items:center}.help-suits b{font-size:32px;color:#c9b379}.help-advanced>summary{cursor:pointer;padding:16px 0;font-size:20px}.tutorial-dialog [hidden]{display:none!important}
@media(max-width:600px){.combo-zone{padding:10px}.combo-heading{gap:6px}.combo-heading small{display:block;margin:4px 0}.tutorial-dialog{padding:20px 14px}.lesson-deal{gap:12px;min-height:120px}.lesson-card{width:70px;height:102px}.lesson-footer .restart-button{padding:12px}.combo-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.tutorial-dialog *,.combo-zone *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1101px) and (max-height:800px){.play-area{min-height:82px}.use-zone{height:82px}.ritual{width:76px;height:76px}.player-deal{--card-w:70px;--card-h:102px;min-height:124px}.table-surface{gap:5px 14px;padding-block:10px}.combo-zone{margin-block:4px}.hand{padding-bottom:14px}}