@import url('./fonts/fonts.css');
:root{--ink:#382e48;--muted:#857e8b;--paper:#f9f7f2;--purple:#6b4d85;--line:#e8e3e9;--mint:#d9f2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #57a5ac;outline-offset:4px}.wrap{max-width:1192px;margin:auto;padding-left:36px;padding-right:36px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:1.3px;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:3px}.brand-icon{font-size:41px;line-height:1;color:#78608f}.nav nav{display:flex;gap:34px;align-items:center;font-size:12px}.nav-play{background:#ece5f1;border:1px solid #e1d6ea;padding:12px 19px;border-radius:8px}.nav-play span{margin-left:18px}.hero{display:flex;align-items:center;justify-content:space-between;padding-top:46px;padding-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#8a7799;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#89b3a2;border-radius:50%}h1{margin:14px 0 18px;font-size:48px;font-weight:800;letter-spacing:-2px;line-height:1.35}h1 em{font-style:normal;color:#9575b0}.sparkle{font-size:41px;font-weight:400;display:inline-block;color:#c6ac78;vertical-align:top;margin-left:18px;transform:rotate(10deg)}.hero p{color:var(--muted);line-height:1.9;font-size:13px;margin:0}.hero-note{display:flex;align-items:center;gap:17px;position:relative;padding-right:32px;transform:rotate(-4deg)}.hero-note b{font-weight:500;font-size:16px;line-height:1.6}.hero-note small{display:block;color:#9b8da8;margin-top:8px;font-size:10px}.mini-gem{font-size:85px;color:#8bbec0;text-shadow:6px 5px 0 #d7e9e2}.note-arrow{position:absolute;right:5px;bottom:-28px;font-size:45px;color:#b5a1c6}.game-section{scroll-margin-top:18px}.game-top{height:55px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.live-label{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px}.live-label>span{width:6px;height:6px;background:#81af9b;border-radius:50%;box-shadow:0 0 0 4px #eff6f2}.live-label i{font-style:normal;color:#c7c0cc;margin:0 4px}.live-label b{font-size:11px;font-weight:500;letter-spacing:.5px}.game-tools{display:flex;gap:8px}.game-tools button{background:#f7f5f8;padding:7px 10px;border-radius:6px;font-size:10px;color:#81718f}.game-stage{position:relative;overflow:hidden;background:#403251;aspect-ratio:1100/620}.game-stage canvas{display:block;width:100%;height:100%;touch-action:manipulation}.hud{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;pointer-events:none;color:#fff;z-index:2}.hud-score{background:#382c4c70;backdrop-filter:blur(8px);border:1px solid #ffffff1c;border-radius:12px;padding:13px 17px;min-width:170px}.hud span,.hud small{font-size:10px;color:#d9cde6;letter-spacing:1px}.hud strong{display:block;font-size:28px;line-height:1.3;font-weight:600;margin:3px 0}.hud strong small{font-size:11px;font-weight:400}.progress{height:3px;margin:7px 0;background:#ffffff20;border-radius:4px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#bce7dc;transition:width .3s}.hud b{color:#fff;letter-spacing:0}.timer{text-align:right;background:#382c4c70;border:1px solid #ffffff1c;backdrop-filter:blur(8px);border-radius:12px;padding:13px 17px;height:83px;min-width:90px}.timer.low strong{color:#ffb8ba}.cave-label{position:absolute;bottom:20px;left:24px;right:24px;color:#beacd0;font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;pointer-events:none;opacity:.7}.overlay{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-45%);width:440px;max-width:90%;padding:30px 30px 24px;text-align:center;background:#fbf8f1f5;box-shadow:0 16px 60px #1e12363b;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(10px)}.overlay.hidden{display:none}.intro-badge{font-size:9px;letter-spacing:2px;color:#9782a5}.overlay h2{font-size:25px;letter-spacing:-.5px;margin:16px 0 12px}.overlay p{font-size:12px;color:#8a7c94;line-height:1.9;margin:0 0 21px}.primary{background:var(--purple);color:white;border-radius:9px;min-height:45px;padding:12px 28px;box-shadow:0 5px 0 #4b365e;transition:transform .15s}.primary:hover{transform:translateY(-2px);background:#7c5a98}.primary span{margin-left:35px}.intro-controls{font-size:9px;color:#9c8da5;margin-top:22px}.intro-controls>span{margin:0 9px}kbd{font:10px 'Space Grotesk',sans-serif;border:1px solid #dcd4e3;box-shadow:0 2px 0 #e5dfe8;padding:3px 5px;border-radius:4px;min-width:18px;display:inline-block;text-align:center;background:#fff;color:#8b7c99}.game-bottom{border:1px solid var(--line);border-top:0;background:white;display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-radius:0 0 16px 16px;gap:12px}.key-hints{display:flex;gap:20px;color:#918598;font-size:10px}.key-hints kbd{margin-right:4px}.actions{display:flex;gap:8px;align-items:center}.actions button{border-radius:7px;font-size:11px;padding:10px 16px;min-height:40px}#blastBtn{background:#f3eef8;color:#896c9b}#blastBtn b{background:#e5d9ee;border-radius:4px;margin-left:6px;padding:1px 5px}.drop-button{background:#dceee5;color:#46665c;min-width:123px;font-weight:600}.game-caption{display:flex;justify-content:space-between;font-size:10px;color:#99909f;padding:14px 3px}.game-caption b{font-family:'Space Grotesk';color:#766580;margin-left:7px}.caption-sep{padding:0 10px;color:#c9bfcf}.collection{padding-top:65px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-heading h2,.guide h2{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:10px 0 0}.section-heading p{font-size:12px;color:#9a8fa1;margin-bottom:4px}.treasure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.treasure-grid article{min-width:0}.item-art{height:154px;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:17px;position:relative;overflow:hidden}.item-art:before{content:'';position:absolute;width:120px;height:120px;border:1px solid #ffffff99;border-radius:50%;transform:scale(1.8)}.item-art svg{width:100px;filter:drop-shadow(0 12px 8px #52406416);transform:rotate(-9deg);position:relative}.diamond-art{background:#e8f0ee}.agate-art{background:#f2e7e6}.agate-art svg{width:93px;transform:rotate(10deg)}.logo-art{background:#eee9f2;gap:16px}.orb,.gift,.bolt{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;font-size:32px;color:#eee4fc;background:#80708e;box-shadow:0 6px 0 #635271;transform:rotate(-13deg)}.gift{border-radius:10px;background:#b494bc;color:#fff2e0;transform:translateY(-10px) rotate(9deg);box-shadow:0 6px 0 #92769a}.bolt{background:#e7bc73;color:#7e5c39;box-shadow:0 6px 0 #c79656;transform:rotate(15deg)}.item-label{display:flex;align-items:center;justify-content:space-between}.item-label h3{font-size:15px;font-weight:600;margin:0}.item-label span{font-size:10px;background:#efebf1;color:#8a7698;padding:4px 8px;border-radius:4px}.treasure-grid p{font-size:12px;line-height:1.9;color:#9a90a0;margin:10px 0 0}.guide{padding-top:35px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;border-top:1px solid var(--line)}.guide h2{font-size:22px;margin-bottom:18px}.guide-title>span{font-size:12px;color:#a398aa}.guide ol{list-style:none;margin:0;padding:0}.guide li{display:flex;gap:20px;align-items:flex-start;padding:0 0 19px}.guide li>b{font-size:13px;color:#ad97bd;padding-top:1px}.guide h3{font-weight:500;font-size:13px;margin:0 0 6px}.guide p{font-size:11px;color:#998da0;margin:0;line-height:1.8}footer{border-top:1px solid var(--line);height:90px;display:flex;align-items:center;justify-content:space-between;color:#9a8ca3;font-size:10px}.footer-brand{font-size:13px;letter-spacing:1px;color:#766383}.toast{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);padding:9px 18px;background:#32263ce6;color:#fff;border-radius:30px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;z-index:6}.toast.show{opacity:1}.shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.shop-item{border:1px solid #e5d9ed;background:white;border-radius:10px;padding:12px 5px;color:var(--ink);font-size:10px}.shop-item>span{display:block;font-size:25px;margin-bottom:5px}.shop-item b{display:block;margin:5px 0;color:#936ea8}.shop-item small{font-size:9px;color:#9b8da5;display:block}.overlay .secondary{margin-left:8px;background:transparent;padding:12px;color:#8a7799}.result-score{font-size:36px;font-weight:600;color:#9473aa;margin:10px 0}.result-score small{font-size:12px;font-weight:400}.shop-note{margin-top:15px!important;font-size:10px!important;margin-bottom:0!important}.overlay.shop{width:500px;padding:22px}.overlay.shop h2{margin:10px 0}.overlay.shop p{margin-bottom:10px}.overlay.shop .primary{min-height:38px;font-size:12px}.overlay.shop .intro-badge{letter-spacing:1px}
@media(min-width:1500px){.wrap{max-width:1280px}.hero{padding-top:50px;padding-bottom:43px}h1{font-size:54px}}
@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.nav{height:82px}.nav nav{gap:19px}.hero{padding-top:30px;padding-bottom:28px}h1{font-size:37px}.hero-note{display:none}.game-top{padding:0 15px}.key-hints{gap:10px}.key-hints>span:last-child{display:none}.hud{inset:15px 18px auto}.hud-score{min-width:135px;padding:8px 12px}.hud strong{font-size:22px}.timer{height:72px;padding:9px 13px}.collection{padding-top:45px}.treasure-grid{gap:20px}.section-heading p{display:none}.guide{gap:30px}.guide h2{font-size:18px}.overlay{padding:21px;width:400px}.overlay h2{font-size:22px}.overlay p{font-size:11px;margin-bottom:15px}.intro-controls{margin-top:17px}footer>span:nth-child(2){display:none}.item-label{gap:6px;flex-wrap:wrap}.cave-label{bottom:12px}}
@media(max-width:540px){.wrap{padding-left:16px;padding-right:16px}.nav{height:72px}.brand{font-size:16px;gap:7px}.brand-icon{font-size:32px}.brand small{font-size:8px;letter-spacing:2px}.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.nav-play{font-size:11px;padding:9px 12px}.hero{padding-top:27px;padding-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:34px;letter-spacing:-1.5px;margin:12px 0}.sparkle{font-size:27px;margin-left:8px}.hero p{font-size:11px;line-height:1.8}.game-top{height:47px;padding:0 12px}.live-label{font-size:8px;gap:6px;letter-spacing:.3px}.live-label i{display:none}.live-label b{font-size:9px}.game-tools{gap:4px}.game-tools button{font-size:9px;padding:6px}.game-stage{aspect-ratio:1100/850}.game-stage canvas{object-fit:fill}.hud{inset:12px 12px auto}.hud-score{min-width:106px;padding:7px 10px;border-radius:8px}.hud span,.hud small{font-size:8px}.hud strong{font-size:20px}.hud strong small{font-size:8px}.progress{margin:4px 0}.timer{min-width:58px;height:62px;padding:7px 10px;border-radius:8px}.overlay{padding:19px 15px;max-width:88%;transform:translate(-50%,-29%);border-radius:13px}.intro-badge{font-size:7px;letter-spacing:1px}.overlay h2{font-size:19px;margin:10px 0}.overlay p{font-size:10px;line-height:1.7;margin-bottom:13px}.primary{min-height:37px;font-size:12px;padding:9px 22px}.intro-controls{font-size:8px;margin-top:15px}.intro-controls kbd{font-size:8px}.game-bottom{padding:10px 12px;gap:5px}.key-hints{font-size:9px}.key-hints>span{display:none}.key-hints:before{content:'Tap the cavern or the button to drop';font-size:9px}.actions{gap:5px}.actions button{padding:8px 10px;font-size:10px;min-height:35px}.drop-button{min-width:90px}.game-caption{font-size:8px;gap:8px}.game-caption>span:last-child{font-size:0}.game-caption>span:last-child b{font-size:11px}.game-caption>span:last-child:before{content:'Best ';font-size:8px}.caption-sep{display:none}.cave-label{font-size:6px;left:13px;right:13px;bottom:10px}.collection{padding-top:32px;padding-bottom:35px}.section-heading h2{font-size:22px}.treasure-grid{grid-template-columns:1fr;gap:22px}.treasure-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:17px}.item-art{grid-row:span 2;height:110px;margin:0}.item-art svg{width:73px}.item-label{justify-content:flex-start;align-content:end;gap:10px}.item-label h3{font-size:14px}.item-label span{font-size:9px}.treasure-grid p{font-size:11px;margin:7px 0 0}.logo-art{gap:4px}.orb,.gift,.bolt{width:29px;height:33px;font-size:20px}.guide{grid-template-columns:1fr;gap:26px;padding-top:28px;padding-bottom:20px}.guide h2{font-size:22px}.guide-title>span{font-size:11px}.guide li{padding-bottom:20px}.guide h3{font-size:13px}.guide p{font-size:11px}footer{height:75px;gap:15px;font-size:8px}.footer-brand{font-size:11px}.overlay.shop{transform:translate(-50%,-34%);padding:15px 12px}.overlay.shop h2{font-size:18px}.shop-items{gap:5px;margin:10px 0}.shop-item{padding:7px 3px;font-size:9px}.shop-item>span{font-size:18px}.shop-item small{font-size:8px}.shop-note{font-size:8px!important}.result-score{font-size:27px}.toast{font-size:10px;bottom:24px;max-width:95%;white-space:normal;text-align:center}}
/* Mobile controls stay finger-sized; dialogs fit even narrow phone screens. */
@media(max-width:540px){
  .game-stage{width:100%;height:clamp(300px,77vw,360px);min-height:300px;aspect-ratio:auto}
  .overlay,.overlay.shop{top:50%;transform:translate(-50%,-50%);max-height:calc(100% - 20px);overflow-y:auto;overscroll-behavior:contain;padding:17px 13px}
  .intro-controls{font-size:0;margin-top:14px}.intro-controls:after{content:'Tap the cavern or use the Drop Claw button';font-size:10px}.intro-controls>*{display:none}
  .primary{min-height:44px;min-width:150px;font-size:13px}
  .game-tools button{min-height:40px;min-width:45px;padding:6px;font-size:10px}
  .game-top{height:53px}
  .game-bottom{flex-direction:column;align-items:stretch;gap:9px;padding:12px}
  .key-hints{justify-content:center}.key-hints:before{font-size:11px}
  .actions{gap:10px}.actions button{flex:1;min-height:48px;font-size:13px}.actions .drop-button{flex:1.5}
  .shop-item{min-height:80px;font-size:11px}.shop-item small{font-size:9px}
  .overlay.shop{padding:13px}.overlay.shop .primary{min-height:44px}
}
@media(max-width:360px){.live-label{font-size:7px;gap:4px}.live-label b{font-size:8px}.game-top{padding:0 8px}.game-tools{gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}