:root{--accent:#c5a4ff;--bg:#13101e;--line:#463750;--mint:#c4a1ff}body{background:radial-gradient(ellipse at top,#67468833,transparent 60%),#13101e;color:#f5ecff}.depth-shell{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.brand{display:block;font-weight:950;font-size:29px;letter-spacing:-1px}.brand>span{color:#c7a3ff}.brand small{display:block;font:7px var(--mono);letter-spacing:2px;color:#a28bad;margin:5px 0 0 39px}header>button{width:44px;height:44px;border:1px solid #78608b;border-radius:12px;font-size:21px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:36px 0 27px}.eyebrow{color:#b89dd3;font-size:8px}.intro h1{font-weight:950;font-size:43px;letter-spacing:-2px;line-height:1.22;margin:10px 0 12px}.intro em{font-style:normal;color:#c7a2ff}.intro p{color:#ac96bd;font-size:12px}.money{min-width:235px;border:1px solid #7c5b65;background:linear-gradient(120deg,#61414b55,#302238);border-radius:16px;padding:22px}.money small{font:9px var(--mono);letter-spacing:2px;color:#bc9ca9}.money strong{display:block;color:#ffdc93;font:700 30px var(--mono);margin-top:10px;overflow-wrap:anywhere}.hud{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #594266;border-radius:12px;background:#2a2038;margin-bottom:20px}.hud>div{border-right:1px solid #594266;padding:14px 18px;font:8px var(--mono);color:#b49bc9;letter-spacing:1px}.hud>div:last-child{border:0}.hud strong{display:block;font-size:20px;color:#e6d1ff;margin-top:6px}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.layout>section,aside>section{border:1px solid #53405f;border-radius:18px;background:#211a2d;padding:23px;min-width:0}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}h2{font-size:21px;letter-spacing:-.7px;margin-top:6px}.section-head>b{font:700 17px var(--mono);padding:8px 12px;border:1px solid #8a6ca4;border-radius:8px;color:#d9b4ff;white-space:nowrap}.excavation{overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#7357a322,transparent 65%),#211a2d!important}.voxel-scene{position:relative;height:290px;margin:7px -23px 0;overflow:hidden;isolation:isolate}.floor{position:absolute;inset:0;background:linear-gradient(#b993ff0a 1px,transparent 1px),linear-gradient(90deg,#b993ff0a 1px,transparent 1px);background-size:30px 30px;transform:perspective(350px) rotateX(45deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.voxel-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#b48fff22,transparent 65%)}.block,.ore-block{position:absolute;width:95px;height:95px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#615573 0 35%,#3b304c 35% 65%,#2a2139 65%)}.block-a{left:19%;top:52%}.block-b{left:57%;top:59%}.ore-block{left:50%;top:45%;transform:translate(-50%,-50%);width:145px;height:160px;background:linear-gradient(150deg,#a78abc 0 35%,#705180 35% 65%,#463052 65%)}.ore-block i{position:absolute;width:21px;height:26px;background:#d5a8ff;box-shadow:inset -5px -5px #a67bbd;transform:skewY(25deg)}.ore-block i:nth-child(1){left:14%;top:45%}.ore-block i:nth-child(2){left:40%;top:60%}.ore-block i:nth-child(3){left:71%;top:41%;transform:skewY(-25deg);background:#9ed9ff}.ore-block i:nth-child(4){left:62%;top:68%;width:14px;transform:skewY(-25deg);background:#9ed9ff}#equipped{position:absolute;left:62%;top:14%;font-size:83px;transform:rotate(15deg)}.voxel-scene>small{position:absolute;bottom:10px;text-align:center;width:100%;font:7px var(--mono);letter-spacing:2px;color:#977eac}.mining #equipped{animation:dig .7s infinite}.mining .ore-block{animation:pulse .7s infinite}#target{text-align:center;font-size:11px;color:#c8aedf;min-height:25px;margin-top:12px}.track{height:6px;background:#443153;border-radius:5px;overflow:hidden;margin:7px 0 18px}.track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ab75e6,#e3b7ff);transition:width .05s}.depth-control{border-top:1px solid #4b355a;padding-top:17px;margin-bottom:20px}.depth-control label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.depth-control label span{font-size:9px;color:#a68bb8;font-weight:400}.depth-control input{width:100%;height:32px;margin:8px 0 0;accent-color:#c697ff;cursor:pointer}.depth-control>div{display:flex;justify-content:space-between;font:8px var(--mono);color:#a58ab6}.action,.gold-action{width:100%;min-height:55px;border-radius:10px;border:1px solid #e5c9ff;background:linear-gradient(#d2b0ff,#af83e9);color:#2c1645;font-size:15px;font-weight:850;box-shadow:0 4px 0 #6a448f}.action:disabled{opacity:.85;background:#4d365d;color:#dfc4f4;box-shadow:none;border-color:#7a578e}#autoLabel{text-align:center;font-size:9px;color:#b097c5;margin-top:14px}.footnote{font-size:8px;line-height:1.9;color:#a38aac;margin-top:12px;text-align:center}.layout aside{display:flex;flex-direction:column;gap:20px}.tag{display:inline-block;font:7px var(--mono);padding:3px 6px;border:1px solid var(--accent);border-radius:4px;color:var(--accent)}.gear>.tag{float:right;margin-top:-11px}.gear-art{display:flex;align-items:center;gap:16px;margin:21px 0}.gear-art>span{font-size:56px}.gear-art h2{font-size:16px}.gear-art strong{display:block;font:700 24px var(--mono);color:var(--accent);margin-top:5px}.gear-art small{font:7px var(--mono);color:#a38bb8}.secondary-button{background:#c39bff0b;border-color:#796089;color:#dac0ee;min-height:46px}.secondary-button b{margin-left:10px;font:10px var(--mono)}.forge{flex:1;background:radial-gradient(ellipse at 50% 20%,#8e5fbd22,transparent 70%),#2a1c36!important}.forge-art{display:flex;justify-content:center;align-items:center;gap:22px;margin:17px 0}.forge-art>span{font-size:76px;filter:hue-rotate(75deg) drop-shadow(0 0 24px #c691ff55)}.forge-art>strong{font:800 55px var(--mono);letter-spacing:-3px;color:#eed4ff}.forge-art small{display:block;font:9px system-ui;letter-spacing:0;color:#c2a0d1}.forge>p:not(.footnote){font-size:10px;line-height:1.9;color:#bba0c8;text-align:center;margin-bottom:18px}.gold-action{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#ffe3a0,#edba60);color:#493117;border-color:#fff0bf;box-shadow:0 4px 0 #91612e;font-size:14px;padding:12px 15px}.gold-action span{font-family:var(--mono);font-size:12px}#history{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 9px;margin-top:10px}#history span{font-size:8px}.lower{margin-top:20px}#ores{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.ore-tile{display:flex;align-items:center;gap:8px;border:1px solid #4b365a;border-radius:9px;background:#2a2035;padding:12px 9px;min-width:0}.ore-tile>span{font-size:24px}.ore-tile>div{flex:1;min-width:0}.ore-tile strong{font-size:10px;color:var(--ore)}.ore-tile small{display:block;font-size:8px;color:#b298c2;margin-top:3px}.ore-tile>b{font:12px var(--mono);max-width:30%;overflow-wrap:anywhere}.sell-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:19px;padding-top:16px;border-top:1px solid #4c355b}.sell-row strong{font:600 20px var(--mono);color:#f3ce8d;overflow-wrap:anywhere}.sell-row button{border:1px solid #9b7546;background:#dfb4590d;border-radius:9px;min-height:45px;padding:10px 15px;color:#f4d59b;font-size:11px;white-space:nowrap}.upgrade{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #483252}.upgrade:last-child{border:0;padding-bottom:0}.upgrade>span{font-size:24px}.upgrade>div{flex:1;min-width:0}.upgrade h3{font-size:12px}.upgrade h3 small{font:7px var(--mono);color:#c39be8;margin-left:5px}.upgrade p{font-size:8px;color:#ac8fbc;margin-top:5px}.upgrade button{border:1px solid #7b578e;border-radius:8px;background:#c3a1ff0a;padding:10px;font:9px var(--mono);color:#debcf9;max-width:35%;overflow-wrap:anywhere;min-height:44px}footer{display:flex;justify-content:space-between;gap:12px;font:7px var(--mono);color:#8c6ea1;padding:22px 0 30px;border-top:1px solid #3f2c4b;margin-top:28px}#notice{position:fixed;z-index:99;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#432b56;border:1px solid #a57cc4;border-radius:12px;padding:13px 19px;font-size:12px;box-shadow:0 8px 35px #0007;max-width:calc(100% - 30px);width:max-content;pointer-events:none}#notice:empty{display:none}dialog{background:#281b34;border-color:#8a629f}dialog::backdrop{background:#0b0614dd}#result{text-align:center;background:radial-gradient(circle at 50% 30%,#9a5fc244,transparent 70%),#281b34}#resultArt{font-size:95px;margin:24px 0}#resultName{margin-top:18px;font-size:25px}#resultOdds{display:block;font:800 37px var(--mono);color:#e4b9ff;margin:17px 0}#resultCopy{font-size:11px;color:#caa8df;line-height:1.9;margin-bottom:22px}#collectionDialog{max-width:900px}.help-note{color:#bd9fcd}.tools{display:flex;gap:12px;align-items:center;margin:18px 0}.tools>input{flex:1;min-width:0;padding:12px;border:1px solid #79518e;border-radius:8px;background:#1b1125;color:#ebd5ff;font-size:12px}.tools label{font-size:11px;white-space:nowrap}.tools input{accent-color:#c694ee}#catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pick-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#1a1222;border:1px solid #51365f;border-radius:11px;padding:14px 5px;min-width:0}.pick-card small{font-size:6px;color:#b294c1}.pick-card>span{font-size:38px}.pick-card strong{font-size:10px}.pick-card b{font:700 13px var(--mono);color:var(--item-color);overflow-wrap:anywhere}.pick-card em{font-style:normal;font-size:8px;color:#bc9dcc}.pick-card.owned{border-color:var(--item-color);background:#6a457a44}.pick-card:disabled{opacity:.65}.dialog-header>button{min-height:44px;min-width:44px;font-size:21px}.rolling{animation:shake .12s infinite alternate}@keyframes dig{50%{transform:rotate(-30deg) translate(-18px,15px)}}@keyframes pulse{50%{filter:brightness(1.35)}}
@media(max-width:760px){.depth-shell{max-width:500px;padding:0 16px calc(15px + env(safe-area-inset-bottom))}header{padding:calc(19px + env(safe-area-inset-top)) 0 17px}.brand{font-size:25px}.brand small{font-size:6px;letter-spacing:1px}.intro{display:block;padding:25px 0 20px}.intro h1{font-size:34px}.intro p{font-size:10px}.intro .eyebrow{font-size:7px}.money{margin-top:20px;padding:13px 16px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.money strong{margin:0;font-size:25px}.money small{font-size:8px}.hud>div{padding:11px 9px;font-size:6px;letter-spacing:.4px}.hud strong{font-size:16px}.hud{margin-bottom:16px}.layout{grid-template-columns:1fr;gap:15px}.layout>section,aside>section{padding:19px;border-radius:16px}.layout aside{gap:15px}.voxel-scene{height:240px;margin-left:-19px;margin-right:-19px}.ore-block{width:125px;height:140px}#equipped{font-size:68px}.block{width:78px;height:78px}.block-a{left:15%}.depth-control label span{font-size:8px}.gear-art h2{font-size:16px}.lower{margin-top:15px}.ore-tile{padding:11px 7px;gap:6px}.ore-tile>span{font-size:22px}.ore-tile small{font-size:7px}.upgrade h3{font-size:13px}.upgrade p{font-size:9px}.upgrade button{font-size:10px}.forge>p:not(.footnote){font-size:11px}.footnote{font-size:8px}footer{flex-wrap:wrap;font-size:6px}#catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.pick-card strong{font-size:9px}.pick-card>b{font-size:11px}.pick-card small{font-size:5px}.catalog-dialog{padding:18px}.tools label{font-size:10px}}
@media(max-width:350px){.depth-shell{padding-left:12px;padding-right:12px}.intro h1{font-size:30px}.layout>section,aside>section{padding:15px}.depth-control label span{font-size:7px}.ore-tile small{font-size:6px}.ore-tile>span{font-size:18px}.ore-tile strong{font-size:9px}.upgrade p{font-size:8px}.gear-art h2{font-size:14px}.gear-art>span{font-size:45px}}
