/* A single trailer fills the entrance; all chef footage keeps its native frame. */
.hero.game-trailer{display:block;position:relative;isolation:isolate;min-height:100svh;height:100svh;width:100%;max-width:none;padding:0;margin:0;overflow:hidden;background:#050706;border-bottom:1px solid #d6b47b35}
.hero.game-trailer:before,.hero.game-trailer:after{content:none}
.game-trailer #hero-reel{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#050706;transition:opacity .7s}
.trailer-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#020403e8,transparent 24%,transparent 75%,#020403a6),radial-gradient(ellipse at 50% 50%,transparent 42%,#0006 100%)}
.game-trailer .trailer-logo{position:absolute;z-index:1;top:44px;left:48px;width:clamp(180px,22vw,300px);max-width:none;margin:0;line-height:0;transition:top .7s,left .7s,width .7s,transform .7s}
.game-trailer .trailer-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 22px #0009)}
.trailer-topline{position:absolute;z-index:1;top:38px;right:48px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:10px;letter-spacing:3px;color:#e3c593}
.trailer-topline span+span{font-size:8px;letter-spacing:1.5px;color:#a7ae9b}
.trailer-chef{position:absolute;z-index:1;left:48px;bottom:132px;display:flex;flex-direction:column;gap:7px;border:0;background:transparent;color:#f1dfc1;padding:0;text-align:left;min-height:44px}
.trailer-chef>span:first-child{font-size:9px;letter-spacing:1.8px;color:#b9ad89}
.trailer-chef strong{font-size:28px;line-height:1.4;font-weight:600}
.trailer-chef small{font-size:10px;letter-spacing:1.4px;color:#b9bdab;font-weight:400;margin-left:9px}
.trailer-chef-action{font-size:11px;color:#ddc79f}
.trailer-bottom{position:absolute;z-index:2;left:48px;right:48px;bottom:25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px}
.trailer-bottom .reel-sequence{justify-content:flex-start;margin:0;padding:0}
.trailer-controls{display:flex;align-items:center;gap:8px}
.trailer-controls button,.trailer-controls a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #d6b47b50;background:#10150eaa;color:#e8dcc6;font-size:12px}
.trailer-controls button:hover,.trailer-controls a:hover{border-color:#eed39c;background:#282b1ee0}
#trailer-status{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:#a1aa96;margin:0;min-height:17px}
.trailer-end-card{position:absolute;z-index:2;left:24px;right:24px;top:53%;text-align:center;color:#fff1d7}
.trailer-end-card>p{font-size:clamp(27px,4vw,44px);font-weight:600;letter-spacing:-1px;margin-bottom:7px}
.trailer-end-card>span{display:block;font-size:14px;color:#cfc8b6;margin-bottom:25px}
.trailer-end-card .hero-actions{justify-content:center;gap:10px}
.trailer-end-card .text-action{margin:14px auto 0;display:block}
.game-trailer[data-trailer-finished=true][data-playback-mode=sequence] #hero-reel{opacity:.15}
.game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .trailer-logo{top:34%;left:50%;width:min(60vw,600px);transform:translate(-50%,-50%)}
.game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .trailer-chef,.game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .reel-sequence{visibility:hidden}
body.trailer-active .site-header{display:none}
.chef-select{position:absolute;z-index:3;right:44px;top:50%;width:230px;transform:translateY(-50%);padding:18px 0 18px 20px;border-left:1px solid #dec38a40;background:linear-gradient(90deg,#060a07a6,#060a0733);color:#eedcba}
.chef-select-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.chef-select-heading p{font-size:9px;letter-spacing:1.8px;margin:0;color:#d8bd85}
.chef-select-heading button{font-size:10px;color:#b0b5a5;padding:9px 3px;border:0;background:none;min-height:44px}
.chef-select-heading button:hover{color:#fff1cd}
.chef-select-hint{font-size:10px;color:#b8bcac;line-height:1.7;margin:0 0 20px}
.touch-hint{display:none}
.chef-choice-list{display:flex;flex-direction:column;gap:24px}
.chef-choice{display:flex;align-items:center;gap:15px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;min-height:94px}
.chef-choice-portrait{position:relative;display:block;flex:none;width:94px;height:94px;isolation:isolate}
.chef-choice-portrait:before{content:'';position:absolute;inset:5px;border-radius:50%;box-shadow:0 0 24px #dfba6820;transition:box-shadow .2s}
.chef-choice-portrait img{position:absolute;inset:9px;display:block;width:calc(100% - 18px);height:calc(100% - 18px);object-fit:cover;object-position:50% 17%;border-radius:50%;filter:saturate(.6) brightness(.72);transition:filter .25s,transform .25s}
.chef-choice-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.5;transform:rotate(-90deg);overflow:visible}
.chef-ring-track{stroke:#c7ae704a}
.chef-ring-charge{stroke:#f4d59b;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #f4ce89);opacity:0}
.chef-choice-copy{display:flex;flex-direction:column;gap:5px}
.chef-choice-copy small{font-size:7px;letter-spacing:1.1px;color:#999f8b}
.chef-choice-copy strong{font-size:21px;font-weight:600;letter-spacing:.04em}
.chef-choice-state{font-size:10px;color:#969e89}
.chef-choice-play{position:absolute;right:4px;bottom:6px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #c9b1747a;border-radius:50%;background:#0a0e0b;color:#d3bd8a;font-size:8px}
.chef-choice:hover img,.chef-choice:focus-visible img,.chef-choice.is-current img{filter:saturate(1) brightness(1)}
.chef-choice.is-current .chef-choice-portrait:before{box-shadow:0 0 28px #e5bb582b}
.chef-choice.is-current .chef-ring-track{stroke:#f0d292aa;stroke-width:2}
.chef-choice.is-current .chef-choice-copy strong,.chef-choice.is-playing .chef-choice-state{color:#ffe6b1}
.chef-choice.is-playing .chef-choice-play{background:#ecd19a;color:#12150d;border-color:#ecd19a;box-shadow:0 0 15px #efca6f50}
.chef-choice.is-charging .chef-ring-charge{opacity:1;animation:chef-charge .72s linear forwards}
.chef-choice.is-charging img{transform:scale(1.04)}
.chef-choice.is-charging .chef-choice-state{color:#f4d59b}
.chef-choice:focus-visible,.chef-select-heading button:focus-visible{outline:2px solid #f4d59b;outline-offset:7px;border-radius:3px}
.game-trailer[data-video-waiting=true] .chef-choice.is-playing .chef-choice-play{animation:chef-wait 1s ease-in-out infinite}
.game-trailer[data-video-waiting=true] .chef-choice.is-playing:not(.is-charging) .chef-choice-ring{animation:chef-buffer 1s linear infinite}
.game-trailer[data-video-waiting=true] .chef-choice.is-playing:not(.is-charging) .chef-ring-charge{opacity:1;stroke-dasharray:18 82;stroke-dashoffset:0}
@keyframes chef-charge{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes chef-wait{50%{opacity:.3}}
@keyframes chef-buffer{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@media(min-width:701px) and (max-width:1100px){.chef-select{right:24px;width:190px;padding-left:14px}.chef-choice{gap:11px}.chef-choice-portrait{width:76px;height:76px}.chef-choice-copy strong{font-size:19px}.chef-choice-copy small{font-size:6px}.chef-select-heading p{font-size:8px;letter-spacing:1px}.game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .trailer-logo{width:min(50vw,520px);left:40%}.trailer-end-card{right:220px}}
@media(max-width:700px){
  .hero.game-trailer{min-height:660px}
  .game-trailer .trailer-logo{top:24px;left:20px;width:180px}
  .trailer-topline{top:24px;right:20px;font-size:8px;letter-spacing:1.5px}
  .trailer-topline span+span{font-size:6px;letter-spacing:.7px}
  .trailer-chef{left:20px;bottom:auto;top:102px;gap:3px}
  .trailer-chef strong{font-size:22px}
  .trailer-chef>span:first-child{font-size:7px}
  .trailer-bottom{left:20px;right:20px;bottom:18px;grid-template-columns:1fr;gap:10px}
  .trailer-bottom .reel-sequence{font-size:11px;gap:14px}
  .trailer-controls{width:100%;gap:6px}
  .trailer-controls button,.trailer-controls a{flex:1;padding:9px 8px;font-size:11px}
  #trailer-status{font-size:8px;letter-spacing:.4px}
  .chef-select{left:20px;right:20px;top:auto;bottom:149px;width:auto;transform:none;padding:10px 0 0;border-left:0;border-top:1px solid #dec38a38;background:linear-gradient(0deg,#030604b3,transparent)}
  .chef-select-heading{justify-content:space-between}
  .chef-select-heading p{font-size:8px;letter-spacing:2px}
  .chef-select-heading button{min-height:30px;padding:5px 0}
  .chef-select-hint{font-size:9px;margin:0 0 10px}
  .chef-choice-list{flex-direction:row;gap:16px;justify-content:space-between}
  .chef-choice{flex:1;gap:9px;min-height:66px}
  .chef-choice-portrait{width:66px;height:66px}
  .chef-choice-portrait img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
  .chef-choice-copy{gap:3px}
  .chef-choice-copy strong{font-size:17px}
  .chef-choice-copy small{font-size:6px;letter-spacing:.35px}
  .chef-choice-state{font-size:9px}
  .chef-choice-play{right:1px;bottom:3px;width:18px;height:18px;font-size:7px}
  .trailer-end-card{top:50%;left:20px;right:20px}
  .trailer-end-card>span{font-size:12px;margin-bottom:19px}
  .trailer-end-card .hero-actions{flex-direction:column;max-width:280px;margin:auto}
  .game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .trailer-logo{top:20%;width:min(80vw,440px)}
  .game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .trailer-end-card{top:30%}
  .game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .hero-actions{flex-direction:row;max-width:390px}
  .game-trailer[data-trailer-finished=true][data-playback-mode=sequence] .hero-actions a{font-size:11px;padding:10px 8px}
}
@media(hover:none){.hover-hint{display:none}.touch-hint{display:inline}}
@media(max-width:360px){.chef-choice-list{gap:10px}.chef-choice{gap:6px}.chef-choice-portrait{width:58px;height:58px}.chef-choice-copy strong{font-size:16px}.chef-choice-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.game-trailer #hero-reel,.game-trailer .trailer-logo,.chef-choice-portrait img,.chef-choice-portrait:before{transition:none}.chef-choice.is-charging .chef-ring-charge,.game-trailer[data-video-waiting=true] .chef-choice.is-playing .chef-choice-play,.game-trailer[data-video-waiting=true] .chef-choice.is-playing:not(.is-charging) .chef-choice-ring{animation:none}.hover-hint{font-size:0}.hover-hint:after{content:'셰프를 눌러 필살기를 감상하세요.';font-size:10px}}