:root{--purple: #6b3fa0;--purple-l: #9b6bff;--purple-d: #3b1d6e;--ink: #1a1030;--gold: #ffd84a;--pink: #ff9ad5}#ui{position:absolute;left:0;top:0;width:360px;height:640px;transform-origin:0 0;font-family:Jua,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#fff;pointer-events:none;user-select:none;-webkit-user-select:none}#ui.open #screen{pointer-events:auto}#screen{position:absolute;top:0;right:0;bottom:0;left:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:12px 16px 16px;box-sizing:border-box;animation:fade-in .25s ease-out}#screen.still .screen,#screen.still .modal-bg{animation:none}.screen.dim{background:#0804189e}.screen.solid{background:linear-gradient(#1b0d3d,#0b0620)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes shine{50%{filter:brightness(1.25)}}header{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:8px}header h2{flex:1;margin:0;font-size:24px;font-weight:400;text-shadow:0 2px 0 var(--purple-d)}.coins{display:inline-flex;align-items:center;gap:6px;background:#0a061e99;border-radius:999px;padding:4px 12px 4px 6px;font-size:17px;color:var(--gold)}.coin-i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6b0,#ffd84a 45%,#c98a1a);box-shadow:inset 0 0 0 2px #c98a1a;display:inline-block}.btn{font-family:inherit;font-size:18px;color:#fff;background:linear-gradient(var(--purple-l),var(--purple));border:none;border-radius:16px;padding:10px 16px;box-shadow:0 5px 0 var(--purple-d),0 8px 16px #00000059;cursor:pointer;position:relative;outline:none;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--purple-d)}.btn:focus-visible,.node:focus-visible,.boost:focus-visible{outline:3px solid #ffe14d;outline-offset:3px}.btn.primary{background:linear-gradient(#fff07a,#ffb020);color:#4a2600;box-shadow:0 5px #b86e00,0 8px 16px #00000059}.btn.primary:active{box-shadow:0 2px #b86e00}.btn.big{font-size:26px;width:250px;padding:13px 0}.btn.small{font-size:15px;padding:6px 12px;border-radius:12px}.btn.icon{width:40px;height:40px;padding:0;font-size:22px;border-radius:12px}.btn.ghost{background:#ffffff1f;box-shadow:none}.btn:disabled{filter:grayscale(.85) brightness(.65);cursor:default;transform:none}.badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;border-radius:10px;background:#ff4d6d;color:#fff;font-size:13px;font-style:normal;line-height:20px;animation:shine 1s infinite}.stars-txt{color:var(--gold);letter-spacing:1px}.stars-txt .off{color:#ffffff40}.title .top{width:100%;display:flex;justify-content:flex-end}.logo{margin:18px 0 0;text-align:center;font-weight:400;line-height:.95;-webkit-text-stroke:7px var(--purple-d);paint-order:stroke fill;animation:float 3s ease-in-out infinite}.logo .l1{display:block;font-size:38px;color:#fff}.logo .l2{display:block;font-size:62px;color:#e6d4ff}.logo .l2 b{color:var(--gold);font-weight:400}.title .tag{margin:8px 0 0;font-size:15px;color:#d9c2ff;text-shadow:0 2px 0 var(--purple-d)}.title .menu{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:14px}.title .row{display:flex;gap:10px}.title .row .btn{width:76px;padding:10px 0}.title .foot{font-size:12px;color:#ffffff80;margin-top:4px}.world-nav{display:flex;align-items:center;gap:8px;width:100%}.world-card{flex:1;display:flex;align-items:center;gap:10px;background:#0a061e8c;border-radius:16px;padding:6px 10px}.world-card canvas{width:54px;height:54px}.world-card b{font-size:22px;font-weight:400;display:block}.world-card small{font-size:12px;color:#c9b8ff}.world-desc{font-size:13px;color:#e6dcff;margin:8px 4px;text-align:center;min-height:34px;text-shadow:0 1px 0 #000}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:4px}.node{font-family:inherit;color:#fff;border:none;border-radius:18px;height:74px;cursor:pointer;background:linear-gradient(#8a5cf0,#5a2f9a);box-shadow:0 5px 0 var(--purple-d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;outline:none}.node .num{font-size:22px}.node .stars-txt{font-size:15px}.node.cleared{background:linear-gradient(#a78bfa,#6d4bd8)}.node.next{background:linear-gradient(#fff07a,#ffb020);color:#4a2600;box-shadow:0 5px #b86e00;animation:float 1.6s ease-in-out infinite}.node.locked{background:#ffffff14;box-shadow:none;color:#ffffff59;cursor:default}.node.boss{grid-column:1 / -1;height:70px;background:linear-gradient(#ff6b8a,#b8325a);box-shadow:0 5px #6e1634;flex-direction:row;gap:12px}.node.boss.locked{background:#ff50781f;box-shadow:none}.node.boss .num{font-size:20px}.world-locked{margin-top:6px;font-size:14px;color:#ffb3c7}.modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#050212b3;display:flex;align-items:center;justify-content:center;animation:fade-in .2s;pointer-events:auto}.modal{width:312px;background:linear-gradient(#2c1663,#1a0c40);border:3px solid var(--purple-l);border-radius:22px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 16px 40px #00000080}.modal h3{margin:0;font-size:28px;font-weight:400;color:var(--gold)}.modal h3.boss{color:#ff8aa8}.modal .goal{margin:0;font-size:16px}.modal .best{font-size:14px;color:#c9b8ff}.modal h4{margin:6px 0 0;font-weight:400;font-size:15px;align-self:flex-start;color:#e6dcff}.boosts{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.boost{font-family:inherit;color:#fff;background:#ffffff14;border:2px solid transparent;border-radius:14px;padding:6px;display:flex;align-items:center;gap:6px;cursor:pointer;text-align:left;outline:none}.boost canvas{width:30px;height:30px;flex:none}.boost span{font-size:13px;line-height:1.2}.boost small{display:block;font-size:11px;color:#c9b8ff}.boost.on{border-color:var(--gold);background:#ffd84a2e}.boost.empty span{opacity:.6}.result h2{margin:40px 0 6px;font-size:40px;font-weight:400;-webkit-text-stroke:6px var(--purple-d);paint-order:stroke fill}.result.win h2{color:var(--gold)}.result.lose h2{color:#ffb3c7}.big-stars{display:flex;gap:8px;font-size:54px;margin-bottom:8px}.big-stars i{font-style:normal;color:#ffffff2e}.big-stars i.on{color:var(--gold);text-shadow:0 0 18px rgba(255,216,74,.8);animation:pop .45s both}.big-stars i.on:nth-child(2){animation-delay:.25s}.big-stars i.on:nth-child(3){animation-delay:.5s}.panel{width:100%;background:#0a061e99;border-radius:18px;padding:12px 16px;box-sizing:border-box}.panel .r{display:flex;justify-content:space-between;font-size:17px;padding:4px 0}.panel .r b{font-weight:400;color:var(--gold)}.panel .new{color:#7ee8fa;font-size:14px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.2);margin-top:6px}.result .buttons,.pause .buttons{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.result .sub{display:flex;gap:10px}.result .sub .btn{width:120px}.pause h2{margin:120px 0 30px;font-size:40px;font-weight:400}.pause .buttons{margin-top:0}.list{width:100%;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;padding:4px 2px 10px;box-sizing:border-box;scrollbar-width:thin}.list{scrollbar-color:rgba(176,124,255,.6) transparent}.list::-webkit-scrollbar{width:5px}.list::-webkit-scrollbar-track{background:transparent}.list::-webkit-scrollbar-thumb{background:#b07cff99;border-radius:3px}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:#ffffff14;border-radius:18px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent}.card.equipped{border-color:var(--gold);background:#ffd84a1f}.card canvas{width:96px;height:96px}.card b{font-weight:400;font-size:17px}.card small{font-size:11.5px;color:#c9b8ff;text-align:center;min-height:28px}.card .btn{width:100%;font-size:15px;padding:7px 0}.row-item{display:flex;align-items:center;gap:10px;background:#ffffff14;border-radius:16px;padding:10px 12px}.row-item canvas{width:40px;height:40px;flex:none}.row-item .info{flex:1;min-width:0}.row-item .info b{font-weight:400;font-size:16px;display:block}.row-item .info small{font-size:12px;color:#c9b8ff}.row-item .btn{flex:none;font-size:14px;padding:7px 10px;min-width:76px}.row-item.done{opacity:.55}.prog{height:6px;background:#ffffff1f;border-radius:3px;margin-top:5px;overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,#b07cff,#ff9ad5)}.section-title{font-size:15px;color:#e6dcff;margin:4px 2px 0}#toasts{position:absolute;top:60px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#1a0c40eb;border:2px solid var(--gold);color:#ffe7a8;border-radius:999px;padding:6px 16px;font-size:15px;animation:fade-in .2s;transition:opacity .3s}