:root{--bg-dark: #140c24;--panel-bg: #22143a;--card-bg: #fff8ea;--ink: #140c24;--neon-pink: #ff2e93;--neon-cyan: #00d2ff;--neon-gold: #ffd43b;--neon-mint: #38d9a9}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,#2e1557,#11081f);font-family:Jua,Fredoka,Noto Sans KR,Noto Sans JP,Noto Sans SC,sans-serif;color:#fff}#app{width:100%;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:8px;padding-right:8px;gap:6px;position:relative}.top-hud{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#341f5c,#21123b);border:3px solid var(--ink);border-bottom-width:5px;border-radius:16px;padding:6px 10px;box-shadow:0 3px #00000059,inset 0 2px #ffffff2e;flex-shrink:0}.hud-currencies{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.currency-pill{display:flex;align-items:center;gap:4px;background:#140c24;border:2px solid #5f3dc4;border-radius:999px;padding:3px 9px;font-size:13px;color:#fff9db}.ad-gem-btn{font-family:inherit;font-size:11.5px;background:linear-gradient(180deg,#ff6b6b,#e03131);color:#fff;border:2px solid var(--ink);border-bottom-width:3.5px;border-radius:999px;padding:3px 9px;cursor:pointer;animation:pulseBtn 1.5s infinite alternate}.hud-right-btns{display:flex;align-items:center;gap:6px}.icon-btn{font-family:inherit;font-size:15px;width:34px;height:34px;border-radius:10px;border:2.5px solid var(--ink);border-bottom-width:4px;background:#ffd43b;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.main-viewport{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;position:relative}.tab-panel{display:none;flex:1;min-height:0;flex-direction:column;gap:6px}.tab-panel.active{display:flex}.canvas-cabinet-wrap{flex:1;min-height:0;background:#140c24;border:3.5px solid var(--ink);border-radius:18px;overflow:hidden;position:relative;box-shadow:0 4px 14px #00000080}#claw-canvas{width:100%;height:100%;display:block;touch-action:none}.arcade-deck{background:linear-gradient(180deg,#2d1b4e,#1c1033);border:3px solid var(--ink);border-bottom-width:5px;border-radius:16px;padding:7px 9px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.deck-status-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.drops-badge{background:#140c24;border:2px solid #ffd43b;border-radius:10px;padding:3px 9px;font-size:12.5px;color:#ffd43b;white-space:nowrap}.fever-bar-wrap{flex:1;height:20px;background:#140c24;border:2px solid var(--ink);border-radius:999px;overflow:hidden;position:relative}.fever-bar-fill{height:100%;width:25%;background:linear-gradient(90deg,#ff2e93,#ffd43b,#38d9a9,#00d2ff);background-size:200% 100%;animation:rainbowMove 2s linear infinite;transition:width .2s ease}.fever-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:#fff;text-shadow:0 1px 2px #000000}.auto-claw-btn{font-family:inherit;font-size:11.5px;padding:4px 9px;border-radius:10px;border:2px solid var(--ink);border-bottom-width:3.5px;background:#495057;color:#fff;cursor:pointer;white-space:nowrap}.auto-claw-btn.on{background:linear-gradient(180deg,#38d9a9,#0ca678);color:#140c24}.deck-controls-row{display:grid;grid-template-columns:42px 1fr 42px auto auto;gap:5px;align-items:center}.aim-arrow-btn{font-family:inherit;font-size:17px;height:42px;border-radius:12px;border:2.5px solid var(--ink);border-bottom-width:4.5px;background:#74c0fc;color:var(--ink);cursor:pointer}.drop-claw-main-btn{font-family:inherit;font-size:15.5px;height:44px;border-radius:13px;border:3px solid var(--ink);border-bottom-width:5.5px;background:linear-gradient(180deg,#ffd43b,#f59f00);color:var(--ink);cursor:pointer;box-shadow:inset 0 2px #ffffffa6;transition:transform .08s}.drop-claw-main-btn:active{transform:translateY(2px)}.drop-claw-main-btn.busy{background:#868e96;color:#fff}.sub-action-btn{font-family:inherit;font-size:11.5px;height:42px;padding:0 9px;border-radius:12px;border:2.5px solid var(--ink);border-bottom-width:4.5px;background:linear-gradient(180deg,#ff2e93,#c2255c);color:#fff;cursor:pointer;white-space:nowrap}.sub-action-btn.shuffle{background:linear-gradient(180deg,#9775fa,#6741d9)}.scroll-sheet{flex:1;min-height:0;overflow-y:auto;background:#190e2ceb;border:3px solid var(--ink);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:10px}.section-banner{background:linear-gradient(90deg,#5f3dc4,#ae3ec9);border:2.5px solid var(--ink);border-radius:12px;padding:7px 11px;font-size:13.5px;color:#fff9db}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.item-card{background:var(--card-bg);color:var(--ink);border:3px solid var(--ink);border-bottom-width:5px;border-radius:14px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;gap:5px}.item-card.selected{background:#fff3bf;box-shadow:0 0 0 3px #ff2e93}.item-card-top{display:flex;align-items:center;gap:7px}.item-icon-badge{width:38px;height:38px;border-radius:11px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.item-title{font-size:12.5px;line-height:1.2}.item-sub{font-size:10.5px;color:#5c3c10;line-height:1.25}.card-btn{font-family:inherit;font-size:11.5px;padding:5px 8px;border-radius:9px;border:2px solid var(--ink);border-bottom-width:3.5px;background:#ffd43b;color:var(--ink);cursor:pointer}.card-btn.equipped{background:#38d9a9}.synergy-list,.world-list{display:flex;flex-direction:column;gap:8px}.synergy-card,.world-card{background:var(--card-bg);color:var(--ink);border:3px solid var(--ink);border-bottom-width:5px;border-radius:14px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.world-card.active-world{background:#fff3bf;box-shadow:0 0 0 3px #38d9a9}.diff-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diff-btn{font-family:inherit;font-size:12px;padding:6px 4px;border-radius:10px;border:2.5px solid var(--ink);border-bottom-width:4px;background:#fff;color:var(--ink);cursor:pointer}.diff-btn.active{background:#ffd43b;box-shadow:0 0 0 2px #ff2e93}.tower-banner-btn{font-family:inherit;font-size:14px;padding:10px;border-radius:14px;border:3px solid var(--ink);border-bottom-width:5px;background:linear-gradient(90deg,#ff2e93,#7950f2);color:#fff;cursor:pointer;text-align:center}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}.nav-tab-btn{font-family:inherit;font-size:12.5px;padding:8px 4px;border-radius:13px;border:2.5px solid var(--ink);border-bottom-width:4.5px;background:#2b194d;color:#d0bfff;cursor:pointer}.nav-tab-btn.active{background:linear-gradient(180deg,#ffd43b,#fab005);color:var(--ink);transform:translateY(-1px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0618d1;display:none;align-items:center;justify-content:center;padding:16px;z-index:120}.modal-backdrop.open{display:flex}.modal-card{width:100%;max-width:370px;background:var(--card-bg);color:var(--ink);border:4px solid var(--ink);border-bottom-width:7px;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px}.modal-title{font-size:18px;text-align:center}.perk-choice-list{display:flex;flex-direction:column;gap:8px}.perk-choice-btn{font-family:inherit;background:#fff;color:var(--ink);border:3px solid var(--ink);border-bottom-width:5px;border-radius:14px;padding:10px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.toast-banner{position:fixed;top:max(58px,calc(env(safe-area-inset-top) + 50px));left:50%;transform:translate(-50%);background:#140c24;color:#ffd43b;border:2.5px solid #ffd43b;border-radius:999px;padding:6px 16px;font-size:12.5px;z-index:150;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast-banner.show{opacity:1}@keyframes pulseBtn{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes rainbowMove{0%{background-position:0% 50%}to{background-position:200% 50%}}