@font-face{font-family:Jua;src:url('/assets/Jua-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#05081b;color:#fff;font-family:Jua,'Trebuchet MS',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;filter:saturate(.4);opacity:.48}button:focus-visible{outline:3px solid #b9fff1;outline-offset:5px}button:active:not(:disabled){transform:translateY(2px) scale(.97)}[hidden]{display:none!important}img{object-fit:contain;pointer-events:none}body{display:grid;place-items:center;overflow:hidden;background:#070a20 url('/assets/workshop.webp') center/cover fixed}body:before{content:'';position:fixed;inset:0;background:rgba(4,7,25,.92);backdrop-filter:blur(18px)}.game-shell{width:min(100%,460px);height:100dvh;max-height:950px;position:relative;background:#090d2d;box-shadow:0 0 90px #0009;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.play-screen{background:radial-gradient(ellipse at 50% 32%,#161d50 0,#0b1032 45%,#080b28 100%)}.play-header{display:flex;justify-content:space-between;align-items:flex-start;padding:max(19px,env(safe-area-inset-top)) 20px 0;min-height:111px;z-index:5}.gem-button{width:43px;height:44px;flex-shrink:0;background:linear-gradient(#8a51de,#55239a);border:2px solid #b08af1;border-radius:14px;box-shadow:inset 0 2px 1px #d4afff80,inset 0 -4px 1px #321360,0 3px 0 #02062099;padding:8px}.gem-button img{width:100%;height:100%;filter:invert(1) drop-shadow(0 2px 0 #3e1c6a)}.level-plaque{min-width:150px;max-width:225px;margin-top:18px;padding:6px 19px 7px;border-radius:15px;border:3px solid #a2753b;background:linear-gradient(#38357c,#22204e);box-shadow:0 0 0 3px #542443,inset 0 2px 0 #7365bc,0 6px 14px #0005;position:relative;text-shadow:0 2px 2px #0008;line-height:1.05}.level-plaque small{position:absolute;top:-18px;left:0;right:0;font:10px Jua;color:#b7b5eb;letter-spacing:1.4px}.level-plaque strong{display:block;font-size:25px}.level-plaque>span{display:block;font-size:11px;color:#ffe29c;margin-top:4px;letter-spacing:.2px}.level-plaque.hard{border-color:#d55255;background:linear-gradient(#743855,#49203e);box-shadow:0 0 0 3px #4d2139,inset 0 2px 0 #bb637a,0 5px 15px #0007}.play-status{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:34px;color:#848dbb;font-size:12px;z-index:5}.play-status button{display:flex;align-items:center;gap:6px;background:none;padding:3px;color:#d2c5ef;font-size:12px}.play-status img{width:22px;height:22px;filter:invert(84%) sepia(48%) saturate(388%) hue-rotate(355deg)}#streak-button span{background:#30284e;padding:3px 8px;border-radius:7px}.board-stage{position:relative;flex:1;min-height:290px;margin:0 12px}canvas,.bottle-hits{position:absolute;inset:0;width:100%;height:100%}.bottle-hit{background:transparent;border-radius:16px;position:absolute;min-width:36px;min-height:44px}.bottle-hit:focus-visible{outline-offset:-3px;background:#b8a4ff0c}.board-message{color:#aaa9d2;text-align:center;font:12px/1.4 Jua;padding:0 22px;min-height:25px;margin:0}.board-message.warn{color:#ffd697}.toolbox{display:flex;justify-content:center;gap:23px;padding:7px 25px 11px;z-index:5}.booster{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;padding:0;min-width:70px;font-size:12px;color:#d7d0ef;text-shadow:0 2px 1px #0006}.booster-face{position:relative;display:grid;place-items:center;width:66px;height:62px;border-radius:19px;border:3px solid #c89b58;background:linear-gradient(#ab70ed,#7744c9 45%,#573097 90%);box-shadow:0 0 0 3px #352558,inset 0 2px 2px #e2beff,inset 0 -5px 1px #41207a,0 4px 0 #050820}.booster-face>img{width:37px;height:37px;filter:invert(1) drop-shadow(0 3px 0 #512683)}.booster-face b{position:absolute;bottom:-8px;right:-8px;display:grid;place-items:center;min-width:26px;height:26px;padding:2px 5px;border-radius:50%;background:#e66b9c;border:2px solid #ffb1d3;box-shadow:0 2px 0 #89306f;font-size:16px;color:#fff;line-height:1}.booster-face>i{position:absolute;left:4px;top:10px;font-style:normal;font-size:24px}.play-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 22px max(15px,env(safe-area-inset-bottom));font:10px Jua;color:#5e688f;gap:12px}.play-footer button{background:none;padding:6px 2px;color:#8e92b8;font-size:11px}.home-screen{background:#27204b url('/assets/workshop.webp') center/cover}.home-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(#160f3520,#160f3500 48%,#10072060 82%,#190e35);pointer-events:none}.home-header{display:flex;gap:10px;align-items:center;justify-content:space-between;position:relative;padding:max(20px,env(safe-area-inset-top)) 16px 0}.currency{display:flex;align-items:center;gap:7px;background:#27183de8;border:2px solid #88619d;border-radius:11px;padding:5px 9px;height:40px;box-shadow:inset 0 2px 1px #cf9fcb40,0 3px 0 #160d2c;font-size:19px;position:relative}.currency>img{height:27px;width:27px;filter:invert(80%) sepia(82%) saturate(481%) hue-rotate(345deg)}.currency:first-child>img{filter:invert(54%) sepia(75%) saturate(1719%) hue-rotate(309deg)}.currency small{position:absolute;font-size:9px;bottom:-14px;left:0;right:0;color:#f7deff;text-align:center}.currency .currency-plus{width:15px;height:15px;filter:invert(1)}.home-logo{position:relative;text-align:center;margin:30px auto 0;line-height:.8;transform:rotate(-4deg);color:#ffe17b;text-shadow:0 3px 0 #cc8632,0 6px 0 #704091,3px 0 0 #704091,-3px 0 0 #704091,0 8px 15px #210c3e}.home-logo span{display:block;font:38px/1 Jua;letter-spacing:4px}.home-logo strong{display:block;font:74px/.9 Jua;letter-spacing:2px}.home-logo small{font-size:9px;letter-spacing:3px;color:#f6ddff;display:block;margin-top:15px;text-shadow:0 2px 3px #310b44}.wizard-cat{position:absolute;width:76%;height:50%;object-fit:contain;bottom:22%;left:13%;filter:drop-shadow(0 7px 10px #14052f50);animation:float 4s ease-in-out infinite}.home-events{position:absolute;top:31%;left:16px;right:16px;display:flex;justify-content:space-between;z-index:2}.home-events button{display:flex;align-items:center;flex-direction:column;width:69px;gap:6px;background:none;text-shadow:0 2px 3px #1f0e44;font-size:12px;position:relative}.home-events img{width:47px;height:47px;filter:invert(87%) sepia(58%) saturate(717%) hue-rotate(339deg) drop-shadow(0 3px 0 #4c2964)}.home-events b{position:absolute;right:1px;top:0;background:#f56876;border:2px solid #ffbca2;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.home-cta{position:absolute;bottom:88px;left:28px;right:28px;text-align:center}.home-chapter{display:inline-block;background:#39224bbf;color:#ffe3a7;border-radius:12px;padding:5px 12px;font-size:12px;margin-bottom:10px}.green-button{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:300px;margin:0 auto;background:linear-gradient(#90df4a,#51ba2c 60%,#3a9d25);border:3px solid #d4ff83;border-radius:18px;padding:16px 23px;font-size:27px;text-shadow:0 2px 1px #347a28;box-shadow:inset 0 2px 2px #eeffad,inset 0 -4px 1px #328326,0 5px 0 #20682a,0 8px 20px #12052670}.green-button img{width:25px;height:25px;filter:invert(1)}.home-cta p{font:11px Jua;color:#ddd1f4;text-shadow:0 1px 3px #1a0d30;margin:13px 0 0}.home-nav{display:flex;justify-content:space-around;background:#362150eb;border-top:2px solid #825794;position:absolute;bottom:0;left:0;right:0;padding:12px 8px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #160d3870}.home-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:52px;background:none;font-size:11px;color:#c2a9d9;padding:0}.home-nav img{width:28px;height:28px;filter:invert(81%) sepia(14%) saturate(732%) hue-rotate(222deg)}.home-nav .active{color:#ffe795}.home-nav .active img{filter:invert(82%) sepia(72%) saturate(504%) hue-rotate(346deg)}.desktop-note{position:fixed;bottom:27px;left:30px;color:#76778e;font:13px/1.8 Jua;max-width:260px;pointer-events:none}.desktop-note>span{letter-spacing:3px;font-size:14px;color:#bcb5d3}.desktop-note p{margin:5px 0}.desktop-note small{font:10px system-ui;color:#616079}dialog{padding:0;width:min(calc(100% - 30px),390px);max-height:90dvh;border:3px solid #bd8c50;border-radius:25px;background:linear-gradient(#49316e,#2b1e4d);color:#fff;box-shadow:0 0 0 4px #251b42,0 20px 80px #000a;overflow:auto}dialog::backdrop{background:#030419b8;backdrop-filter:blur(5px)}.modal{padding:26px 24px;text-align:center;position:relative}.modal h2{font:26px/1.2 Jua;margin:6px 0 14px;color:#fff1c3;text-shadow:0 2px 2px #201333}.modal p{font:14px/1.7 Jua;color:#d0c0e8;margin:14px 0}.modal-close{position:absolute;top:11px;right:11px;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#765399;border:2px solid #b48ac3}.modal-close img{width:20px;filter:invert(1)}.modal .green-button{font-size:21px;padding:12px;margin-top:16px}.secondary-button{display:block;width:100%;padding:13px;background:#68478d;border:2px solid #9873b5;border-radius:13px;margin-top:12px;font:16px Jua;box-shadow:inset 0 1px 0 #c39bd440,0 3px 0 #211638}.modal-art{width:160px;height:160px;object-fit:contain;margin:-4px auto -5px;display:block;filter:drop-shadow(0 5px 8px #130a32)}.win-stars{display:flex;justify-content:center;gap:8px;margin:0 0 13px}.win-stars img{width:33px;height:33px;filter:invert(85%) sepia(98%) saturate(995%) hue-rotate(329deg) drop-shadow(0 3px 0 #ac6b31)}.reward{display:flex;align-items:center;justify-content:center;gap:9px;color:#ffe48d;font:25px Jua;background:#21153670;padding:10px;border-radius:13px}.reward img{width:28px;filter:invert(90%) sepia(99%) saturate(1250%) hue-rotate(330deg)}.modal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0}.level-cell{border-radius:12px;border:2px solid #9173b3;background:#654985;aspect-ratio:1;font:17px Jua;position:relative}.level-cell.done{background:#477d5b;border-color:#9bd488}.level-cell.current{border-color:#ffe38f;background:#9a6b38}.level-cell img{width:18px;height:18px;filter:invert(1)}.modal-scroll{max-height:60dvh;overflow:auto}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px;margin:20px 0}.collection-item{padding:12px 4px;background:#22163c80;border:1px solid #7e5995;border-radius:13px;min-width:0}.collection-item img{width:45px;height:48px;filter:invert(81%) sepia(68%) saturate(637%) hue-rotate(350deg)}.collection-item.locked{opacity:.4}.collection-item h3{font:12px Jua;margin:7px 0}.collection-item small{font:10px Jua;color:#b8a4cd}.shop-row,.setting-row{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 0;border-bottom:1px solid #8e6aa044}.shop-row>img{width:37px;height:37px;filter:invert(86%) sepia(41%) saturate(956%) hue-rotate(346deg)}.shop-row>div{flex:1}.shop-row h3{font:17px Jua;margin:0 0 5px}.shop-row small{color:#beacd4;font-size:12px}.shop-row button{border:2px solid #b6e981;border-radius:11px;background:#4b8e37;padding:9px 12px;white-space:nowrap}.setting-row{justify-content:space-between;font-size:17px}.setting-row button{background:#8859ab;padding:8px 12px;min-width:66px;border-radius:10px;border:2px solid #b994cf}.help-list{text-align:left;padding:0;list-style:none;color:#d0c3e0;font:13px/1.65 Jua}.help-list li{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}.help-list img{width:27px;height:27px;flex-shrink:0;filter:invert(85%) sepia(28%) saturate(502%) hue-rotate(348deg)}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.gift-grid button{background:#724da3;border:2px solid #c28ee7;border-radius:15px;aspect-ratio:1;display:grid;place-items:center}.gift-grid img{width:45px;height:45px;filter:invert(87%) sepia(81%) saturate(874%) hue-rotate(337deg)}.toast{position:fixed;z-index:100;bottom:145px;left:50%;transform:translate(-50%,12px);background:#352350f5;border:1px solid #a17ac5;border-radius:14px;padding:12px 19px;box-shadow:0 5px 25px #0007;font:14px/1.5 Jua;max-width:min(calc(100% - 32px),380px);width:max-content;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#0a0d2c;z-index:10;color:#d3b7ee;font-size:19px}.loading button{background:#754a9f;padding:12px;margin-top:20px;border-radius:15px}.challenge-bar{height:14px;border-radius:8px;background:#211638;overflow:hidden;border:1px solid #84629e;margin:15px 0}.challenge-bar span{height:100%;display:block;background:linear-gradient(90deg,#a370ed,#f1d390)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.desktop-note{display:none}}@media(max-width:460px){body{background:#080b28}.game-shell{box-shadow:none;max-height:none}.play-header{padding-left:18px;padding-right:18px}.home-logo{margin-top:30px}.home-logo strong{font-size:67px}}@media(max-height:700px){.play-header{min-height:98px;padding-top:14px}.level-plaque{margin-top:16px}.play-status{height:25px}.board-stage{min-height:250px}.toolbox{padding-bottom:7px;gap:22px}.booster-face{width:60px;height:56px}.booster{gap:6px}.play-footer{padding-bottom:7px}.home-logo{margin-top:24px}.home-logo span{font-size:31px}.home-logo strong{font-size:58px}.home-logo small{margin-top:12px}.home-cta{bottom:85px}.green-button{padding:12px;font-size:25px}.wizard-cat{bottom:24%;height:46%}.home-events{top:32%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:461px){.game-shell{border-left:1px solid #343049;border-right:1px solid #343049}}

.play-footer{display:none}.toolbox{padding-bottom:max(20px,env(safe-area-inset-bottom))}.board-message{min-height:22px;font-size:11px}.modal-hero-icon{width:54px;height:54px;display:block;margin:13px auto;filter:invert(87%) sepia(70%) saturate(800%) hue-rotate(340deg)}

.booster>span:last-child{display:none}.toolbox{padding-bottom:max(12px,env(safe-area-inset-bottom))}

@media(max-height:540px){body{overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.game-shell{height:620px;max-height:none;flex-shrink:0}.screen{min-height:620px}}