.gift-window{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden;color:#fff0d7;font-family:'VT323',monospace}
.gift-window::backdrop{background:#03091bd9}
.gift-window[open]{display:flex;align-items:center;justify-content:center;flex-direction:column}
.gift-window [hidden]{display:none!important}
.gift-window img{image-rendering:pixelated;user-select:none;pointer-events:none}
.gift-window button{cursor:url('pointers/pointer.png') 12 9,pointer}
.gift-transmission{border:0;background:none;color:inherit;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:left}
.gift-transmission .transmission-text{font-family:'VT323',monospace;text-align:left;color:#E6F0F4}
.gift-hint{font:22px/1.2 'VT323',monospace;text-align:center;margin:12px 18px;color:#e8d7ed;letter-spacing:.5px}
.gift-scene{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gift-stage{position:relative;width:min(780px,94vw,calc((100svh - 135px)*300/210));aspect-ratio:300/210;isolation:isolate}
.gift-envelope{position:absolute;left:32%;top:10%;width:52.333333%;aspect-ratio:157/163;filter:drop-shadow(0 14px 14px #0005)}
.gift-open{position:absolute;inset:0 auto 0 0;width:68.79%;border:0;padding:0;background:none;z-index:5}
.gift-open img{position:absolute;left:0;top:0;width:145.37%;height:100%;max-width:none;transition:filter .2s}
.gift-open:hover img{filter:brightness(1.1) drop-shadow(0 0 4px #efc48b88)}
.gift-open:disabled{cursor:default}
.gift-layers{position:absolute;inset:0}
.gift-back,.gift-front{position:absolute;inset:0;width:100%;height:100%}
.gift-back{z-index:0}.gift-front{z-index:2}
.gift-card{position:absolute;left:1.274%;top:6.135%;width:65.605%;height:87.731%;z-index:1}
.gift-card img{width:100%;height:100%;object-fit:contain}
.gift-collection{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none}
.gift-collection button{pointer-events:auto}
.gift-collection>.gift-card-face{width:min(440px,86vw,calc((100svh - 110px)*103/143));filter:drop-shadow(0 18px 30px #0008)}
.gift-card-face{position:relative;width:100%;aspect-ratio:103/143;container-type:inline-size;color:#46362c}
.gift-card-face>img{display:block;width:100%;height:100%}
.gift-card-description{position:absolute;left:11.65%;top:72.03%;width:76.7%;height:15.38%;margin:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:.7cqw;font:3.8cqw/1.05 'VT323',monospace;text-align:left;letter-spacing:0;overflow:hidden;-webkit-text-stroke:.035cqw currentColor}
.gift-strength,.gift-defense{position:absolute;top:90.91%;height:6.29%;display:flex;align-items:center;justify-content:center;transform:translateY(-1cqw);font:7cqw/1 'VT323',monospace;text-shadow:0 1px #fff5;-webkit-text-stroke:.07cqw currentColor}
.gift-strength{left:16.5%;width:24.27%}.gift-defense{left:68%;width:23.3%}
.gift-return{padding:10px 20px;border:3px solid #9d7aa8;box-shadow:3px 3px 0 #1a1731;background:#302643;color:#ffe4b6;font:23px/1 'VT323',monospace;transition:background .15s,transform .15s}
.gift-return:hover{background:#493557;transform:translateY(-2px)}
.gift-window :focus-visible{outline:2px dashed #ffe0a8;outline-offset:6px}
.gift-transmission:focus-visible{outline:0}
@media(max-width:550px){.gift-hint{font-size:19px}.gift-transmission{gap:16px}}