*{box-sizing:border-box}.candy-page{max-width:1320px;margin:20px auto;padding:0 16px;color:#57351f;font-family:'Zen Maru Gothic',sans-serif}.candy-page>h1{text-align:center;font-size:clamp(24px,3vw,34px);margin:12px}.candy-page>p{text-align:center}.sweetbox{--u:min(1cqw,1.77778cqh);container-type:size;position:relative;aspect-ratio:16/9;overflow:hidden;border:4px solid #fff5dd;border-radius:24px;background:#f7e4c1 url('./assets/shop.webp') center/cover;color:#583622;font:700 calc(1.55 * var(--u))/1.4 'Zen Maru Gothic',sans-serif;box-shadow:0 8px 24px #76472930}.sweetbox [hidden]{display:none!important}.sweetbox button{font:900 calc(1.5 * var(--u))/1.25 'Zen Maru Gothic',sans-serif;cursor:pointer;background:#fff8e8;color:#653c29;border:2px solid #c8a885;border-radius:calc(1.15 * var(--u));padding:calc(.6 * var(--u)) calc(.9 * var(--u));box-shadow:0 calc(.22 * var(--u)) 0 #b78e6a;touch-action:manipulation;min-width:0}.sweetbox button:hover{background:#fff}.sweetbox button:active{box-shadow:none;transform:translateY(2px)}.sweetbox button:focus-visible{outline:4px solid #0f7778;outline-offset:3px}.sweetbox button:disabled{cursor:default;opacity:.5}.sweetbox button.primary{background:#c94a39;color:#fff8e8;border-color:#f19f7c;box-shadow:0 calc(.25 * var(--u)) 0 #943b2a}.base{position:absolute;inset:0;padding:calc(1.2 * var(--u)) calc(1.8 * var(--u));display:flex;flex-direction:column;gap:calc(1.1 * var(--u))}.game-tools{display:flex;align-items:center;justify-content:space-between;flex:0 0 8%;min-height:0;gap:calc(1 * var(--u))}.game-tools strong{background:#fff3d9ef;border:1px solid #b9885b;border-radius:6px;padding:calc(.45 * var(--u)) calc(.8 * var(--u));font-size:calc(1.65 * var(--u))}.game-tools>div{display:flex;gap:calc(.4 * var(--u))}.sweetbox .game-tools button{font-size:calc(1.15 * var(--u));padding:calc(.55 * var(--u)) calc(.65 * var(--u))}.cover{flex:1;min-height:0;display:grid;grid-template-columns:54% 44%;gap:2%;align-items:center}.cover-art{height:100%;position:relative}.cover-art img{position:absolute;object-fit:contain}.round-tin{width:83%;height:90%;left:0;bottom:1%}.hamster{width:43%;height:63%;right:0;bottom:0}.seal{position:absolute;left:16%;top:53%;font-size:calc(4 * var(--u));color:#855629;white-space:nowrap}.cover-ticket,.ticket,.receipt{background:#fff5dedf;border:2px solid #c9a379;box-shadow:0 calc(.3 * var(--u)) 0 #b78d63;border-radius:calc(1.6 * var(--u))}.cover-ticket{text-align:center;padding:calc(2.2 * var(--u)) calc(2.8 * var(--u));outline:1px dashed #bf8d63;outline-offset:-10px}.cover-ticket h2{font-size:calc(4.25 * var(--u));line-height:1.22;margin:calc(.7 * var(--u)) 0;color:#277d80}.cover-ticket h2 span{color:#b53c3b}.cover-ticket p{font-size:calc(1.7 * var(--u));margin:calc(.8 * var(--u)) 0}.cover-ticket .eyebrow{font-size:calc(1.45 * var(--u))}.cover-ticket .small{font-size:calc(1.15 * var(--u));line-height:1.5}.cover-ticket #start{width:100%;font-size:calc(2.1 * var(--u));margin:calc(.7 * var(--u)) 0}.cover-candies{display:flex;justify-content:center;gap:calc(.8 * var(--u));margin-top:calc(.7 * var(--u))}.cover-candies img{width:calc(4 * var(--u));height:calc(4 * var(--u));object-fit:contain}.game{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,59fr) minmax(0,39fr);gap:2%}.ledger{min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(.8 * var(--u))}.secret-tin{flex:0 0 25%;position:relative;min-height:0;background:url('./assets/tin-closed.webp') center/100% 100% no-repeat}.secret-tin.revealed{background-image:url('./assets/tin-open.webp')}.secret-tin>strong{position:absolute;top:3%;left:50%;transform:translateX(-50%);font-size:calc(1.25 * var(--u));background:#fff7de;border:1px solid #b68b58;border-radius:99px;padding:0 calc(.75 * var(--u));white-space:nowrap}.secret-tokens{position:absolute;left:20%;right:20%;top:30%;bottom:9%;display:flex;align-items:center;justify-content:space-around;gap:calc(1 * var(--u))}.secret-tokens>span{display:grid;place-items:center;width:28%;height:100%;font-size:calc(3.1 * var(--u));color:#885429}.secret-tokens img{width:100%;height:100%;max-height:calc(5.6 * var(--u));object-fit:contain}.receipt{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(.7 * var(--u)) calc(1 * var(--u));border-radius:calc(.6 * var(--u))}.receipt-head,.attempts>li{display:grid;grid-template-columns:8% 52% 20% 20%;align-items:center;text-align:center}.receipt-head{flex:0 0 calc(3.5 * var(--u));font-size:calc(1.3 * var(--u));border-bottom:1px dashed #b39270}.receipt-head small{display:inline-block;font-size:calc(.85 * var(--u));line-height:1.1;margin-left:calc(.2 * var(--u))}.attempts{flex:1;min-height:0;list-style:none;padding:0;margin:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr))}.attempts>li{min-height:0;border-bottom:1px dashed #caae8f;position:relative}.attempts>li.current{background:#ffedc4;outline:1px solid #b57736}.attempts>li.done{background:#ffffff44}.attempts>li.hit{background:#e3f0d9}.attempts .attempt-no{font-size:calc(1.45 * var(--u));font-weight:900}.attempt-candies{display:flex;align-items:center;justify-content:space-evenly;height:100%;min-height:0}.attempt-candies>span{width:29%;height:100%;display:grid;place-items:center}.attempt-candies img{width:calc(3.65 * var(--u));height:calc(3.65 * var(--u));max-height:95%;object-fit:contain}.empty-candy{display:block;width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));border:2px dashed #c1a988;border-radius:50%}.hint-count{font-size:calc(1.85 * var(--u));font-weight:900}.hint-count.near{color:#24787d}.hint-note{font-size:calc(.9 * var(--u));line-height:1.3;margin:calc(.4 * var(--u)) 0 0;text-align:center}.ticket{min-height:0;min-width:0;padding:calc(1.3 * var(--u)) calc(1.6 * var(--u));display:flex;flex-direction:column;gap:calc(.65 * var(--u));outline:1px dashed #bc8e64;outline-offset:-8px}.edit-panel{display:flex;flex-direction:column;gap:calc(.65 * var(--u))}.round-info{display:flex;justify-content:space-between;font-size:calc(1.25 * var(--u));color:#8b4931}.ticket h2{font-size:calc(2 * var(--u));text-align:center;margin:0}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1 * var(--u))}.slots button{background:#fffdf2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(7.5 * var(--u));padding:calc(.3 * var(--u));border-radius:calc(1.8 * var(--u));gap:calc(.2 * var(--u))}.slots button[aria-pressed=true]{border-color:#b94b2b;outline:2px solid #c16338;outline-offset:2px;background:#fff2cd}.slots small{font-size:calc(.9 * var(--u));line-height:1}.slots img{width:calc(4.2 * var(--u));height:calc(4.2 * var(--u));object-fit:contain}.slots .empty-slot{font-size:calc(2.5 * var(--u));height:calc(4.2 * var(--u));color:#b49774}.slot-tip{font-size:calc(1.15 * var(--u));text-align:center;color:#954c2d;margin:0}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(.45 * var(--u))}.palette button{font-size:calc(.95 * var(--u));padding:calc(.3 * var(--u)) calc(.1 * var(--u));display:flex;flex-direction:column;align-items:center;background:#fffaf0;gap:calc(.25 * var(--u))}.palette img{width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));object-fit:contain}.edit-actions{display:grid;grid-template-columns:34% 1fr;gap:calc(.5 * var(--u))}.edit-actions button{font-size:calc(1.1 * var(--u));padding:calc(.6 * var(--u)) calc(.25 * var(--u))}.feedback{margin:0;background:#f5e7cbdc;border-left:3px solid #b88958;border-radius:6px;font-size:calc(1.25 * var(--u));padding:calc(.6 * var(--u)) calc(.7 * var(--u));min-height:calc(4.2 * var(--u));line-height:1.5}.wins-stamp{margin-top:auto;align-self:center;display:flex;align-items:center;gap:calc(.75 * var(--u));border:2px dashed #bc7553;border-radius:50%;padding:calc(.4 * var(--u)) calc(1.2 * var(--u));font-size:calc(1.1 * var(--u));color:#8d4a35}.wins-stamp strong{font-size:calc(1.9 * var(--u))}.result-panel{text-align:center;display:flex;flex:1;min-height:0;flex-direction:column;gap:calc(.55 * var(--u))}.result-panel h2{font-size:calc(3.8 * var(--u));color:#b93c33}.result-panel p{font-size:calc(1.6 * var(--u));margin:0}.result-hamster{flex:1;min-height:0;width:100%;height:0;object-fit:contain;max-height:calc(20 * var(--u))}.result-actions{display:flex;gap:calc(.6 * var(--u));margin-top:auto}.result-actions button{flex:1;font-size:calc(1.5 * var(--u))}.dialog{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#3f2b1fac;padding:calc(2 * var(--u))}.dialog-card{width:70%;max-height:100%;overflow:auto;overscroll-behavior:contain;background:#fff4da;border:4px solid #efd5ad;border-radius:calc(2 * var(--u));padding:calc(1.7 * var(--u));font-size:calc(1.6 * var(--u))}.dialog-head{display:flex;justify-content:space-between;gap:calc(1 * var(--u));align-items:center}.dialog-head h2{font-size:calc(2.3 * var(--u));margin:0}.dialog-card p{margin:calc(.85 * var(--u)) 0;line-height:1.6}.pause-hamster{height:calc(16 * var(--u));width:100%;object-fit:contain}#pausePanel{text-align:center}#settingsPanel{display:grid;gap:calc(1 * var(--u));padding-top:calc(1 * var(--u))}#volume{width:100%;accent-color:#bd4c3d}.hint-examples{background:#fffdf4;padding:calc(.4 * var(--u)) calc(1 * var(--u));border:1px dashed #b39674}.hint-examples b{font-size:1.4em}.parent-note{max-width:920px;margin:24px auto;line-height:1.8}.sweetbox:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}@media(max-width:600px) and (orientation:portrait){.candy-page{padding:0 6px}.sweetbox{height:840px;aspect-ratio:auto;border-radius:18px;font-size:14px}.base{padding:10px;gap:9px}.game-tools{flex:0 0 64px;flex-direction:column;justify-content:center;gap:6px}.game-tools strong{font-size:14px;padding:2px 8px;white-space:nowrap}.game-tools>div{width:100%;gap:4px}.sweetbox .game-tools button{font-size:10px;flex:1;padding:7px 1px;white-space:nowrap}.sweetbox button{font-size:14px;padding:8px 5px;border-radius:10px;box-shadow:0 3px 0 #b78e6a}.cover{grid-template-columns:1fr;grid-template-rows:43% 1fr;gap:5px}.cover-art{max-height:300px}.round-tin{width:80%;height:100%}.hamster{width:40%;height:80%}.seal{font-size:33px;left:17%;top:53%}.cover-ticket{padding:15px 20px;border-radius:20px}.cover-ticket h2{font-size:38px;margin:5px}.cover-ticket p{font-size:15px;margin:7px}.cover-ticket .eyebrow{font-size:13px}.cover-ticket .small{font-size:11px}.cover-ticket #start{font-size:20px;padding:9px;margin:7px 0}.cover-candies{gap:10px;margin-top:6px}.cover-candies img{width:34px;height:34px}.game{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 304px;gap:9px}.ledger{gap:6px}.secret-tin{flex:0 0 25%}.secret-tin>strong{font-size:11px;padding:0 8px;top:0}.secret-tokens{top:28%;bottom:6%}.secret-tokens>span{font-size:24px}.secret-tokens img{max-height:46px}.receipt{padding:4px 7px;border-radius:8px}.receipt-head{flex-basis:30px;font-size:12px;grid-template-columns:8% 52% 20% 20%}.receipt-head small{font-size:9px}.attempts .attempt-no{font-size:13px}.attempt-candies img{width:29px;height:29px}.empty-candy{width:20px;height:20px;border-width:1px}.hint-count{font-size:18px}.hint-note{font-size:9px;line-height:1.2;margin:3px 0}.ticket{padding:8px 10px;gap:5px;border-radius:14px;height:304px;outline-offset:-5px}.edit-panel{gap:5px}.round-info{font-size:11px}.ticket h2{font-size:16px}.slots{gap:8px}.slots button{height:52px;padding:3px;gap:2px;border-radius:12px}.slots small{font-size:9px}.slots img{width:32px;height:32px}.slots .empty-slot{height:32px;font-size:21px}.slot-tip{font-size:10px}.palette{gap:4px}.palette button{font-size:10px;padding:3px 0;gap:2px}.palette img{width:28px;height:28px}.edit-actions{gap:5px}.edit-actions button{font-size:10px;padding:5px 1px}#submit{font-size:13px;padding:6px 3px}.feedback{font-size:10px;padding:4px 6px;min-height:30px;line-height:1.35}.wins-stamp{font-size:10px;padding:1px 12px;gap:7px}.wins-stamp strong{font-size:15px}.result-panel{gap:4px}.result-panel h2{font-size:28px}.result-panel p{font-size:13px}.result-hamster{max-height:130px}.result-actions{gap:6px}.result-actions button{font-size:13px;padding:7px}.dialog{padding:10px}.dialog-card{width:100%;padding:13px;border-radius:18px;font-size:14px}.dialog-head h2{font-size:21px}.dialog-card p{margin:10px 0}.pause-hamster{height:160px}#settingsPanel{gap:12px;padding-top:12px}.hint-examples{padding:4px 10px}.sweetbox:fullscreen{height:100dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.secret-tokens{top:46%;bottom:7%}.secret-tin.revealed .secret-tokens{top:38%;bottom:31%}

.seal{left:41%;top:29%;transform:translateX(-50%)}.secret-tokens{left:6%;right:6%}.secret-tin.revealed .secret-tokens{left:0;right:0}.receipt-head small{font-size:calc(1.1 * var(--u))}.legend{border-top:1px dashed #c5a581;padding-top:calc(.6 * var(--u));font-size:calc(1.05 * var(--u));line-height:1.6}.legend p{margin:0}.legend b{font-size:1.35em}.sweetbox[data-phase=won] .legend,.sweetbox[data-phase=lost] .legend{display:none}@media(max-width:600px) and (orientation:portrait){.receipt-head small{font-size:10px}.legend{display:none}}

.secret-tokens>span{min-height:0}.secret-tokens img{min-height:0;max-height:100%;height:100%;width:100%;object-fit:contain}.secret-tin.revealed .secret-tokens{top:33%;bottom:46%}

@media(max-width:600px) and (orientation:portrait){.seal{top:20%}}

@media(max-width:600px) and (orientation:portrait){.game{grid-template-rows:minmax(0,1fr) 328px}.ticket{height:328px}}

@media(orientation:landscape) and (max-height:500px){.sweetbox .game-tools button{font-size:10px}.receipt-head small{font-size:10px}.hint-note{font-size:9px}.palette button{font-size:10px}.slot-tip{font-size:10px}.feedback{font-size:10px}.wins-stamp{font-size:10px}.round-info{font-size:11px}.edit-actions button{font-size:10px}.dialog-card{font-size:12.5px}.dialog-head h2{font-size:18px}.dialog-head button{font-size:12px}}

@media(orientation:landscape) and (max-height:500px){.legend{display:none}}