*{box-sizing:border-box} :root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#4c2b60;background:#d6bfdc;color-scheme:light}body{margin:0;background:radial-gradient(ellipse at 15% 65%,#ffd6a6a8,transparent 35%),radial-gradient(ellipse at 85% 35%,#fff0c2b0,transparent 32%),linear-gradient(120deg,#c5acd4,#edcbd4 55%,#c8b1d8);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #603383;outline-offset:3px}[hidden]{display:none!important}.app{height:100svh;height:100dvh;min-height:360px;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:6px}.appbar{width:min(1120px,100%);height:44px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:4px 14px;border:1px solid #fff5;border-radius:17px;background:linear-gradient(#fae9dce8,#e9c9c9e8);box-shadow:inset 0 2px 2px #fff9,0 5px 15px #68477715}.appbar a{text-decoration:none;font-size:13px;font-weight:900;letter-spacing:-.4px}.brand-icon{font-size:21px;margin-right:8px}.appbar>span{font-size:11px;opacity:.8}.share-game{margin-left:auto;min-height:34px;padding:5px 16px;border:1px solid #a180b5;border-radius:11px;color:#fff3e5;background:linear-gradient(#9e79b3,#71498e);box-shadow:inset 0 2px 1px #ffffff50,0 2px 3px #633d6b40;font-size:12px;font-weight:700}.cabinet{--cabinet-width:min(480px,calc((100dvh - 155px)*.72),calc(100vw - 20px));width:var(--cabinet-width);max-width:100%;min-height:0;flex:1;display:flex;flex-direction:column;filter:drop-shadow(0 12px 16px #63456435)}.marquee{height:clamp(60px,12dvh,102px);flex-shrink:0;position:relative;background:url('assets/cozy-20261016-v1/marquee.png') center 47%/100% auto no-repeat;border-radius:35% 35% 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud{flex:0 0 57px;display:grid;grid-template-columns:1.1fr 1.2fr 1.4fr .65fr .85fr;gap:3px;padding:5px 13px;background:linear-gradient(90deg,#da6454,#f6d9bd 5%,#f9dfc6 94%,#d65c4e);border-top:2px solid #ffe6bb;border-bottom:3px solid #c98662;z-index:1}.hud>div{min-width:0;text-align:center;border:1px solid #cfa895;border-radius:9px;background:linear-gradient(#ffe8d0,#eec7a8);box-shadow:inset 0 1px 2px #fff9;padding:3px 1px}.label{display:block;font-size:8px;line-height:1.3;font-weight:900;color:#513832;letter-spacing:.25px}.hud strong{display:inline-block;font-variant-numeric:tabular-nums;font-size:21px;line-height:1.15;color:#ffe6a8;border:1px solid #b98a64;border-radius:5px;background:linear-gradient(#523a32,#3b2c29);box-shadow:inset 0 1px 3px #1f1729;padding:0 5px}.streak-box>strong{color:#4f3346;background:none;border:0;box-shadow:none;padding:0 2px;font-size:20px}.streak-box #multiplier{font-size:15px;color:#fff0d5;background:linear-gradient(#aa8bc2,#795397);padding:2px 5px;border-radius:5px}.meter{height:2px;background:#c39a9170;width:70%;margin:2px auto 0;overflow:hidden;border-radius:5px}.meter i{display:block;height:100%;width:0;background:#8752a3}.batch-box strong{font-size:18px}.hud #timer{font-size:18px;padding:1px 4px}.urgent{color:#ffb09a!important}#strikes{display:flex;justify-content:center;gap:5px;margin:5px 0 0}#strikes i{height:17px;width:17px;border:1px solid #755552;border-radius:50%;background:linear-gradient(135deg,#c6adb2,#9f848f);box-shadow:inset 1px 1px 3px #4c2e4a50,0 1px 1px #fff9}#strikes i.hit{background:radial-gradient(circle at 35% 30%,#fff8bf,#ffc148 50%,#d77b17);border-color:#d49b2f;box-shadow:0 0 9px #ffd56c}.window{position:relative;flex:1;min-height:0;isolation:isolate;background:#d39f78 url('assets/cozy-20261016-v1/stage.png') center/100% 100% no-repeat}.window:before,.window:after{content:'';position:absolute;inset:0 auto 0 0;width:5%;background:linear-gradient(90deg,#f2c3b855,#fff4);pointer-events:none;z-index:1}.window:after{left:auto;right:0}canvas{position:absolute;left:6%;top:7%;width:88%;height:86%;display:block;outline:none;touch-action:none;cursor:none}canvas:focus-visible{outline:2px solid #fff3b9;outline-offset:-2px}.machine-base{height:17px;flex-shrink:0;background:linear-gradient(90deg,#d26354,#ffe2bf 8%,#efc7a7 92%,#c75a4e);text-align:center;color:#8d5635;font-size:7px;letter-spacing:1.2px;font-weight:800;padding:3px}.machine-base span:last-child{display:none}.controls{flex:0 0 55px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:5px 14px;border:2px solid #fff0cd;border-radius:0 0 13px 13px;background:linear-gradient(90deg,#d4685d,#f7d8bf 5%,#f3d6c1 95%,#d76a59);box-shadow:inset 0 -3px 5px #b97e7255}.controls button{min-height:40px;min-width:84px;border:1px solid #ad665a;border-radius:12px;background:linear-gradient(#f99883,#d55249);box-shadow:inset 0 2px 2px #ffd6b7,0 2px 3px #a3634c50;padding:5px 9px;color:#fff4e0;text-shadow:0 1px #a64d43;font-size:12px;font-weight:700}.controls #best{white-space:nowrap;background:linear-gradient(#493036,#30232e);color:#ffe1a0;font-size:11px;font-weight:800;letter-spacing:.6px;border:2px solid #bf9780;border-radius:10px;padding:9px 12px;box-shadow:0 1px 1px #fff8}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:#7447391c;backdrop-filter:blur(2px);z-index:4;overflow:auto}.ticket{width:min(320px,100%);max-height:100%;overflow:auto;padding:24px 20px 18px;text-align:center;background:linear-gradient(135deg,#fff0dbf5,#f5d6c4f5);border:1px solid #fff0ce;border-radius:20px;box-shadow:0 10px 24px #6e3d4350,inset 0 2px 1px #fff8;color:#533044}.kicker{font-size:9px;font-weight:900;letter-spacing:2px;color:#aa554e;margin:0 0 9px}.ticket h2{font-size:clamp(20px,3.1dvh,28px);font-weight:900;line-height:1.1;margin:0 0 12px;letter-spacing:-.8px}.ticket>p:not(.kicker):not(.hint){font-size:12px;line-height:1.55;margin:0 0 13px}.legend{display:flex;justify-content:center;gap:10px;margin:13px 0;font-size:9px;font-weight:700}.legend span:last-child{color:#a56918}.play{width:100%;min-height:45px;border:1px solid #ba6057;border-radius:12px;background:linear-gradient(#f58c79,#ce514c);box-shadow:inset 0 2px 1px #ffc8a6,0 3px 1px #ac4b4a;color:#fff7e8;font-size:17px;font-weight:900}.play:hover,.controls button:hover{filter:brightness(1.07)}.hint{font-size:9px;line-height:1.6;margin:13px 0 0;color:#815d69}.share-score{margin-top:10px;border:1px solid #b08d9e;border-radius:8px;background:#fff2db;min-height:40px;padding:5px 15px;color:#633a70}.toast{position:absolute;top:12%;left:9%;right:9%;pointer-events:none;text-align:center;font-size:12px;font-weight:800;padding:8px;border-radius:10px;background:#fff1d8ed;color:#854833;opacity:0;transition:opacity .2s;z-index:5}.toast.show{opacity:1}.footnote{flex-shrink:0;height:13px;font-size:8px;letter-spacing:1px;margin:0;color:#75557d}.cg-game-guide{max-width:1000px;margin:18px auto 0;padding:22px 22px 30px;color:#573966}.cg-guide-label{font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 8px}.cg-game-guide>h2{font-size:25px;margin:0 0 8px;letter-spacing:-.6px}.cg-game-guide>p:not(.cg-guide-label){font-size:13px;line-height:1.6;max-width:700px}.cg-guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cg-guide-columns>div{padding:18px 20px;border:1px solid #fff5;border-radius:16px;background:linear-gradient(140deg,#fff0dc9c,#f2d5c787);box-shadow:0 5px 12px #7c4f7810}.cg-game-guide h3{font-size:15px;margin:0 0 9px}.cg-game-guide h3:not(:first-child){margin-top:16px}.cg-game-guide li,.cg-guide-columns p{font-size:12px;line-height:1.7}.cg-game-guide ol,.cg-game-guide ul{padding-left:18px;margin:0}.cg-guide-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:24px}.cg-guide-links a{font-size:12px;font-weight:800;text-decoration:none}.cg-guide-links a:hover{text-decoration:underline}dialog{width:min(420px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;padding:24px;border:1px solid #fff0d7;border-radius:20px;background:#ffead4;color:#533044;box-shadow:0 20px 70px #43284e70}dialog::backdrop{background:#47305388;backdrop-filter:blur(5px)}dialog h2{margin-top:0}dialog p{font-size:13px;line-height:1.5}dialog textarea{width:100%;font:13px/1.6 inherit;padding:12px;border:1px solid #cca7a9;border-radius:10px;background:#fff5e9;color:#533044}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.share-actions button{min-height:44px;border:0;border-radius:10px;background:#805695;color:#fff4e5;padding:8px 14px;font-size:12px;font-weight:700}
@media(max-width:600px){.app{padding:4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));gap:3px}.appbar{height:40px;padding:3px 10px;border-radius:12px;font-size:11px}.appbar a{font-size:11px}.appbar>span{display:none}.brand-icon{font-size:17px;margin-right:5px}.share-game{min-height:32px;padding:4px 12px;font-size:11px}.cabinet{width:min(100%,calc((100dvh - 145px)*.78));max-width:440px}.marquee{height:clamp(65px,12dvh,95px)}.hud{padding:4px 8px;flex-basis:55px;gap:2px}.label{font-size:7px}.hud strong{font-size:18px}.hud #timer{font-size:16px}.streak-box>strong{font-size:17px}.streak-box #multiplier{font-size:12px;padding:2px 3px}#strikes{gap:4px}#strikes i{width:15px;height:15px}.controls{padding:4px 9px;gap:4px;flex-basis:51px}.controls button{min-width:76px;min-height:40px;font-size:11px;padding:5px 7px}.controls #best{font-size:10px;padding:9px}.footnote{height:11px;font-size:7px}.machine-base{height:13px;padding:2px;font-size:6px}.cg-game-guide{margin-top:12px;padding:18px 15px}.cg-guide-columns{grid-template-columns:1fr}.cg-game-guide>h2{font-size:22px}.ticket{padding:18px 15px}.ticket h2{font-size:24px}}
@media(max-height:610px){.app{gap:2px;padding-top:4px}.appbar{height:36px}.marquee{height:58px}.hud{flex-basis:48px}.controls{flex-basis:46px}.controls button{min-height:36px}.machine-base,.footnote{display:none}.ticket{padding:13px}.ticket h2{font-size:20px;margin-bottom:7px}.ticket>p:not(.kicker):not(.hint){font-size:11px;line-height:1.4;margin-bottom:8px}.kicker{margin-bottom:6px}.legend,.hint{font-size:8px;margin:8px 0}.play{min-height:38px;font-size:15px}}
@media(max-height:500px) and (orientation:landscape){.app{flex-direction:row;align-items:center;justify-content:center;padding:6px;gap:10px}.appbar{width:130px;height:auto;align-self:flex-start;flex-direction:column;gap:8px;padding:10px 5px}.appbar a{font-size:10px}.appbar>span{display:none}.share-game{margin:0}.cabinet{flex:0 1 auto;width:min(470px,calc((100dvh - 12px)*1.3));height:100%;display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:58px 115px 1fr;border-radius:12px;overflow:hidden;background:#f1d0b8}.marquee{grid-column:1;grid-row:1;height:58px;background-size:170% auto}.hud{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;padding:4px;border:0;gap:3px}.hud>div{flex:1 1 30%;padding:2px}.hud .label{font-size:6px}.hud strong,.hud #timer{font-size:15px}.streak-box #multiplier{font-size:11px}#strikes i{height:11px;width:11px}.controls{grid-column:1;grid-row:3;flex-direction:column;justify-content:center;padding:3px;border:0;gap:4px}.controls button{width:100%;min-height:36px}.controls #best{order:3;font-size:9px;padding:4px}.window{grid-column:2;grid-row:1/4}.ticket{padding:12px}.ticket h2{font-size:19px}.ticket .hint{display:none}.overlay{padding:8px}.legend{font-size:8px}.footnote{display:none}}
@media(min-width:601px) and (min-height:501px){.cabinet{width:min(480px,calc((100dvh - 240px)*.7),calc(100vw - 20px))}}


.site-copyright{text-align:center;padding:0 15px 24px;color:#65456f;font-size:11px}.site-copyright a{font-weight:700;margin-left:5px}

/* Approved concession-counter setting. */
body{background:#b49ac6 url('assets/crane-20261016-v18/theater-counter-v18.png') center top/cover fixed no-repeat}
.app{position:relative;height:100svh;height:100dvh;padding-top:8px;padding-bottom:5dvh;gap:3px}
.appbar{position:absolute;inset:12px 2.4% auto;width:auto;background:none;border:0;box-shadow:none;padding:0;height:42px;color:#fff2ce;z-index:2;text-shadow:0 2px 5px #674257}
.appbar a{font-size:clamp(12px,1.8vw,24px);letter-spacing:0}.appbar>span{display:none}.share-game{border-color:#f5cf9b;border-radius:24px;background:linear-gradient(#fff4dc,#ffe1b8);color:#be302e;text-shadow:none;font-size:14px;min-height:42px;padding:7px 24px}
.cabinet{flex:1;width:min(540px,calc((100dvh - 65px)*.61),calc(100vw - 16px));filter:drop-shadow(0 12px 12px #70403455);z-index:1}
.marquee{height:clamp(65px,15dvh,145px);background-size:100% auto}.window{border-left:7px solid #bd574b;border-right:7px solid #bd574b;box-shadow:inset 3px 0 #ffe0b1,inset -3px 0 #ffe0b1}.controls{background:linear-gradient(#ec6955,#bb342e);border-color:#edb485}.controls button{background:linear-gradient(#fff0cc,#ffd6a0);color:#b72f29;text-shadow:none}.controls #best{background:linear-gradient(#ffe9bd,#eac18d);color:#783a2a}.footnote{display:none}.site-copyright{color:#fff4da;text-shadow:0 1px 3px #603c42}.cg-game-guide{background:#f4ddcedf;border-radius:20px;backdrop-filter:blur(12px)}
@media(max-width:600px){body{background-position:50% top}.app{padding-top:49px;padding-bottom:16px}.appbar{inset:4px 12px auto;height:38px}.appbar a{font-size:14px}.share-game{min-height:34px;padding:4px 15px;font-size:12px}.cabinet{width:min(100%,calc((100dvh - 70px)*.69));max-width:440px}.marquee{height:clamp(65px,13dvh,110px)}}
@media(max-height:500px) and (orientation:landscape){.app{padding:5px;gap:8px}.appbar{position:static;width:120px;height:auto;align-self:flex-start}.appbar a{font-size:11px}.cabinet{width:min(470px,calc((100dvh - 12px)*1.3));flex:0 1 auto}.marquee{height:58px}.window{border-width:4px}}
/* Portrait scene stays tied to the viewport, including mobile Safari. */
@media(max-width:600px) and (orientation:portrait){
 body{background:#b49ac6;isolation:isolate}
 body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/crane-20261016-v18/theater-mobile-v18.png') center/100% 100% no-repeat}
 .app{padding-bottom:6dvh}.cabinet{width:min(82vw,440px);max-width:82vw}.marquee{height:clamp(65px,11dvh,100px)}
 .controls{gap:3px;padding-inline:5px}.controls button{min-width:68px;padding-inline:5px}.controls #best{padding-inline:5px}
}
/* Prize-crane bonus: same cabinet, console and cream reward ticket. */
.cabinet{position:relative}.crane-mode .marquee{background-image:url('assets/crane-20261016-v18/crane-marquee.png')}.crane-mode>.hud{display:none}.crane-mode .machine-base{display:none}
.crane-hud{flex:0 0 64px;display:flex;align-items:center;justify-content:space-around;gap:8px;background:linear-gradient(#ffeccf,#edbf91);border:3px solid #cb8464;border-top-color:#ffdfaa;box-shadow:inset 0 0 0 2px #fff3cf;color:#bd3830;z-index:3;padding:3px 10px}
.crane-hud>span{font-size:30px}.crane-hud>div:first-of-type{text-align:center;flex:1}.crane-clock{display:block;max-width:210px;margin:auto;padding:2px 12px;border:2px solid #dfa55e;border-radius:18px;background:linear-gradient(#6d2f25,#3c211f);color:#ffdf9e;text-shadow:0 0 9px #ef963b;font-size:26px;line-height:1;letter-spacing:1px}.crane-hud small{font-size:11px;font-weight:900}.crane-settings{display:flex;gap:4px}.crane-settings button{width:34px;min-height:36px;padding:2px;border:1px solid #cf9877;border-radius:9px;color:#b5342c;background:#fff0cf;font-size:18px}
.crane-ui{position:absolute;inset:0;z-index:4;pointer-events:none}.crane-banner{position:absolute;left:9%;right:9%;top:2%;padding:6px 8px;text-align:center;color:#a82e2f;background:linear-gradient(#fff3d4,#ffddb0);border:2px solid #d47b59;border-radius:8px 8px 24px 24px;box-shadow:0 3px 4px #603e3930;font-size:11px;font-weight:900;letter-spacing:.3px}
.controls.crane-console{padding:5px 8px;background:linear-gradient(#ed7258,#bd342b);border-color:#ffd39b;flex-basis:64px}.crane-console>#pause,.crane-console>#best,.crane-console>#sound{display:none}.crane-pad{width:100%;display:flex;align-items:center;gap:5px;pointer-events:auto}.crane-pad button{flex:1;min-width:0;min-height:46px;padding:0;border:2px solid #dfad6c;border-radius:11px;background:linear-gradient(#fff4d4,#ffdb9e);box-shadow:inset 0 0 0 2px #fff2cd,0 2px 1px #8f3329;color:#be352b;font-size:30px;font-weight:900;touch-action:none;user-select:none}.crane-pad .crane-grab{flex:1.75;background:linear-gradient(#ff8d7a,#ec393c);color:#fff5da;font-size:19px;border:3px solid #f3c06b;border-radius:18px}.crane-pad button:active:not(:disabled){transform:translateY(2px);filter:brightness(.97)}.crane-pad button:disabled{opacity:.6}
.crane-result,.crane-pause{pointer-events:auto;position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);text-align:center;max-height:94%;overflow:auto;padding:15px 12px;background:repeating-conic-gradient(from 0deg at 50% 35%,#fff1c8 0deg 12deg,#ffe7b4 12deg 24deg);border:3px solid #d55043;border-radius:23px;outline:5px solid #fff0c7;box-shadow:0 8px 18px #6a393b66,inset 0 0 0 5px #ffedd2;color:#8e3869}.crane-you-won{font-size:36px!important;line-height:1;margin:2px 0 8px!important;font-weight:1000;color:#e93c49;text-shadow:0 2px #fff2db,1px 3px #c13f38;letter-spacing:-1px}.crane-prize-art{width:min(72%,180px);aspect-ratio:6/5;margin:auto;background-size:500% 400%;background-repeat:no-repeat;filter:drop-shadow(0 5px 3px #8c59432b)}.crane-result h2{font-size:22px;margin:6px 0 10px;line-height:1.1}.crane-collection{font-size:11px;line-height:1.5;color:#713a37;margin:8px 0 12px}.crane-result .play{font-size:15px;min-height:43px}.crane-result .share-score{min-height:40px;font-size:12px;background:#fff4da;color:#b93332;border-color:#d87a61;margin-top:10px}.crane-pause{z-index:6;background:#ffebcc;top:46%}.crane-pause button{font:inherit;padding:12px;border:1px solid #cc6954;border-radius:10px;background:#e75b4e;color:white}.download-prize{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:10px;background:#c94e48;color:#fff4e5;font-size:12px;font-weight:700;text-decoration:none}
@media(max-width:600px){.crane-hud{flex-basis:61px;padding:4px 6px;gap:5px}.crane-clock{font-size:23px;padding:3px 8px}.crane-hud>span{font-size:24px}.crane-hud small{font-size:9px}.crane-settings button{width:30px;min-height:36px}.crane-mode .controls.crane-console{flex-basis:60px;padding:4px}.crane-pad{gap:3px}.crane-pad button{min-height:44px;border-radius:8px;font-size:24px}.crane-pad .crane-grab{font-size:15px;border-radius:13px}.crane-you-won{font-size:30px!important}.crane-result{padding:12px 9px;left:9%;right:9%}.crane-prize-art{width:min(75%,165px)}.crane-result h2{font-size:21px}.crane-banner{font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.crane-hud{grid-column:1;grid-row:2;display:flex;flex-direction:column;flex-basis:auto;padding:3px}.crane-clock{font-size:17px}.crane-hud>span{display:none}.crane-settings button{min-height:30px}.crane-console{grid-column:1;grid-row:3}.crane-pad{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.crane-pad button{min-height:32px;font-size:20px}.crane-pad .crane-grab{grid-column:1/3;min-height:33px;font-size:15px}.crane-result{left:15%;right:15%;padding:8px}.crane-you-won{font-size:23px!important}.crane-prize-art{width:95px}.crane-result h2{font-size:18px;margin:3px}.crane-collection{margin:3px;font-size:9px}.crane-result .play{min-height:32px;font-size:12px}.crane-result .share-score{min-height:30px;margin-top:6px;font-size:10px}}
.crane-prize-art{clip-path:inset(2.5%)}
.crane-result-mode .marquee{background-image:url('assets/cozy-20261016-v1/marquee.png')}.crane-mode.crane-result-mode>.hud{display:grid}.crane-result-mode>.crane-hud{display:none}
@media(max-height:500px) and (orientation:landscape){.crane-mode.crane-result-mode>.hud{display:flex}}

.crane-mode .window{background-image:url('assets/crane-20261016-v18/crane-stage.png')}
.crane-mode .marquee{width:112%;align-self:center}.crane-grab{text-transform:uppercase}.crane-pad button[data-dir]{font-size:0}.crane-pad button[data-dir]::after{content:'';display:block;margin:auto;width:22px;height:25px;background:#c13c2d;clip-path:polygon(0 50%,45% 0,45% 29%,100% 29%,100% 71%,45% 71%,45% 100%)}.crane-pad [data-dir="right"]::after{transform:rotate(180deg)}.crane-pad [data-dir="up"]::after{transform:rotate(90deg)}.crane-pad [data-dir="down"]::after{transform:rotate(-90deg)}
.crane-prize-art{clip-path:none}