/* Small objects remain beside the hand, with their use written on the label. */
.rule-card-game .illustrated-curio{background-size:contain;background-position:center}
.rule-card-game .curio-art-bag-of-words{background-image:url('./art/bag-of-words.svg')}
.rule-card-game .curio-art-copper-moth{background-image:url('./art/copper-moth.svg')}
.rule-card-game .curio-art-tea-stain{background-image:url('./art/tea-stain.svg')}
.rule-card-game .curio-art-last-match{background-image:url('./art/last-match.svg')}
.rule-card-game .curio-art-rain-bottle{background-image:url('./art/rain-bottle.svg')}
.rule-card-game .curio-art-bottled-noon{background-image:url('./art/bottled-noon.svg')}
.rule-card-game .curio-art-red-thread{background-image:url('./art/red-thread.svg')}
.rule-card-game .curio-card-effect>span:only-child{max-width:100%;text-align:center}
.rule-card-game .curio-kit{margin:16px 0 24px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rule-card-game .kit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.rule-card-game .kit-heading h2{font:22px/1.2 var(--serif);margin:0}
.rule-card-game .kit-heading>span{font:10px/1.5 var(--mono);color:var(--muted);text-align:right}
.rule-card-game .kept-curios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.rule-card-game .kept-curio{min-width:0;padding:9px 12px;border:1px solid #b6a47f55;border-radius:4px;background:#17231dde}
.rule-card-game .kept-curio summary{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;cursor:pointer}
.rule-card-game .kept-curio summary strong{font:18px/1.2 var(--serif)}
.rule-card-game .kept-curio-status{font:11px/1.4 var(--sans);color:#dbbf8f;grid-column:2}
.rule-card-game .kept-curio summary:focus-visible{outline:2px solid #ffce83;outline-offset:4px}
.rule-card-game .kept-curio p{font:12px/1.6 var(--sans);color:var(--muted);margin:12px 0 2px}
.rule-card-game .kept-curio .curio-art{position:static;left:auto;top:auto;transform:none;width:40px;height:40px;grid-row:span 2;background-color:#eadfc5;border-radius:50%}
.rule-card-game .pocket-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rule-card-game .pocket-item{display:flex;gap:14px;align-items:start;min-width:0;margin:0;padding:14px;background:#efe5d0;color:#342c25;border:1px solid #cfc09e;border-radius:5px}
.rule-card-game .pocket-item>.curio-art{position:static;transform:none;left:auto;top:auto;width:82px;height:82px;flex-shrink:0}
.rule-card-game .pocket-item-body{flex:1;min-width:0}
.rule-card-game .pocket-label{font:9px/1.2 var(--mono);letter-spacing:1px;color:#846749}
.rule-card-game .pocket-item h3{font:22px/1.2 var(--serif);margin:4px 0 7px}
.rule-card-game .pocket-item p{font:12px/1.5 var(--sans);margin:0 0 9px}
.rule-card-game .pocket-item .pocket-reason{font-size:11px;color:#705e49}
.rule-card-game .pocket-item .curio-drawback{padding:8px 10px;border-left:2px solid #a75139;background:#a7513910;color:#8d3e2e}
.rule-card-game .pocket-item button{min-height:44px;width:100%;white-space:normal;padding:9px 12px;border-top:1px solid #956749;border-right:1px solid #956749;border-bottom:1px solid #956749;border-left:1px solid #956749;box-shadow:none;color:#633f2f;background:#f7ecd6;font:12px/1.35 var(--sans)}
.rule-card-game .pocket-item button:not(:disabled):hover{background:#ead6b2}
.rule-card-game .pocket-item button:disabled{opacity:.6}
.rule-card-game .pocket-item button:focus-visible{outline:3px solid #b05239;outline-offset:3px}
.rule-card-game .pocket-empty{border:1px dashed #af9b7055;border-radius:4px;padding:14px 18px;color:var(--muted)}
.rule-card-game .pocket-empty span{font:9px/1.4 var(--mono);letter-spacing:1px}
.rule-card-game .pocket-empty p{font:12px/1.5 var(--sans);margin:5px 0 0}
.rule-card-game .active-consumable{font:13px/1.5 var(--sans);border-left:3px solid #c37150;background:#27271b;padding:12px 15px;color:#f2ce94;margin:12px 0 0}
.rule-card-game .active-curio-boost{display:block;margin-bottom:4px}
.rule-card-game .active-curio-duration{display:block;font:11px/1.5 var(--sans);color:#c6c2ab;margin-top:7px}
.rule-card-game .pocket-feedback{font:12px/1.6 var(--sans);color:#f0d39f;margin:12px 0 0}
.rule-card-game .pocket-feedback:empty{margin:0}
.rule-card-game .pocket-feedback:focus{outline:2px solid #d6b679;outline-offset:4px}
@media(max-width:700px){
 .rule-card-game .kit-heading h2{font-size:20px}
 .rule-card-game .kept-curios{grid-template-columns:1fr}
 .rule-card-game .pocket-items{grid-template-columns:1fr}
 .rule-card-game .pocket-item{gap:10px;padding:12px}
 .rule-card-game .pocket-item>.curio-art{width:56px;height:56px}
 .rule-card-game .pocket-item h3{font-size:21px}
 .rule-card-game .pocket-empty{padding:10px 14px}
}
