:root{--sel-border-c: #00ff00;--sel-border-w: 2px;--sel-radius-tl: 12px;--sel-radius-tr: 12px;--sel-radius-br: 12px;--sel-radius-bl: 12px;--sel-shadow-c: #00ff00;--sel-shadow-w: 15px;--sel-bg-color: #00ff00;--sel-bg-opacity: .1;--sel-bg-image: none;--sel-inset-c: rgba(0, 255, 0, .2);--sel-inset-w: 20px;--dis-border-c: #333333;--dis-border-w: 0px;--dis-radius-tl: 12px;--dis-radius-tr: 12px;--dis-radius-br: 12px;--dis-radius-bl: 12px;--dis-shadow-c: #000000;--dis-shadow-w: 0px;--dis-bg-color: #000000;--dis-bg-opacity: .5;--dis-bg-image: none;--vis-bg-color: #222222;--vis-title-color: #ffffff;--vis-text-color: #cccccc;--vis-border-color: #444444;--vis-border-w: 1px;--vis-radius: 8px;--pb-bg: #101010;--pb-label: #cccccc;--pb-val: #00ff88}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;background:#1a1a1a;color:#eee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:auto;touch-action:auto;position:static;cursor:default}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background-color:#333;border-radius:6px;border:3px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-corner{background:#1a1a1a}body.mobile-panzoom-active{overflow:hidden!important;position:fixed!important;touch-action:none!important;cursor:grab}body.mobile-panzoom-active:active{cursor:grabbing}#game-wrapper{transform-origin:center top;transition:none;position:relative;min-height:100vh;padding-top:20px;padding-bottom:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}body:not(.mobile-panzoom-active) #game-wrapper{transform:none!important}body.edit-mode-active{overflow:auto!important;position:static!important;touch-action:auto!important;cursor:default!important}body.edit-mode-active #game-wrapper{transform:none!important;overflow:visible;margin-right:340px;transition:margin-right .3s}.page-container{position:relative;margin-bottom:0;line-height:0;box-shadow:0 0 30px #00000080;max-width:100%}.page-image{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.page-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.page-separator{display:none}.click-zone{position:absolute;cursor:pointer;z-index:100;pointer-events:auto;border-radius:12px;transition:background-color .2s,box-shadow .2s,opacity .2s,border-color .2s,filter .2s,transform .2s;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end}.click-zone:hover{background:#ffffff12;box-shadow:0 0 10px #ffffff1a}.info-zone{z-index:50;pointer-events:none;border:none}.click-zone.visual-card{background-color:var(--vis-bg-color);border:var(--vis-border-w) solid var(--vis-border-color);border-radius:var(--vis-radius);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:0;opacity:1;box-shadow:0 4px 6px #0000004d}.visual-card:hover{box-shadow:0 6px 12px #00000080;border-color:#666}.vc-image{width:100%;height:auto;display:block;border-bottom:1px solid rgba(255,255,255,.1);background-color:#000}.vc-content{padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;z-index:2;position:relative}.vc-title{font-weight:700;color:var(--vis-title-color)!important;font-size:1.1em;line-height:1.2;text-align:center;margin-bottom:2px}.vc-cost{font-size:.9em;font-weight:700;color:gold;text-align:center;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8);display:block;min-height:1em}.vc-req{font-size:.75em;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:4px}.vc-body{font-size:.9em;color:var(--vis-text-color)!important;line-height:1.4;margin-top:2px}.click-zone.selected{background-color:transparent;border:var(--sel-border-w) solid var(--sel-border-c);border-radius:var(--sel-radius-tl);border-top-left-radius:var(--sel-radius-tl);border-top-right-radius:var(--sel-radius-tr);border-bottom-right-radius:var(--sel-radius-br);border-bottom-left-radius:var(--sel-radius-bl);box-shadow:0 0 var(--sel-shadow-w) var(--sel-shadow-c),inset 0 0 var(--sel-inset-w) 5px var(--sel-inset-c)}.click-zone.visual-card.selected{background-color:var(--vis-bg-color);border-width:var(--vis-border-w);border-color:var(--sel-border-c);border-radius:var(--vis-radius);box-shadow:0 0 var(--sel-shadow-w) var(--sel-shadow-c)}.click-zone.selected:after{content:"";position:absolute;inset:0;background-color:var(--sel-bg-color);background-image:var(--sel-bg-image);background-size:cover;opacity:var(--sel-bg-opacity);z-index:1;pointer-events:none;border-radius:inherit}.click-zone.disabled{cursor:not-allowed;border:var(--dis-border-w) solid var(--dis-border-c);opacity:.6;filter:grayscale(80%)}.click-zone.disabled:after{content:"";position:absolute;inset:0;background-color:var(--dis-bg-color);background-image:var(--dis-bg-image);background-size:cover;opacity:var(--dis-bg-opacity);z-index:1;pointer-events:none;border-radius:inherit}#game-wrapper .click-zone.custom-shape{background:none!important;border:none!important;box-shadow:none!important;clip-path:none!important;pointer-events:none!important}#game-wrapper .click-zone.custom-shape .split-controls,#game-wrapper .click-zone.custom-shape .qty-badge,#game-wrapper .click-zone.custom-shape .text-content{pointer-events:auto!important}#game-wrapper .click-zone.custom-shape:after,#game-wrapper .click-zone.custom-shape:before{display:none!important}.shape-internal-stripes,.shape-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.shape-bg-layer{transition:filter .3s ease-out}.shape-poly{vector-effect:non-scaling-stroke;transition:fill-opacity .3s,stroke-opacity .3s;pointer-events:auto;cursor:pointer;fill:transparent;fill-opacity:0;stroke:transparent}#game-wrapper .click-zone.custom-shape:not(.selected):not(.disabled):hover .shape-bg-layer{filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}#game-wrapper .click-zone.custom-shape:not(.selected):not(.disabled):hover .shape-poly{stroke:none;stroke-width:0;fill:#fff;fill-opacity:.1}#game-wrapper .click-zone.custom-shape.selected .shape-bg-layer{filter:drop-shadow(0 0 15px var(--sel-shadow-c, #00ff00))}#game-wrapper .click-zone.custom-shape.selected .shape-poly{stroke:var(--sel-border-c, #00ff00);stroke-width:var(--sel-border-w, 3px);fill:var(--sel-bg-color, #00ff00);fill-opacity:var(--sel-bg-opacity, .1)}#game-wrapper .click-zone.custom-shape.disabled .shape-bg-layer{filter:none}#game-wrapper .click-zone.custom-shape.disabled .shape-poly{stroke:var(--dis-border-c, #333);stroke-width:1px;filter:grayscale(100%);cursor:not-allowed;fill:transparent}.bottom-tools{position:fixed;bottom:0;left:0;z-index:2500;display:flex;gap:5px;padding:0 15px;height:70px;align-items:center;border-radius:0;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ctrl-btn{background:transparent;color:#aaa;border:none;padding:8px;cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.ctrl-btn svg{width:24px;height:24px;fill:currentColor}.ctrl-btn:hover{color:#fff;background:#fff3}.ctrl-btn.active{color:#4caf50;background:#4caf5033;opacity:1}#points-bar{position:fixed;bottom:0;left:0;right:0;background:var(--pb-bg);border-top:1px solid rgba(255,255,255,.1);padding:0 20px;height:70px;display:flex;align-items:center;justify-content:center;gap:40px;box-shadow:0 -5px 30px #000c;z-index:2000}.currency{font-size:1.2em;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px}.curr-name{color:var(--pb-label)}.curr-val{color:var(--pb-val);font-family:monospace;font-size:1.3em;text-shadow:0 0 5px rgba(255,255,255,.2)}.currency.negative .curr-val{color:#f44}.split-controls{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:150}.split-btn{width:50%;height:100%;transition:background .2s,opacity .2s;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;opacity:0;color:#fffc;text-shadow:0 0 5px #000}.split-btn:hover{opacity:1}.qty-badge{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#000;border:2px solid #0f0;border-radius:50%;color:#0f0;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:160;box-shadow:0 0 10px #00ff0080;pointer-events:none}.qty-badge.negative{border-color:#f44;color:#f44}.group-budget-badge{position:absolute;transform:translate(-50%,-50%);background:#000;border:2px solid #ffd700;color:gold;padding:8px 20px;border-radius:8px;font-weight:800;font-size:18px;z-index:200;pointer-events:none}.help-bar-btn{width:28px;height:28px;border-radius:50%;border:2px solid #666;background:transparent;color:#666;font-weight:700;font-size:16px;font-family:serif;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.roulette-mask{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#151515!important;z-index:500;pointer-events:none}.roulette-strip{width:100%;position:absolute;left:0;top:0;will-change:transform}.roulette-item{width:100%;display:flex;justify-content:center;align-items:center;font-family:Impact,sans-serif;font-size:3.5rem;color:#fff;text-shadow:3px 3px 0 #000}.roulette-item.winner{color:gold!important;transform:scale(1.2);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.roll-result-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#111;border:3px solid #ffd700;border-radius:50%;color:gold;display:flex;align-items:center;justify-content:center;font-family:Impact,sans-serif;font-size:24px;z-index:600;pointer-events:none}.roll-result-badge.spawn-anim{top:50%;transform:translate(-50%,-50%) scale(2);opacity:0}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:5000;display:flex;align-items:center;justify-content:center}.modal-content{background:#1a1a1a;padding:20px;border:1px solid #444;border-radius:8px}.text-content{display:none;background:#000000d9;color:#ddd;padding:10px;font-size:14px;line-height:1.4;max-height:100%;overflow-y:auto;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-top:1px solid #444;position:relative;z-index:10}body.text-mode .text-content{display:block;pointer-events:auto}.text-content strong{display:block;color:#fff;font-size:1.1em;margin-bottom:4px;border-bottom:1px solid #555}#tooltip{position:fixed;z-index:3000;background:#0a0a0af2;border:1px solid #444;padding:15px;border-radius:8px;pointer-events:none;font-size:.95em;max-width:380px;box-shadow:0 10px 40px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s;color:#ccc}#tooltip.visible{opacity:1;pointer-events:auto}#tooltip h4{margin:0 0 8px;color:#fff;border-bottom:1px solid #333;padding-bottom:6px}.help-modal-content{width:600px;max-width:95%;max-height:85vh;display:flex;flex-direction:column;padding:0!important;overflow:hidden}.help-header{padding:15px 20px;background:#222;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.help-header h3{margin:0;color:#fff;font-size:1.2rem}.help-header .close-btn{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer}.help-header .close-btn:hover{color:#fff}.help-body{padding:20px;overflow-y:auto;flex:1}.help-section{margin-bottom:25px}.help-section h4{color:#4caf50;border-bottom:1px solid #333;padding-bottom:8px;margin-top:0;margin-bottom:15px}.help-item{background:#252525;border:1px solid #333;border-radius:6px;margin-bottom:8px;overflow:hidden}.help-row{display:flex;align-items:center;padding:10px 15px}.help-row .cmd{font-family:monospace;background:#111;padding:2px 6px;border-radius:4px;color:gold;margin-right:15px;min-width:80px;text-align:center}.help-row .desc{flex:1;color:#ddd;font-size:.9rem}.help-row .expand-btn{width:24px;height:24px;border-radius:50%;border:none;background:#333;color:#888;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-row .expand-btn:hover{background:#444;color:#fff}.full-desc{background:#1a1a1a;padding:10px 15px;border-top:1px solid #333;font-size:.85rem;color:#aaa;line-height:1.5}.copy-tiny-btn{display:inline-block;margin-left:10px;font-size:10px;padding:2px 6px;background:#333;color:#fff;border:1px solid #555;border-radius:3px;cursor:pointer}.copy-tiny-btn:hover{background:#4caf50;border-color:#4caf50}.ai-tip-box{background:#2e7d321a;border:1px solid #2e7d32;border-radius:8px;padding:15px;margin-bottom:15px}.ai-tip-box h5{margin:0 0 10px;color:#81c784;font-size:1rem}.ai-tip-box p{margin:0 0 10px;font-size:.9rem;color:#ccc;line-height:1.5}.ai-tip-box p:last-child{margin-bottom:0}.ai-tip-box ul{margin:0;padding-left:20px;font-size:.9rem;color:#ccc}.ai-tip-box a{color:#64b5f6;text-decoration:none}.ai-tip-box a:hover{text-decoration:underline}.code-editor{width:100%;background:#111;color:#0f0;font-family:monospace;border:1px solid #333;padding:8px;border-radius:4px}.primary-btn{background:#2e7d32;border:1px solid #1b5e20;color:#fff;border-radius:4px;padding:8px 16px;cursor:pointer}.primary-btn:hover{background:#388e3c}@media(max-width:768px){#points-bar{height:60px;padding:0 50px 0 10px;justify-content:flex-start;overflow-x:auto;gap:15px;scrollbar-width:none}#points-bar::-webkit-scrollbar{display:none}.currency{flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:60px;max-width:100px;border-right:1px solid rgba(255,255,255,.1);padding-right:15px}.currency:last-child{border-right:none}.curr-name{font-size:.7rem;color:var(--pb-label);width:100%;text-align:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none;pointer-events:auto;padding-bottom:2px;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.curr-name::-webkit-scrollbar{display:none}.curr-val{font-size:1.1rem}.help-bar-btn{display:none!important}.bottom-tools{left:auto;right:0;bottom:0;width:45px;height:60px;flex-direction:column;border-radius:0;background:var(--pb-bg)!important;border:none!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:0;gap:0;justify-content:space-evenly}.ctrl-btn{width:100%;height:50%;border-radius:0;color:var(--pb-label)!important}#edit-toggle{display:none!important}#tooltip{bottom:60px;left:0;right:0;top:auto!important;border-radius:0;border:none;border-top:1px solid #444;max-height:40vh;transform:none!important;font-size:.85rem;padding:10px}.qty-badge,.roll-result-badge{width:18px!important;height:18px!important;font-size:9px!important;border-width:1px!important}.group-budget-badge{font-size:7px!important;padding:2px 5px!important;border-width:1px!important}.click-zone.selected{border-width:2px!important}.click-zone.visual-card{container-type:size;flex-direction:column!important;border-width:1px!important}.vc-content{height:100%;overflow:hidden;padding:2cqw!important}.vc-title{font-size:10cqw!important;line-height:1.1;margin-bottom:2cqh;flex-shrink:0}.vc-cost{font-size:8cqw!important;margin-bottom:1cqh;flex-shrink:0}.vc-body{font-size:6cqw!important;overflow-y:auto!important;scrollbar-width:none;flex:1;pointer-events:auto}.vc-req{display:none!important}}