@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
body.suit-page{background:#f3f1e9;color:#243a32}.suit-page #header{position:relative;background:#123e32}.suit-page #footer{padding:3rem 1rem}.su{--green:#164b3b;--gold:#e2bb71;--cream:#fcfaf2;font-family:'DM Sans',sans-serif;max-width:1160px;margin:auto;padding:40px 28px 64px}.su h1,.su h2,.su h3{color:inherit;font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}.su h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.05;margin:12px 0 24px}.su h2{font-size:2rem}.su p{line-height:1.7}.su a{color:inherit}.su .eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#507467}.su .su-button,.su button{font-family:inherit;box-shadow:none;height:auto;line-height:1.35;letter-spacing:0;text-transform:none;border:1px solid #ccd3c8;border-radius:8px;padding:12px 18px;font-size:13px;background:transparent;color:#234d3d;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.su .su-button.primary,.su button.primary{background:var(--green);border-color:var(--green);color:var(--cream)}.su button:disabled{cursor:default;opacity:.4}.su button:focus-visible,.su a:focus-visible,.su summary:focus-visible{outline:3px solid #d99d36;outline-offset:4px}.su-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d7dbd1;padding-bottom:20px;margin-bottom:36px}.su-wordmark{font-family:Georgia,serif;font-size:24px;font-weight:bold}.su-wordmark span{color:#a87831;margin-right:10px}.su-top a{border:0;font-size:12px}.su-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px 0 65px}.su-hero p{max-width:430px;color:#627069}.su-meta{display:flex;gap:24px;margin:25px 0;font-size:12px;color:#627069}.su-meta strong{display:block;color:#264d3e;font-size:15px}.su-demo{background:radial-gradient(ellipse at top,#286951,#123b30);padding:42px 35px;border-radius:20px;box-shadow:0 22px 45px #17382c20;transform:rotate(3deg);position:relative}.su-demo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.su-demo .demo-card{background:#fffdf3;border-radius:5px;aspect-ratio:.7;padding:8px;font:bold 21px Georgia;color:#263f36;box-shadow:0 3px 1px #0002}.su-demo .demo-card.red{color:#b64e40}.su-demo .demo-card span{display:block;font-size:24px;text-align:center}.su-demo-label{display:flex;justify-content:space-between;color:#efe8d5;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px}.su-demo-bottom{color:#e2bb71;text-align:center;margin-top:20px;font:italic 18px Georgia}.su-intro-title{text-align:center;margin:20px 0 30px}.su-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.su-step{border:1px solid #d9ded3;border-radius:12px;padding:25px}.su-step .number{font:italic 26px Georgia;color:#ad853f}.su-step h3{font-size:22px;margin:12px 0}.su-step p{font-size:14px;color:#627069;margin-bottom:10px}.su-step small{color:#527160}.su-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:50px}.su table{font-size:13px;margin:0}.su table td{padding:8px 10px}.su table td:last-child{text-align:right;font-weight:bold}.su table tbody tr{border-color:#dce1d6}.su table tbody tr:nth-child(2n+1){background:#e7ebdf66}.su-tiers{font-size:13px;display:grid;gap:10px}.su-tiers div{display:flex;justify-content:space-between;border-bottom:1px solid #dce1d6;padding:9px 0}.su-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.su-head h1{font-size:36px;margin:0 0 6px}.su-head p{margin:0;font-size:13px;color:#64756b}.su-tools{display:flex;gap:8px}.su-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.su-table{background:radial-gradient(ellipse at top,#29674f,#113f32);border:1px solid #315e4b;border-radius:16px;padding:24px;color:#fffaf0;box-shadow:0 12px 28px #193e3212}.su-table-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c0d0be}.su-table-top strong{color:#f0cd87}.su-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 43px;gap:9px}.su .card{position:relative;padding:9px 10px;background:#fcfaf2;border:2px solid transparent;border-radius:6px;color:#213d33;aspect-ratio:.72;font-family:Georgia,serif;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;box-shadow:0 3px 0 #0003;min-width:0;font-size:24px;line-height:1}.su .card.red{color:#b54439}.su .card .corner{align-self:flex-start;font-size:clamp(16px,2vw,23px);font-weight:bold}.su .card .pip{align-self:center;font-size:clamp(21px,3vw,39px)}.su .card .bottom{transform:rotate(180deg);align-self:flex-end}.su .card.selected{border-color:#f1bf62;box-shadow:0 0 0 3px #efc36a;transform:translateY(-3px)}.su .card.eligible{border-color:#c6a454}.su .card:disabled{opacity:1}.su .line-score{font-family:inherit;font-size:15px;color:#e8cf95;display:flex;align-items:center;justify-content:center;min-width:0;padding:0;border:0;aspect-ratio:auto;background:transparent;box-shadow:none}.su .line-score.zero{color:#86ac96}.su .line-score.active{background:#ffffff1c;border-radius:5px}.su .card.in-line{background:#fff0c6}.su-board-footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#bad0be;margin-top:18px}.su-panel{background:#fffdf7;border:1px solid #dedfd4;padding:22px;border-radius:14px}.su-score{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6dc;padding-bottom:18px;margin-bottom:18px}.su-score strong{font-family:Georgia,serif;font-size:47px;line-height:1;color:#164b3b}.su-score small{font-size:11px;color:#728176;display:block}.su-score .tier{font-size:12px;color:#8d6a2c;text-align:right;max-width:105px}.su-actions{display:grid;gap:9px}.su .action{display:flex;justify-content:space-between;text-align:left;padding:13px 12px;background:#f6f6ee;border-color:#e0e2d7}.su .action[aria-pressed=true]{background:#e4edde;border-color:#4f7853}.su .action small{display:block;font-size:11px;font-weight:400;color:#768172;margin-top:4px}.su .cost{font-size:10px;white-space:nowrap;border:1px solid #d4d7c7;border-radius:4px;padding:5px 6px;color:#687955}.su-status{font-size:12px;line-height:1.6;min-height:60px;margin:15px 0;color:#556a59}.su-reserve{display:flex;align-items:center;gap:12px;margin-top:19px;border-top:1px solid #e4e6dc;padding-top:18px}.su-back{width:42px;height:59px;flex:none;border:3px double #c6b98e;border-radius:4px;background:repeating-linear-gradient(45deg,#244d40,#244d40 3px,#335f50 3px,#335f50 5px);display:flex;align-items:center;justify-content:center;color:#e7d8ac;font:20px Georgia}.su-reserve b{font-size:14px}.su-reserve p{font-size:11px;color:#758172;margin:3px 0}.su-meter{height:4px;background:#dfe4d6;border-radius:5px;margin-top:10px;overflow:hidden}.su-meter span{display:block;height:100%;background:#a78b4c}.su .freeze{width:100%;margin-top:16px}.su-draft{display:flex;align-items:center;gap:13px;padding:13px;background:#f2ecd8;border-radius:8px;margin:14px 0}.su-draft .card{width:52px;flex:none;pointer-events:none}.su-draft p{font-size:12px;margin:0}.su-detail{margin-top:22px;padding:18px 22px;border:1px solid #dcdfd2;border-radius:10px;font-size:13px}.su-detail summary{cursor:pointer;font-weight:600}.su-detail p{margin:10px 0}.su-scraps{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.su-scraps span{background:#fffdf4;border:1px solid #dbdfd3;border-radius:4px;padding:4px 8px;font:16px Georgia}.su-scraps .red{color:#b54439}.su-results{background:#f4ebd4;border:1px solid #dbc185;padding:22px;border-radius:12px;margin-bottom:22px}.su-results h2{margin:5px 0}.su-results p{font-size:13px;margin-bottom:12px}.su-results[hidden],.su-draft[hidden]{display:none}.su-hand-readout{min-height:24px;text-align:center;color:#ead6a2;font-size:12px;margin-top:14px}.su-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.su-rule-grid p{font-size:13px}.su-caption{text-align:center;font-size:12px;color:#6e7b6e;margin-top:26px}.su-dialog{border:1px solid #d4d9ca;border-radius:14px;background:#fcfaf2;color:#254b39;max-width:400px;padding:28px;font-family:'DM Sans',sans-serif}.su-dialog::backdrop{background:#09271dcc}.su-dialog h2{font:28px Georgia;color:#254b39}.su-dialog button{margin-right:8px}.su-dialog p{font-size:14px}
@media(max-width:900px){.su-layout{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.su-panel{padding:16px}.su-table{padding:18px}.su-board{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr)) 28px}.su-hero{gap:30px}.su-demo{padding:25px 20px}.su-demo .demo-card{font-size:15px;padding:5px}.su-demo .demo-card span{font-size:20px}}
@media(max-width:700px){.su{padding:24px 14px 40px}.su-top{margin-bottom:24px}.su-hero{grid-template-columns:1fr;padding:5px 6px 40px;gap:35px}.su-hero h1{font-size:56px}.su-demo{max-width:400px;width:95%;margin:auto;transform:rotate(2deg)}.su-steps,.su-bottom,.su-layout{grid-template-columns:1fr}.su-bottom{gap:30px}.su-head{align-items:flex-start}.su-head h1{font-size:30px}.su-tools{flex-direction:column}.su-tools button{padding:8px 10px;font-size:11px}.su-table{padding:15px 12px}.su-board{gap:7px;grid-template-columns:repeat(5,minmax(0,1fr)) 27px}.su .card{padding:7px 6px}.su .card .corner{font-size:18px}.su .card .pip{font-size:28px}.su-actions{grid-template-columns:repeat(3,1fr);gap:6px}.su .action{display:block;padding:10px 7px;font-size:12px}.su .cost{display:inline-block;margin-top:8px}.su .action small{min-height:28px}.su-score{padding-bottom:10px;margin-bottom:12px}.su-score strong{font-size:36px}.su-status{min-height:0}.su-reserve{margin-top:12px;padding-top:12px}.su-rule-grid{grid-template-columns:1fr}.su-meta{gap:22px}.su-table-top{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.su .card{transition:transform .15s,background .15s,box-shadow .15s}.su .card:not(:disabled):hover{transform:translateY(-3px)}}
body.suit-page{padding-top:0}.su-top .su-wordmark{font-size:24px}.su-board .card{aspect-ratio:1.25}.su-board .card .corner{font-size:18px}.su-board .card .pip{font-size:28px}
@media(min-width:701px){.su{padding-top:26px}.su-top{margin-bottom:24px;padding-bottom:16px}.su-head{margin-bottom:20px}.su-board .card{padding:6px 9px}}
@media(max-width:700px){.su-board .card{aspect-ratio:.85}.su-board .card .corner{font-size:16px}.su-board .card .pip{font-size:25px}}
@media(max-width:700px){.su{padding-top:58px}}
html[lang=ko] .su{font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}html[lang=ko] .su h1,html[lang=ko] .su h2,html[lang=ko] .su h3{font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;letter-spacing:-.045em}html[lang=ko] .su button{font-family:inherit}
/* The shared header owns the top of the page on desktop. */
body.suit-page #page-wrapper{padding-top:0}
@media(min-width:841px){.suit-page .su-top{display:none}}
@media(max-width:840px){.suit-page .su{padding-top:58px}}