.winter-dialog{border:0;padding:0;width:95vw;max-width:1000px;height:85dvh;max-height:85dvh;border-radius:16px;overflow:hidden;background:#031921;color:#fff}
.winter-dialog::backdrop{background:rgba(0,0,0,.6)}
body.game-open{overflow:hidden;overscroll-behavior:none}
.winter-dialog .reference-emulator{position:relative;width:100%;height:100%;overflow:hidden;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.winter-dialog button{padding:0;appearance:none;font-family:'Press Start 2P',monospace;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.winter-dialog button:focus-visible,.winter-dialog canvas:focus-visible{outline:2px solid #fff;outline-offset:3px}
.winter-dialog .reference-preview-close{position:absolute;top:calc(8px + var(--safe-top,0px));right:calc(12px + var(--safe-right,0px));width:44px;height:44px;border:1px solid #e6d391;border-radius:3px;background:#082831b8;color:#fff0bd;font:28px/1 Arial,sans-serif;z-index:20}
.winter-dialog.reference-recipient-game{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0}
.winter-dialog #game{position:absolute;inset:0;display:grid;place-items:center;container-type:size;touch-action:none}
.winter-dialog #game canvas{display:block;width:min(100cqw,111.111111cqh);height:auto;aspect-ratio:10/9;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;touch-action:none}
.winter-dialog #controller{display:none;position:absolute;inset:0;touch-action:none;pointer-events:none}
.winter-dialog #controller>button,.winter-dialog #controller_dpad{pointer-events:auto}
.winter-dialog #controller_dpad{position:absolute;bottom:calc(16px + var(--safe-bottom,0px));left:calc(12px + var(--safe-left,0px));width:132px;height:132px;touch-action:none}
.winter-dialog #controller_dpad::before{content:'';position:absolute;left:44px;top:44px;width:44px;height:44px;background:#0c303db3}
.winter-dialog [data-pad]{position:absolute;width:44px;height:44px;border:1px solid #ebdba68c;background:#0c303d99;color:#fff0bd;border-radius:2px}
.winter-dialog [data-pad]::after{content:'';position:absolute;inset:14px;background:#f8e9bc;clip-path:polygon(0 50%,100% 0,100% 100%)}
.winter-dialog #controller_left{left:0;top:44px}
.winter-dialog #controller_right{left:88px;top:44px}
.winter-dialog #controller_up{left:44px;top:0}
.winter-dialog #controller_down{left:44px;top:88px}
.winter-dialog #controller_right::after{transform:rotate(180deg)}
.winter-dialog #controller_up::after{transform:rotate(90deg)}
.winter-dialog #controller_down::after{transform:rotate(-90deg)}
.winter-dialog .roundBtn{position:absolute;display:grid;place-items:center;width:60px;height:60px;border:1px solid #ecd7a6b3;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);background:#791a468f;color:#fff0bd;font-size:16px;line-height:1}
.winter-dialog #controller_a{right:calc(12px + var(--safe-right,0px));bottom:calc(76px + var(--safe-bottom,0px))}
.winter-dialog #controller_b{right:calc(72px + var(--safe-right,0px));bottom:calc(16px + var(--safe-bottom,0px))}
.winter-dialog .capsuleBtn{position:absolute;top:calc(8px + var(--safe-top,0px));display:grid;place-items:center;width:48px;height:44px;border:1px solid #ebdba68c;border-radius:2px;background:#0c303d99;color:#fff0bd;font:7px/1 'Press Start 2P',monospace}
.winter-dialog #controller_select{left:calc(12px + var(--safe-left,0px))}
.winter-dialog #controller_start{left:calc(64px + var(--safe-left,0px))}
.winter-dialog .btnPressed,.winter-dialog [data-pad]:active{background:#d9bb6ad9;color:#102b35;border-color:#fff0bd}
.game-safe-insets{position:absolute;visibility:hidden;pointer-events:none;padding:var(--game-safe-top,env(safe-area-inset-top)) var(--game-safe-right,env(safe-area-inset-right)) var(--game-safe-bottom,env(safe-area-inset-bottom)) var(--game-safe-left,env(safe-area-inset-left))}
.winter-dialog[data-mobile=true]{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}
.winter-dialog[data-mobile=true] .reference-emulator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.winter-dialog[data-mobile=true] .reference-emulator[data-rotated=true]{transform:translate(-50%,-50%) rotate(90deg)}
.winter-dialog[data-mobile=true] #game canvas{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:fill}
.winter-dialog[data-mobile=true] #controller{display:block!important}
.winter-dialog [data-compact=true] #controller_dpad{width:104px;height:104px}
.winter-dialog [data-compact=true] #controller_dpad::before{left:36px;top:36px;width:32px;height:32px}
.winter-dialog [data-compact=true] #controller_left{left:0;top:30px}
.winter-dialog [data-compact=true] #controller_right{left:60px;top:30px}
.winter-dialog [data-compact=true] #controller_up{left:30px;top:0}
.winter-dialog [data-compact=true] #controller_down{left:30px;top:60px}
.winter-dialog [data-compact=true] [data-pad]{background:transparent;border:0}
.winter-dialog [data-compact=true] [data-pad]::before{content:'';position:absolute;inset:6px;background:#0c303d99;border:1px solid #ebdba68c}
.winter-dialog [data-compact=true] .roundBtn{width:52px;height:52px;font-size:14px}
.winter-dialog [data-compact=true] #controller_a{bottom:calc(72px + var(--safe-bottom,0px))}
.winter-dialog [data-compact=true] #controller_b{right:calc(52px + var(--safe-right,0px))}
.winter-dialog [data-compact=true] [data-pad].btnPressed::before{background:#d9bb6ad9;border-color:#fff0bd}
.winter-dialog [data-pad].btnPressed::after{background:#102b35}