@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#edf3ee;background:#111b23;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#20353b 0,transparent 65%)}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #455650;background:transparent;color:#dce5df;border-radius:8px;padding:10px 17px;font-size:14px}button:hover{background:#31423e}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c6f28b;outline-offset:4px}main{max-width:1330px;margin:auto;padding:26px 40px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #ffffff14}.brand{color:#e1f2d9;text-decoration:none;font-weight:800;font-size:22px}.brand span{font-size:12px;letter-spacing:2px;margin-left:18px;color:#90a69e}.layout{display:grid;grid-template-columns:minmax(235px,1fr) minmax(330px,460px) 210px;gap:45px;align-items:center;padding:32px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#a9c999;font-weight:700}h1{font-size:clamp(27px,2.5vw,37px);letter-spacing:-1.8px;line-height:1.55;margin:25px 0 18px}h1 em{font-style:normal;color:#cbef9d}.intro>p:not(.eyebrow){color:#9bafa9;line-height:1.9;font-size:14px}.scorecard{margin:28px 0;padding:22px 24px;border:1px solid #526451;border-radius:12px;background:#23322e}.scorecard>span{font-size:14px;color:#b6c9b5}.scorecard strong{display:block;font-size:54px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.35;color:#d5f3ae}.scorecard div{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:10px;padding-top:12px;font-size:14px;color:#a5b6aa}.instructions{margin:25px 0}.instructions p{display:flex;flex-direction:column;gap:5px;font-size:14px;margin:15px 0}.instructions b{font-weight:500;color:#ccdacd}.instructions span{font-size:12px;color:#8b9f98}.restart{width:100%}.play{border:1px solid #5b6b60;border-radius:18px;background:#18231f;padding:12px;box-shadow:0 20px 50px #0005}.playtop{display:flex;align-items:center;justify-content:space-between;padding:7px 6px 17px;font-size:14px;color:#b0bfb3;min-height:43px}.playtop i{display:inline-block;width:6px;height:6px;background:#cbed9e;border-radius:100%;margin:0 5px 2px 0}.playtop b{margin-left:9px;font-size:14px}.board{position:relative;border:1px solid #475849;border-radius:7px 7px 15px 15px;overflow:hidden;background:#0e1817}canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}.playbottom{display:flex;justify-content:space-between;padding:14px 4px 3px;color:#95a88f;font-size:12px}.playbottom>span:last-child{color:#c3e594}aside h2{font-size:21px;margin:9px 0}.asidecopy{color:#94a69c;font-size:12px;margin-bottom:22px}ol{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:12px;margin:13px 0;font-size:14px;color:#96a69b}li .gem{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--gem);color:var(--gem);background:color-mix(in srgb,var(--gem) 13%,transparent);font-size:19px}li .num{margin-left:auto;font-size:12px;color:#60776a}li.found{color:#f0f3dc}li.found .num{color:#c0e594}.note{margin-top:27px;border-top:1px solid #ffffff19;padding-top:20px}.note>span{font-size:12px;letter-spacing:1.6px;color:#a5c488}.note p{font-size:14px}.note small{font-size:12px;line-height:1.8;color:#82978c}footer{display:flex;gap:22px;align-items:center;border-top:1px solid #ffffff14;padding-top:18px;color:#6f897b;font-size:12px}footer span{letter-spacing:2px}footer button{margin-left:auto;font-size:12px;border:none}#overlay{position:absolute;inset:0;background:#0b1718df;backdrop-filter:blur(5px);display:grid;place-items:center;text-align:center;padding:30px}#overlay[hidden]{display:none}#overlay h2{font-size:36px;color:#d7efb7}#overlay p{color:#a9c1b5;font-size:15px}#overlay button{background:#d1eea6;color:#17221c;border:0;font-weight:700;padding:13px 28px}@media(min-width:1450px){main{padding-top:40px}.layout{padding-top:42px}}@media(max-width:1050px){main{padding:22px}.layout{grid-template-columns:minmax(190px,1fr) minmax(320px,460px);gap:25px}aside{grid-column:1/-1}ol{display:flex;flex-wrap:wrap;gap:15px}li{margin:0}li .num,.note,.asidecopy{display:none}aside h2{display:none}}@media(max-width:650px){main{padding:14px}header{padding-bottom:14px}.brand{font-size:19px}.brand span{display:none}.layout{display:flex;flex-direction:column;gap:18px;padding:18px 0}.intro{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.intro h1,.intro>p,.instructions,.intro .restart{display:none}.scorecard{margin:0;padding:0;border:0;background:none;flex:1;display:flex;align-items:center;gap:15px}.scorecard>span{font-size:12px}.scorecard strong{font-size:30px;letter-spacing:-1px}.scorecard div{margin:0 0 0 auto;padding:0;border:0;display:flex;flex-direction:column;gap:2px;font-size:12px}.play{width:min(100%,430px);padding:9px;border-radius:14px}.playtop{padding-bottom:10px}.board{max-height:none}aside{width:100%}aside>.eyebrow{margin:0 0 10px}ol{gap:10px}li{font-size:12px;gap:5px}li .gem{width:23px;height:23px;font-size:15px}footer{gap:10px}footer span{font-size:10px;letter-spacing:1px}}
/* The catalog uses the same silhouettes as the falling minerals. */
li .gem{border:0;background:none;border-radius:0}li .gem svg{display:block;width:100%;height:100%;overflow:visible}
/* Mining economy and in-game items */
.wallet{margin-left:auto;margin-right:20px;color:#a9bbb0;font-size:14px}.wallet b{color:#f3d687;margin-left:8px}.scorecard strong{font-size:42px}.primary{width:100%;background:#d1eea6;color:#18241d;border:0;font-weight:800;margin-bottom:9px}.primary:hover{background:#e0f4c5}.minepass{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:18px 0;font-size:14px}.minepass b{color:#d1eea6}.minepass small{width:100%;font-size:12px;color:#8ea397}.intro .save-note{font-size:12px;line-height:1.6}.currentline{font-size:13px;display:flex;justify-content:space-between;color:#96ac9b;padding:0 7px 11px}.currentline b{color:#d4e8bc}.itembar{display:flex;gap:10px;align-items:center;padding:12px 2px 0}.itembar button{font-size:13px;padding:9px 10px;white-space:nowrap}.itembar span{font-size:12px;line-height:1.6;color:#a5b49e}.itembar button[aria-pressed=true]{background:#713e32;border-color:#f6a077;color:#fff0db}button:disabled{opacity:.45;cursor:not-allowed}#message{font-size:13px;color:#f0c59a;line-height:1.6}#receipt{border:1px solid #647357;border-radius:10px;padding:12px;margin:15px 0;color:#d9ecc3;font-size:14px;line-height:1.9}#receipt strong{color:#f1d582;font-size:24px}.playbottom{gap:8px}.playbottom>span:last-child{white-space:nowrap}#overlay h2{font-size:29px}#overlay p{line-height:1.75}.instructions{margin-bottom:0}.instructions p{margin:12px 0}
@media(max-width:650px){.intro{display:grid;grid-template-columns:1fr 1fr;gap:9px}.intro .scorecard{grid-column:1/-1}.intro .minepass{grid-column:1/-1;margin:2px 0}.intro .primary,.intro .restart{display:block;margin:0;font-size:13px;padding:10px 7px}.intro .save-note,.intro #message{display:block;grid-column:1/-1;margin:0;font-size:12px}.intro .save-note{color:#8a9d90}.wallet{margin-right:10px;font-size:12px}.wallet b{display:block;margin:0}.scorecard strong{font-size:28px}.scorecard div{margin-left:12px}.scorecard div:last-child{margin-left:auto}.itembar{align-items:flex-start}#overlay h2{font-size:26px}}
/* Expedition, abilities and relic trading */
.shop-open{width:100%;margin-top:9px;border-color:#b89a61;color:#eed29a}.build{margin-bottom:25px;border-bottom:1px solid #ffffff16;padding-bottom:20px}#equipment{display:grid;gap:8px}.equipped{border:1px solid #506454;border-radius:9px;padding:10px;font-size:13px}.equipped p{margin:5px 0;color:#9caf9f;font-size:12px;line-height:1.6}.equipped button{font-size:12px;padding:5px 9px;margin-top:5px}#abilities{font-size:12px;line-height:1.8;color:#b9cdae;max-height:190px;overflow:auto}.ability-owned{margin:7px 0}.ability-owned strong{color:#e0edc8}.ability-owned span{display:block;color:#91a891}.ability-choices{display:grid;gap:10px;margin:14px 0}.ability-choices[hidden]{display:none}.ability-card{text-align:left!important;border:1px solid #8fa872!important;background:#25392d!important;color:#e4efcf!important;border-radius:10px!important;padding:14px!important;width:100%;font-size:14px!important}.ability-card strong{display:block;margin-bottom:5px}.ability-card span{font-weight:400;font-size:12px;line-height:1.7;display:block}.ability-card:hover{background:#38503b!important}#overlay{overflow-y:auto;align-items:center;padding:20px}#overlay>div{width:100%;max-height:100%}#overlay h2{margin:12px 0}#overlay #resume[hidden]{display:none}#receipt{font-size:13px;padding:9px;margin:10px 0}dialog{background:#15251f;color:#e7eedf;border:1px solid #8b986f;border-radius:18px;width:min(850px,calc(100% - 28px));max-height:90dvh;padding:24px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#07110cd9;backdrop-filter:blur(4px)}.shop-heading{display:flex;justify-content:space-between;align-items:center}.shop-heading h2{margin:3px 0}.shop-heading .eyebrow{margin:0}.shop-controls{display:flex;gap:10px;flex-wrap:wrap}.shop-note{font-size:13px;color:#aabea9;line-height:1.8}.shop-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.relic-card{background:#22332b;border:1px solid #536c52;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.relic-card h3{margin:0;font-size:18px;color:#e9d5a6}.relic-card p{margin:0;color:#b1c5ad;font-size:14px;line-height:1.7;flex:1}.relic-card button{border-color:#ae985f}.relic-card.sold{opacity:.5;min-height:140px;justify-content:center}.shop-controls button[aria-pressed=true]{background:#665731;border-color:#e8cc80;color:#fff0c2}#equip-picker{margin-top:20px;padding:18px;border:1px solid #c9b475;border-radius:12px;background:#2a382b}#equip-picker p{font-size:14px;line-height:1.8;color:#e3c996}#equip-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}#equip-slots button{text-align:left;font-size:13px;line-height:1.8;background:#19281e}#shop-wallet{color:#f5d38a}@media(max-width:650px){.intro .shop-open{grid-column:1/-1;margin:0}.shop-offers{grid-template-columns:1fr}dialog{padding:17px}#equip-slots{grid-template-columns:1fr}.build{display:block}#equipment{grid-template-columns:repeat(3,1fr)}.equipped{padding:8px;font-size:12px}#overlay .ability-card{padding:10px!important}#overlay h2{font-size:23px}.ability-choices{gap:7px}#receipt{line-height:1.6}}
/* Keep effective prices visible alongside the new build controls on mobile. */
#collection .num{display:inline;margin-left:auto;white-space:nowrap}#shop-open:disabled{opacity:.45}

.ranking-open{font-size:12px;padding:8px 10px;white-space:nowrap}#rank-submit-form[hidden]{display:none}#rank-submit-form{margin:14px 0;padding:12px;border:1px solid #778f65;border-radius:10px;text-align:left}#rank-submit-form label{font-size:13px;color:#d5e5c3}.rank-entry{display:flex;gap:7px;margin-top:7px}.rank-entry input{min-width:0;flex:1;border:1px solid #69806b;border-radius:7px;padding:10px;background:#10221a;color:#f2f8e8;font:inherit}#overlay #rank-submit{padding:9px;font-size:12px;white-space:nowrap}#overlay #rank-result,#overlay #rank-submit-status{font-size:12px;line-height:1.6;margin:6px 0}#ranking-dialog{width:min(700px,calc(100% - 28px))}.ranking-scroll{overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:14px}.ranking-table th,.ranking-table td{padding:12px 8px;border-bottom:1px solid #ffffff20;text-align:right;white-space:nowrap}.ranking-table th{font-size:12px;color:#a3bb9e}.ranking-table th:nth-child(2),.ranking-table td:nth-child(2){text-align:left;white-space:normal;overflow-wrap:anywhere}.ranking-table td:nth-child(2){max-width:180px}.ranking-table tr:first-child td{color:#f2da91}@media(max-width:650px){header{flex-wrap:wrap;gap:8px}.ranking-open{margin-left:auto}.ranking-table{font-size:12px}.ranking-table th,.ranking-table td{padding:10px 5px}#ranking-title{font-size:20px}}

#restart-dialog{width:min(460px,calc(100% - 28px))}#restart-dialog h2{font-size:23px}#restart-description{line-height:1.8;color:#b8cbb5}.restart-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.restart-actions button{flex:1}#restart-confirm{background:#d1eea6;color:#17221c;border-color:#d1eea6;font-weight:700}