.draft-choice{position:fixed;inset:0;z-index:8800;display:none;place-items:center;padding:20px;background:rgba(27,49,47,.58);backdrop-filter:blur(13px)}
.draft-choice.open{display:grid;animation:draft-fade .24s ease both}.draft-choice-card{width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;padding:26px;border-radius:26px;text-align:center;color:#344638;box-shadow:0 30px 90px rgba(24,46,40,.27)}
.draft-choice-mark{width:54px;height:54px;margin:0 auto 10px;border-radius:17px;display:grid;place-items:center;color:#eef4df;background:linear-gradient(145deg,#779265,#516b51);box-shadow:0 11px 25px rgba(65,91,61,.22)}.draft-choice-mark svg{width:25px;height:25px;stroke-width:1.7}.draft-choice-card h2{margin:4px 0 6px;font-size:27px;letter-spacing:-.035em}.draft-choice-card>p{max-width:510px;margin:0 auto;color:#788476;font-size:10px;line-height:1.5}
.draft-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 14px}.draft-option{appearance:none;min-height:250px;padding:15px;border:1px solid rgba(81,104,74,.10);border-radius:18px;display:flex;flex-direction:column;text-align:left;cursor:pointer;color:#4e614b;background:rgba(86,111,79,.055);font-family:system-ui,sans-serif;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.draft-option:hover{transform:translateY(-4px);border-color:rgba(76,106,68,.22);background:rgba(100,131,91,.09);box-shadow:0 15px 35px rgba(58,78,55,.12)}
.draft-option-head{display:flex;align-items:center;gap:10px}.draft-option-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:rgba(95,124,86,.11);color:#69825f}.draft-option-icon svg{width:19px;height:19px;stroke-width:1.8}.draft-option-head small{display:block;font-size:7px;font-weight:900;letter-spacing:.12em;color:#8a9587}.draft-option-head strong{display:block;margin-top:2px;font-size:15px;line-height:1.05;color:#40543f}.draft-option>p{margin:14px 0 10px;font-size:9px;line-height:1.52;color:#748071}.draft-option-detail{margin-top:auto;padding:7px 8px;border-radius:9px;background:rgba(80,105,73,.06);font-size:8px;color:#71806d}
.draft-option-foot{margin-top:auto;padding-top:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid rgba(74,98,68,.08)}.draft-option-detail+.draft-option-foot{margin-top:9px}.draft-option-foot>span{font-size:7px;font-weight:950;letter-spacing:.1em;color:#64785e}.draft-option-foot>div{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.draft-option-foot>div span{display:inline-flex;align-items:center;gap:3px;padding:4px 5px;border-radius:7px;background:rgba(79,103,72,.07);font-size:7px;font-weight:850;color:#63745f}.draft-option-foot svg{width:9px;height:9px}.draft-option-foot .free{color:#738465}
.draft-option.tone-gold .draft-option-icon{color:#9b7835;background:rgba(188,148,65,.12)}.draft-option.tone-blue .draft-option-icon{color:#527e8e;background:rgba(72,135,154,.11)}.draft-option.tone-stone .draft-option-icon{color:#747c79;background:rgba(118,128,125,.12)}.draft-option.tone-red .draft-option-icon{color:#9a6158;background:rgba(160,91,80,.10)}
.draft-choice-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#899486;font-size:8px}.draft-choice-note svg{width:13px;height:13px;stroke-width:1.8}
body.reduce-motion .draft-choice.open{animation:none}body.reduce-motion .draft-option{transition:none}
@keyframes draft-fade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.draft-choice{padding:12px}.draft-choice-card{padding:20px 13px;max-height:calc(100vh - 24px)}.draft-choice-mark{width:46px;height:46px}.draft-choice-card h2{font-size:23px}.draft-options{grid-template-columns:1fr;margin-top:14px}.draft-option{min-height:0}.draft-option>p{margin:10px 0}.draft-option-foot{margin-top:8px}}