.gift-box{--gift-width:4.5rem;--gift-height:3.5rem;--gift-lid-height:.8rem;--gift-left-space:1rem;--gift-right-space:.25rem;--gift-top-space:3rem;width:calc(var(--gift-left-space) + var(--gift-width) + var(--gift-right-space));height:calc(var(--gift-top-space) + var(--gift-height));color:var(--gift-color);position:relative}.gift-box--stage{--gift-width:3.2rem;--gift-height:2.7rem;--gift-lid-height:.65rem;--gift-top-space:2.4rem;margin-top:.45rem}.gift-box--compact{--gift-width:2.1rem;--gift-height:1.65rem;--gift-lid-height:.42rem;--gift-top-space:2.25rem}.gift-box__visual{top:var(--gift-top-space);left:var(--gift-left-space);width:var(--gift-width);height:var(--gift-height);transition:filter .18s;position:absolute}.gift-box__body,.gift-box__lid,.gift-box__ribbon-band,.gift-box__ribbon-bow{display:block;position:absolute}.gift-box__body{inset:var(--gift-lid-height) 0 0;background:var(--gift-color);border-radius:.2rem;box-shadow:inset 0 -1.15rem #0002,0 .65rem 1rem #09061155}.gift-box__lid{z-index:2;width:calc(100% + .4rem);height:var(--gift-lid-height);background:var(--gift-color);transform-origin:0 100%;border-radius:.2rem;transition:transform .22s;top:0;left:-.2rem;box-shadow:inset 0 -.2rem #0002}.gift-box__ribbon-band{z-index:3;background:#f7d68a;width:.6rem;transition:opacity .12s;top:0;bottom:0;left:calc(50% - .3rem)}.gift-box__ribbon-bow{z-index:4;width:0;height:0;top:-.72rem;left:50%}.gift-box__ribbon-bow:before,.gift-box__ribbon-bow:after{content:"";width:calc(var(--gift-width) * .36);height:calc(var(--gift-width) * .2);border:calc(var(--gift-width) * .075) solid #f7d68a;transition:opacity .12s;position:absolute;top:0}.gift-box__ribbon-bow:before{border-radius:1rem 0 0;right:-.05rem;transform:rotate(12deg)}.gift-box__ribbon-bow:after{border-radius:0 1rem 0 0;left:-.05rem;transform:rotate(-12deg)}.gift-box--closed .gift-box__ribbon-band,.gift-box--closed .gift-box__ribbon-bow,.gift-box--open .gift-box__ribbon-band,.gift-box--open .gift-box__ribbon-bow{opacity:0}.gift-box--open .gift-box__lid{transform:translate(-.55rem,-.72rem)rotate(-17deg)}.gift-box--open .gift-box__visual{filter:drop-shadow(0 0 1rem color-mix(in srgb, var(--gift-color), transparent 35%))}.gift-box__control{z-index:5;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.5rem;width:100%;padding:0;position:absolute;inset:0}.gift-box__control:focus-visible{outline-offset:.25rem;outline:3px solid #fff}:is(.gift-box__control:hover+*,.gift-box:has(.gift-box__control:hover) .gift-box__visual){filter:brightness(1.08)}.problem-gift{justify-items:center;gap:.35rem;width:max-content;margin:0;display:grid}.problem-gift__clue{--problem-gift-clue-size:2rem;width:var(--problem-gift-clue-size);height:var(--problem-gift-clue-size);font-size:var(--problem-gift-clue-size);color:#d8cfdf;place-items:center;display:grid}