.canb-root{width:100%;max-width:1280px;margin:0 auto;color:#17223b;font-family:inherit}
.canb-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.canb-title{font-size:20px;font-weight:900}.canb-title span{font-size:13px;padding:4px 8px;border-radius:999px;background:#efe8fa;color:#5f3d91}.canb-progress{font-weight:900;background:#fff;border:2px solid #d8dcef;border-radius:999px;padding:7px 13px}
.canb-viewport{position:relative;width:100%;overflow:hidden;border:3px solid rgba(84,61,143,.25);border-radius:24px;background:#e8f6ff;box-shadow:0 16px 36px rgba(30,42,80,.16);touch-action:none;user-select:none;-webkit-user-select:none}.canb-stage{position:absolute;left:0;top:0;width:1200px;height:714px;overflow:hidden;background:#dcefff;transform-origin:0 0}.canb-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.canb-target{position:absolute;left:0;top:270px;width:190px;height:190px;z-index:8;display:grid;place-items:center;transform:translate(-210px,-50%);will-change:transform;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}.canb-target.written{width:164px;height:164px;border-radius:22px;background:#fffdf8;border:6px solid #6f53ae;box-shadow:inset 0 0 0 5px #efe7f8}.canb-written-number{font-size:104px;line-height:1;font-weight:900;color:#6f53ae}.canb-target.signed{width:190px;height:190px;border-radius:24px;background:#fffdf8;border:6px solid #6f53ae;padding:7px;box-shadow:inset 0 0 0 5px #efe7f8}
.canb-till-wrap{position:absolute;z-index:12;right:-90px;bottom:-125px;width:800px;height:745px;pointer-events:auto}.canb-till{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 12px rgba(0,0,0,.22))}.canb-display{position:absolute;z-index:4;left:9.7%;top:18.9%;width:48.8%;height:14.1%;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;color:#143754;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:58px;font-weight:900;letter-spacing:4px;text-shadow:0 1px rgba(255,255,255,.8);overflow:hidden;pointer-events:none}.canb-hit-layer{position:absolute;inset:0;z-index:10;pointer-events:auto}.canb-hit{position:absolute;appearance:none;border:0;border-radius:13px;background:transparent;cursor:pointer;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent}.canb-hit:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px #6f53ae}.canb-hit.pressed{background:rgba(255,255,255,.26);box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}
.canb-hud{position:absolute;z-index:20;left:18px;top:15px;display:flex;align-items:center;gap:10px}.canb-bank,.canb-mode{background:rgba(255,255,255,.96);border:3px solid #6f53ae;border-radius:18px;box-shadow:0 7px 16px rgba(0,0,0,.13);font-weight:900}.canb-bank{display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:24px;min-width:84px}.canb-bank img{width:35px;height:35px;object-fit:contain}.canb-mode{padding:9px 13px;font-size:15px}.canb-bank.shake{animation:canbBankShake .35s ease}@keyframes canbBankShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}

.canb-debug{position:absolute;z-index:24;left:18px;top:76px;padding:9px 14px;border:3px solid #6f53ae;border-radius:15px;background:rgba(255,255,255,.96);font-weight:900;font-size:17px;box-shadow:0 6px 14px rgba(0,0,0,.12);transition:transform .14s ease,background .14s ease}.canb-debug.active{transform:scale(1.06);background:#fff6ba}

.canb-feedback{position:absolute;z-index:30;left:50%;top:21%;transform:translate(-50%,-50%) scale(.92);padding:13px 22px;border:4px solid #62a96f;border-radius:18px;background:#fff;font-size:27px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 10px 24px rgba(0,0,0,.18)}.canb-feedback.bad{border-color:#d05d57}.canb-feedback.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.canb-pause-card{position:absolute;z-index:28;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 30px;border:4px solid #6f53ae;border-radius:22px;background:rgba(255,255,255,.95);font-size:34px;font-weight:900;box-shadow:0 15px 32px rgba(0,0,0,.22)}.canb-pause-card[hidden]{display:none}
.canb-flying-coin{position:absolute;z-index:26;width:54px;height:54px;object-fit:contain;transition:left .66s cubic-bezier(.18,.8,.2,1),top .66s cubic-bezier(.18,.8,.2,1),transform .66s ease,opacity .66s ease;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3));pointer-events:none}
.canb-end{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:rgba(225,240,252,.55);backdrop-filter:blur(3px)}.canb-end[hidden]{display:none}.canb-end-card{width:min(480px,80%);padding:28px;border:4px solid #6f53ae;border-radius:26px;background:#fff;text-align:center;box-shadow:0 18px 42px rgba(0,0,0,.22)}.canb-end-card h3{margin:0 0 10px;font-size:34px}.canb-end-card p{font-size:19px;font-weight:800}.canb-replay{appearance:none;border:0;border-radius:16px;padding:13px 22px;background:#6f53ae;color:#fff;font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #4c397f}
.canb-sign{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.canb-sign img{position:absolute;max-width:94%;max-height:94%;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.07))}.canb-sign.ten{gap:0}.canb-sign.ten img{position:relative;width:50%;height:90%;object-fit:contain}.canb-sign.seq img{width:58%;height:82%;max-width:58%;max-height:82%;top:50%;object-fit:contain;transform:translate(-50%,-50%)}.canb-sign.seq .phase-a{left:67%;animation:canbPhaseA 2s infinite}.canb-sign.seq .phase-b{left:67%;animation:canbPhaseB 2s infinite}@keyframes canbPhaseA{0%,40%{opacity:1;left:67%}48%,100%{opacity:0;left:67%}}@keyframes canbPhaseB{0%,44%{opacity:0;left:67%}52%{opacity:1;left:67%}84%,94%{opacity:1;left:33%}100%{opacity:0;left:33%}}.canb-sign.shake img{animation:canbDoubleShake 1.65s infinite}@keyframes canbDoubleShake{0%,22%,48%,100%{transform:translateX(0) rotate(0)}29%{transform:translateX(-7px) rotate(-4deg)}35%{transform:translateX(7px) rotate(4deg)}41%{transform:translateX(-7px) rotate(-4deg)}46%{transform:translateX(5px) rotate(3deg)}}.canb-sign.vertical-shake img{animation:canbDoubleVertical 1.65s infinite}@keyframes canbDoubleVertical{0%,20%,50%,100%{transform:translateY(0)}27%{transform:translateY(-10px)}34%{transform:translateY(10px)}41%{transform:translateY(-10px)}48%{transform:translateY(8px)}}.canb-sign.tapped img{opacity:0}.canb-sign.tapped img:nth-child(1){animation:canbTap1 .84s infinite}.canb-sign.tapped img:nth-child(2){animation:canbTap2 .84s infinite}.canb-sign.tapped img:nth-child(3){animation:canbTap3 .84s infinite}@keyframes canbTap1{0%,25%{opacity:1}26%,100%{opacity:0}}@keyframes canbTap2{0%,25%{opacity:0}26%,58%{opacity:1}59%,100%{opacity:0}}@keyframes canbTap3{0%,58%{opacity:0}59%,88%{opacity:1}89%,100%{opacity:0}}
@media(max-width:760px){.canb-title{font-size:17px}.canb-till-wrap{width:780px;height:727px;right:-100px;bottom:-130px}.canb-target{top:268px}.canb-hud{left:10px;top:10px}.canb-bank{font-size:20px}.canb-mode{font-size:13px}

.canb-feedback{top:18%;font-size:22px}}
@media(prefers-reduced-motion:reduce){.canb-sign.seq .phase-a,.canb-sign.seq .phase-b,.canb-sign.shake img,.canb-sign.vertical-shake img,.canb-sign.tapped img{animation:none!important;opacity:1}.canb-sign.tapped img:not(:last-child){display:none}.canb-sign.seq .phase-a{display:none}.canb-sign.seq .phase-b{left:33%}}