/* One Points balance; a visible packet and feedback make its state tangible. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.point-coin{display:inline-grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;border:2px solid #ffe8a0;background:linear-gradient(135deg,#fff4b0 3%,#ffc63f 40%,#ec9621);box-shadow:inset 0 0 0 2px #edaa30,0 2px 0 #c78222;color:#fff9d7;font:800 17px/1 system-ui;text-shadow:0 1px 1px #ce8b30}.point-coin>span{transform:translateY(-1px)}
.immersive-player .watch-envelope.coin-envelope{position:absolute;top:auto;bottom:352px;left:auto;right:4px;width:66px;max-width:66px;height:91px;padding:0;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-end;background:none;border:0;border-radius:12px;z-index:3;filter:drop-shadow(0 2px 5px #2f15176b);color:#fff}
.coin-orbit{position:relative;width:66px;height:66px;display:block;flex-shrink:0}.coin-orbit>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:3;overflow:visible;transform:rotate(-90deg)}.coin-ring-track{stroke:#ffffff27}.coin-ring-value{stroke:#ffdc7d;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--coin-progress,0));transition:stroke-dashoffset .28s linear;filter:drop-shadow(0 0 2px #ffb63880)}
.coin-pocket{position:absolute;left:13px;right:13px;top:13px;bottom:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px 8px 11px 11px;background:linear-gradient(145deg,#ff8045,#ed452f 75%);border:1px solid #ffc578;box-shadow:inset 0 -4px 0 #d74027;overflow:visible}.pocket-rim{position:absolute;top:-2px;left:-1px;right:-1px;height:13px;background:#ffab53;border-radius:50%;border-bottom:2px solid #ffe4a0}.coin-pocket>.point-coin{position:absolute;top:-7px;width:23px;height:18px;font-size:13px;transform:rotate(-14deg)}.coin-pocket b{font-size:20px;font-weight:850;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.coin-pocket .pocket-unit{font-size:6px;line-height:1.3;color:#ffe8b8;margin-top:1px}
.immersive-player .coin-envelope strong{display:block;position:relative;font-size:8px;line-height:1.4;font-weight:800;white-space:nowrap;margin-top:-4px;padding:3px 6px;border-radius:13px;background:linear-gradient(#ff9d51,#f36736);border:1px solid #ffb878;box-shadow:0 2px 5px #59281440;z-index:2}.immersive-player .coin-envelope small{font-size:7px;line-height:1.5;white-space:nowrap;margin-top:3px;text-shadow:0 1px 4px #000;color:#fff4d5}
.coin-fall-zone{position:absolute;inset:0;pointer-events:none}.falling-point{position:absolute;left:21px;top:-36px;z-index:2;animation:coin-drop .78s linear both}.falling-point .point-coin{width:12px;height:12px;border-width:1px;font-size:7px;box-shadow:inset 0 0 0 1px #edaa30,0 1px 0 #c78222}.coin-envelope.ready .coin-ring-value{stroke:#ffe4aa}.immersive-player .coin-envelope.ready strong{background:linear-gradient(#f4a164,#e67746);color:white}.coin-envelope.is-collected:not(.ready){opacity:.8}.coin-envelope:not(.is-watching):not(.just-ready) .falling-point{animation-play-state:paused}
.coin-pocket b{display:flex;height:1em;overflow:hidden;align-items:flex-start;justify-content:center}.coin-digit{display:block;height:1em;width:.6em;overflow:hidden}.coin-digit>span{display:block;will-change:transform}.coin-digit i{display:block;font-style:normal;height:1em;line-height:1}.coin-digit.leading-zero{width:0}
@keyframes coin-drop{0%{opacity:0;transform:translate(var(--coin-start),0) rotateY(0deg) rotate(-15deg) scale(.8)}12%{opacity:1}40%{transform:translate(var(--coin-start),16px) rotateY(180deg) rotate(10deg) scale(1)}78%{opacity:1;transform:translate(0,37px) rotateY(340deg) rotate(-8deg) scale(.9)}100%{opacity:0;transform:translate(0,51px) rotateY(440deg) rotate(0) scale(.4)}}
.coin-rewards-hero{position:relative;isolation:isolate;overflow:hidden;padding:16px;border:1px solid #ffcd89;border-radius:21px;background:radial-gradient(ellipse at 95% 4%,#fff4bc,transparent 50%),linear-gradient(135deg,#ffaf68,#ffcf81 70%,#ffe8ad);color:#693b21}.coin-rewards-hero:before{content:'';position:absolute;width:180px;height:180px;right:-72px;top:24px;border:1px solid #fff5d470;border-radius:50%;z-index:-1}.coin-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.coin-hero-top>span{font-size:8px;letter-spacing:1.3px;font-weight:800}.points-total-target{display:flex;align-items:center;gap:5px;border-radius:12px;padding:6px 8px;background:#fff8eccc;text-align:left;color:#89502b;min-height:41px}.points-total-target .point-coin{width:23px;height:23px;font-size:13px}.points-total-target small{display:block;font-size:7px;white-space:nowrap}.points-total-target b{font-size:17px;font-variant-numeric:tabular-nums;line-height:1.2}.coin-hero-value{display:flex;align-items:center;justify-content:space-between;margin:18px 0 16px;gap:8px;min-height:83px}.coin-hero-value>div>span{font-size:11px;color:#87552e}.sheet-content .coin-hero-value h3{font-size:51px;font-weight:850;line-height:1.1;letter-spacing:-2px;margin:4px 0 0;color:#7c381b}.coin-hero-value h3 small{font-size:11px;letter-spacing:0;margin-left:6px;font-weight:600;white-space:nowrap}.hero-coin-stack{position:relative;width:72px;height:74px;flex-shrink:0}.hero-coin-stack .point-coin{position:absolute;width:48px;height:48px;font-size:28px;box-shadow:inset 0 0 0 3px #edaa30,0 4px 0 #d8952d,0 10px 16px #ac571526;transform:rotate(-18deg)}.hero-coin-stack .point-coin:nth-child(1){left:0;top:25px;transform:rotate(-23deg)}.hero-coin-stack .point-coin:nth-child(2){left:25px;top:19px;transform:rotate(13deg)}.hero-coin-stack .point-coin:nth-child(3){left:10px;top:0}
.coin-collect-button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;padding:12px;border-radius:13px;background:linear-gradient(#f9763c,#e75128);box-shadow:0 4px 0 #be471c25;color:white;font-size:14px;font-weight:800}.coin-collect-button:disabled{background:#bc8a53;box-shadow:none;cursor:default}.sheet-content p.coin-receipt{margin:12px 0 0;font-size:9px;line-height:1.5;min-height:27px;text-align:center;color:#8e5834}.sheet-content p.coin-receipt.visible{color:#654522;font-weight:700;animation:receipt-in .35s ease-out}
.coin-stage-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px;gap:8px}.coin-stage-heading strong{font-size:13px}.coin-stage-heading span{font-size:8px;color:#9d8371}.coin-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coin-stage{position:relative;min-width:0;padding:9px 6px 11px;border:1px solid #efddca;border-radius:13px;background:#f6ebde;text-align:center;overflow:hidden;color:#9e7960}.coin-stage-number{font-size:7px;letter-spacing:.8px;display:block;margin-bottom:9px}.stage-pocket{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;width:57px;margin:0 auto 9px;border-radius:8px;background:linear-gradient(145deg,#ffad6d,#ef774e);border:1px solid #ffbf84;color:#fff}.stage-pocket:after{content:'';position:absolute;top:0;left:0;right:0;height:16px;border-bottom:2px solid #ffe3ae;border-radius:0 0 50% 50%}.stage-pocket .point-coin{position:absolute;top:7px;z-index:1;width:20px;height:20px;font-size:12px}.stage-pocket b{font-size:23px;line-height:1;margin-top:22px;letter-spacing:-.7px}.stage-pocket small{font-size:7px;margin:2px 0 4px}.coin-stage>strong{display:block;font-size:8px;white-space:nowrap}.stage-progress{display:block;height:3px;background:#dec7af;border-radius:3px;margin:8px 4px 0;overflow:hidden}.stage-progress i{display:block;height:100%;background:#df7249;border-radius:3px}.coin-stage.available{border-color:#ef964e;background:#fff3dd;box-shadow:0 3px 12px #d78a3020;color:#ba522a}.coin-stage.available .stage-pocket{background:linear-gradient(#ffb76b,#fa7543)}.coin-stage.available .stage-pocket .point-coin{transform:translateY(-6px) rotate(-10deg)}.coin-stage.collected{opacity:.65;cursor:default}.coin-stage.collected .stage-pocket{background:#d9c2a1}.coin-stage.collected .stage-pocket>.point-coin{display:none}.coin-stage.collected .stage-pocket b{margin-top:4px}.sheet-content .coin-stage-note{font-size:8px;color:#9d8371;text-align:center;margin:10px 0 20px}
.points-flight-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.flying-point{position:absolute;display:block;pointer-events:none}.flying-point .point-coin{width:24px;height:24px;font-size:14px}.points-arrived{animation:points-arrived 1.2s ease-out}.coin-collect-button:focus-visible,.coin-stage:focus-visible,.coin-envelope:focus-visible{outline:3px solid #ffd77a;outline-offset:3px}
@keyframes points-arrived{55%{box-shadow:0 0 0 0 #fff1a800}75%{box-shadow:0 0 0 7px #fff1a880}100%{box-shadow:0 0 0 10px #fff1a800}}
@keyframes receipt-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:355px){.immersive-player .watch-envelope.coin-envelope{right:0;bottom:323px;width:59px;max-width:59px;height:83px}.coin-orbit{width:59px;height:59px}.coin-pocket{left:11px;right:11px;top:12px}.coin-pocket b{font-size:18px}.immersive-player .coin-envelope strong{font-size:7px}.immersive-player .coin-envelope small{font-size:6px}.coin-rewards-hero{padding:13px}.coin-hero-top>span{font-size:7px;letter-spacing:.6px}.coin-hero-value h3 small{font-size:9px}.hero-coin-stack{width:60px}.coin-stages{gap:6px}.coin-stage{padding-left:3px;padding-right:3px}.coin-stage>strong{font-size:7px}}
@media(max-height:700px){.immersive-player .watch-envelope.coin-envelope{bottom:297px;height:80px}.coin-orbit{width:56px;height:56px}.coin-pocket{left:11px;right:11px;top:11px;bottom:4px}.coin-pocket b{font-size:17px}.coin-pocket>.point-coin{width:20px;height:15px}.immersive-player .coin-envelope strong{font-size:7px}.immersive-player .coin-envelope small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.falling-point,.flying-point{display:none}.coin-envelope.just-ready .coin-pocket,.coin-tick .coin-pocket b,.points-arrived,.sheet-content p.coin-receipt.visible{animation:none}.coin-ring-value{transition:none}}

/* Compact visual, original hit area; the packet stays still while coins and digits move. */
.immersive-player .coin-envelope small[hidden]{display:none}
.immersive-player .watch-envelope.coin-envelope{right:7px;width:60px;max-width:60px;height:77px;bottom:352px}
.coin-orbit{width:52px;height:52px}.coin-pocket{left:11px;right:11px;top:12px;bottom:5px;border-radius:6px 6px 8px 8px;box-shadow:inset 0 -2px 0 #d74027}.pocket-rim{height:10px}.coin-pocket>.point-coin{top:-4px;width:17px;height:13px;font-size:9px;border-width:1px}.coin-pocket b{font-size:12px;line-height:1;margin-top:8px;letter-spacing:0;max-width:100%}.coin-pocket .pocket-unit{font-size:5px}.immersive-player .coin-envelope strong{font-size:7px;padding:3px 6px;margin-top:-3px}.immersive-player .coin-envelope small{font-size:6px;margin-top:3px}
@media(max-width:355px){.immersive-player .watch-envelope.coin-envelope{right:0;width:59px;max-width:59px;height:73px;bottom:323px}.coin-orbit{width:48px;height:48px}.coin-pocket{left:10px;right:10px;top:11px;bottom:4px}.coin-pocket b{font-size:11px}.coin-pocket>.point-coin{width:15px;height:12px}.falling-point{left:19px}}
@media(max-height:700px){.immersive-player .watch-envelope.coin-envelope{bottom:297px;height:72px}.coin-orbit{width:48px;height:48px}.coin-pocket{left:10px;right:10px;top:11px;bottom:4px}.coin-pocket b{font-size:11px}.coin-pocket>.point-coin{width:15px;height:12px}.falling-point{left:19px}}