*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,"Noto Sans KR",sans-serif;color:#fff;background:#071525}button{font:inherit}.bg,.shade{position:fixed;inset:0}.bg{background:url("assets/scene09-bg.png") center/cover no-repeat;transform:scale(1.01)}.shade{background:linear-gradient(90deg,rgba(2,17,32,.32),rgba(2,16,30,.12) 45%,rgba(1,12,24,.24)),linear-gradient(0deg,rgba(2,12,23,.35),transparent 35%)}header{position:fixed;z-index:20;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:28px;letter-spacing:1px;text-shadow:0 3px 12px #000}.hud{display:flex;gap:10px;align-items:center;background:rgba(2,32,54,.88);border:1px solid #087eb1;border-radius:17px;padding:7px 9px;box-shadow:0 10px 30px #00121daa}.level{background:#0daef3;border-radius:50%;padding:13px 8px;font-weight:900}.exp{min-width:155px;font-size:11px;letter-spacing:1px}.exp b{float:right;color:#9ceaff}.hud button{border:1px solid #0c7097;background:#062a42;color:#fff;padding:14px 18px;border-radius:13px;font-weight:800;cursor:pointer}.scene-badge,.mission{position:fixed;z-index:10;background:rgba(2,34,57,.9);border:1px solid #0ab7eb;box-shadow:0 12px 30px #001b2d99;backdrop-filter:blur(10px)}.scene-badge{right:48px;top:105px;padding:16px 22px;border-radius:17px}.scene-badge small,.mission small,.intro small,.file-head small,.guide small,.detail small,.decision>small,.sending small,.approved>small{display:block;color:#5de4ff;font-weight:900;letter-spacing:2px;font-size:11px}.scene-badge strong{display:block;margin-top:7px}.mission{left:55px;top:130px;width:330px;padding:20px;border-radius:18px}.mission h2{font-size:18px;margin:10px 0}.mission p{font-size:10px;letter-spacing:1.4px;color:#7edff5;margin:10px 0 0;font-weight:800}.bar{height:5px;background:#08243a;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;width:12%;background:linear-gradient(90deg,#09d7f5,#6b59ff);transition:.5s}.intro{display:none;position:fixed;z-index:15;left:50%;top:50%;transform:translate(-50%,-48%);width:570px;padding:40px;text-align:center;border:1px solid #0ad8ff;border-radius:26px;background:rgba(1,30,51,.92);box-shadow:0 20px 80px #00131fcc,0 0 35px #00bfe733;backdrop-filter:blur(15px)}.intro.show{display:block;animation:rise .6s ease}.intro h1{font-size:42px;margin:12px 0 8px;letter-spacing:2px}.intro p{color:#c5e8f4}.intro button,#nextBtn{margin-top:22px;border:0;border-radius:14px;padding:16px 25px;color:#fff;font-weight:900;background:linear-gradient(90deg,#08aef1,#6657ff);box-shadow:0 8px 30px #0879df66;cursor:pointer}.intro button span{margin-left:28px}.workspace{display:none;position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-48%);width:min(1040px,78vw);height:570px}.workspace.show{display:block}.file-card{position:absolute;left:0;top:38px;width:470px;padding:24px;border:1px solid #17cdf5;border-radius:22px;background:rgba(2,31,51,.91);box-shadow:0 18px 50px #001522bb;overflow:hidden;animation:slideL .55s ease}.file-head{display:flex;justify-content:space-between}.file-head h2{margin:8px 0 15px;font-size:29px}.live{color:#4ff0bd;font-size:11px;font-weight:900}.facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.facts div{padding:13px;background:#0a3c5b99;border:1px solid #146d90;border-radius:12px}.facts small{display:block;color:#7fcfe9;font-size:10px}.facts b{display:block;margin-top:5px}.scanline{position:absolute;left:0;right:0;height:2px;top:0;background:#58eaff;box-shadow:0 0 16px #58eaff;animation:scan 3s infinite}.guide{position:absolute;right:0;top:38px;width:520px;padding:22px 25px;border-radius:20px;background:rgba(245,251,255,.96);color:#082b4e;box-shadow:0 15px 40px #00182777;animation:slideR .55s ease}.guide h3{margin:10px 0;font-size:20px}.guide p{margin:0;color:#49657b}.checks{position:absolute;left:0;top:300px;width:470px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.checks button{display:flex;align-items:center;text-align:left;gap:10px;color:#fff;border:1px solid #0c789f;background:#062e49dd;border-radius:13px;padding:11px;cursor:pointer;transition:.2s}.checks button:hover{transform:translateY(-2px);border-color:#52e7ff;box-shadow:0 0 18px #00c8ff33}.checks button.done{border-color:#20e0b0;background:#075247dd}.checks i{font-style:normal;color:#62e6ff;font-size:11px}.checks span{display:flex;flex-direction:column}.checks small{font-size:9px;color:#8ec7da;margin-top:3px}.detail{position:absolute;right:0;top:185px;width:520px;min-height:126px;padding:21px 24px;border:1px solid #0b88b6;border-radius:18px;background:rgba(2,36,59,.9)}.detail strong{display:block;font-size:18px;margin:8px 0}.detail p{font-size:12px;color:#a9cfdf;margin:0}.decision,.sending,.approved{display:none;position:absolute;inset:70px 70px auto;padding:30px;border:1px solid #16c9f3;border-radius:24px;background:rgba(2,29,49,.96);text-align:center;box-shadow:0 20px 60px #00131f}.decision.show,.sending.show,.approved.show{display:block;animation:rise .45s ease}.decision h2{margin:10px 0 22px}.options{display:flex;gap:12px}.options button{flex:1;min-height:135px;border:1px solid #0d779e;border-radius:17px;background:#07324f;color:#fff;padding:18px;cursor:pointer;transition:.2s}.options button:hover{transform:translateY(-5px);border-color:#59eaff;box-shadow:0 0 24px #00c9ff55}.options i{display:block;margin:auto auto 10px;width:34px;height:34px;padding-top:8px;border-radius:50%;font-style:normal;background:#09aeea;font-weight:900}.options b,.options span{display:block}.options span{font-size:11px;color:#9dcbdc;margin-top:8px}.sending{left:240px;right:240px;top:120px}.loader{height:9px;background:#082238;border-radius:20px;overflow:hidden;margin:28px 0 10px}.loader i{display:block;width:0;height:100%;background:linear-gradient(90deg,#06d7f6,#635cff);transition:.18s}.sending>b{font-size:32px;color:#6cecff}.sending p{font-size:11px;letter-spacing:2px;color:#7faec1}.approved{left:190px;right:190px;top:25px;padding-top:22px}.approved h1{font-size:52px;color:#55f3c3;margin:8px 0 0;text-shadow:0 0 25px #21d7a966}.approved h2{margin:3px}.approved p{color:#b5d8e5}.rings{position:relative;margin:auto;width:85px;height:85px}.rings i{position:absolute;inset:0;border:1px solid #38efc3;border-radius:50%;animation:ring 1.7s infinite}.rings i:nth-child(2){animation-delay:.4s}.rings i:nth-child(3){animation-delay:.8s}.rings span{position:absolute;inset:14px;border-radius:50%;background:#20cda3;padding-top:12px;font-size:30px}.unlock{margin:16px auto 0;padding:13px;border:1px solid #1687ac;border-radius:14px;background:#073a58}.unlock b,.unlock span{display:block}.unlock span{font-size:10px;color:#8ccadd;margin-top:3px}#nextBtn{margin-top:13px}#nextBtn b{margin:0 18px}nav{position:fixed;z-index:30;left:50%;bottom:12px;transform:translateX(-50%);width:min(1120px,92vw);padding:8px 12px 10px;border:1px solid #0d7298;border-radius:17px;background:rgba(2,27,46,.94);box-shadow:0 12px 30px #00101acc}.nav-title{display:flex;gap:12px;align-items:center;margin:0 5px 6px}.nav-title small{color:#54defa;font-weight:900;letter-spacing:1.5px}.nav-title span{font-size:10px;color:#93b4c3}.nav-items{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.nav-items button{height:48px;border:1px solid #185c7a;border-radius:11px;background:#062d48;color:#9ab7c5}.nav-items button i,.nav-items button b{display:block;font-style:normal;font-size:10px}.nav-items button.active{color:#fff;border-color:#70edff;background:linear-gradient(#0786b8,#075079);box-shadow:0 0 16px #00bfe766}.nav-items button:disabled{opacity:.48}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideL{from{opacity:0;transform:translateX(-30px)}}@keyframes slideR{from{opacity:0;transform:translateX(30px)}}@keyframes scan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}@keyframes ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}@media(max-width:1100px){.mission{left:20px}.workspace{width:90vw}.file-card,.checks{width:44%}.guide,.detail{width:52%}.nav-items button b{font-size:8px}}
/* V02 — Scene 09 visual cleanup only */
header{left:18px;right:18px;top:16px}.brand{font-size:29px;letter-spacing:.8px}.hud{height:58px;gap:10px;padding:6px 8px;border-radius:17px}.level{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;font-size:14px}.exp{width:185px;min-width:185px;font-size:11px}.hud button{height:48px;min-width:134px;padding:0 18px;border-radius:13px;font-size:14px}.scene-badge{right:48px;top:108px}.mission{top:128px}
.workspace{width:min(980px,72vw);height:520px;top:51%;}.screening-shell{position:absolute;inset:0;display:grid;grid-template-columns:360px 1fr;grid-template-rows:118px 1fr 106px;gap:12px}.file-card{position:relative;left:auto;top:auto;width:auto;padding:18px 20px;border-radius:18px;grid-column:1;grid-row:1;background:rgba(2,31,51,.94)}.file-head h2{font-size:24px;margin:5px 0 6px}.customer-summary{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#a9d5e5}.customer-summary b{font-size:13px;color:#fff}.guide{position:relative;right:auto;top:auto;width:auto;padding:20px 24px;border-radius:18px;grid-column:2;grid-row:1}.guide h3{font-size:19px;margin:8px 0 6px}.guide p{font-size:12px}.checks{position:relative;left:auto;top:auto;width:auto;grid-column:1/3;grid-row:2;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch}.checks button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px 15px;border-radius:16px;background:rgba(3,42,67,.93);min-width:0}.checks button:hover{transform:translateY(-4px)}.checks button.done{background:rgba(5,78,68,.94)}.checks i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #2dcff3;border-radius:50%;font-size:10px}.checks b{font-size:15px}.checks small{font-size:10px}.checks em{position:absolute;right:12px;top:13px;font-style:normal;font-size:9px;color:#63e8ff;letter-spacing:1px}.checks button.done em{font-size:0}.checks button.done em:after{content:'✓ 완료';font-size:9px;color:#5ff0c8}.detail{position:relative;right:auto;top:auto;width:auto;min-height:0;padding:18px 22px;border-radius:17px;grid-column:1/3;grid-row:3;display:flex;flex-direction:column;justify-content:center}.detail strong{font-size:17px;margin:6px 0}.detail p{font-size:11px}.decision,.sending,.approved{z-index:8}.decision{inset:82px 40px auto}.sending{left:210px;right:210px}.approved{left:160px;right:160px}.options button{min-height:125px}
@media(max-width:1200px){.workspace{width:82vw}.screening-shell{grid-template-columns:320px 1fr}.checks b{font-size:13px}.hud .exp{width:150px;min-width:150px}.hud button{min-width:120px}}

/* V04 — requested layout fixes only */
/* 1) Prevent ACTIVE MISSION from overlapping the Scene 09 work panel */
.workspace{width:min(930px,68vw);margin-left:32px}

/* 2) Match the CARYO INFORMATION vertical position used in the 1–8 server */
.brand{transform:translateY(-11px)}

/* 3) Keep SCREENING CENTER intro centered from the very first animation frame */
.intro.show{animation:introCenterRise .6s ease}
@keyframes introCenterRise{
  from{opacity:0;transform:translate(-50%,calc(-48% + 12px))}
  to{opacity:1;transform:translate(-50%,-48%)}
}
@media(max-width:1200px){.workspace{width:78vw;margin-left:28px}}

/* V06 — requested visual alignment only: match Server A (1–8) chrome and tighten screening cards */
/* CARYO INFORMATION: same position/size as 1–8 */
header{left:30px;right:28px;top:18px}
.brand{font-size:25px;letter-spacing:1.5px;line-height:1;transform:none;text-shadow:0 2px 12px rgba(0,0,0,.65),0 0 18px rgba(39,199,255,.22)}

/* EXP / SOUND / BGM: same 52px-height proportions as 1–8 */
.hud{height:52px;gap:10px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.level{width:39px;height:39px;padding:0;font-size:14px;box-shadow:0 0 20px #16a7ff}
.exp{height:52px;width:175px;min-width:175px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(6,45,76,.93),rgba(4,29,52,.93));border:1px solid rgba(121,220,255,.32);border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.12)}
.exp b{float:none;font-size:10px}
.hud button{height:52px;min-width:0;padding:0 16px;border:1px solid rgba(121,220,255,.32);border-radius:15px;background:linear-gradient(180deg,rgba(6,45,76,.93),rgba(4,29,52,.93));box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.12);font-size:14px}

/* Five screening cards: remove excessive empty vertical space only */
.screening-shell{grid-template-rows:118px 176px 106px;align-content:start}
.checks{align-items:start}
.checks button{height:176px;min-height:176px;padding:18px 15px;justify-content:center}

/* Navigation: same compact bar/button proportions as 1–8 */
nav{width:auto;max-width:calc(100vw - 20px);padding:10px 12px;bottom:14px;border-color:rgba(52,216,255,.55);border-radius:18px;background:rgba(3,24,45,.94);box-shadow:0 12px 40px rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.nav-title{display:none}
.nav-items{display:flex;gap:8px}
.nav-items button{width:118px;min-width:118px;height:56px;padding:6px 12px;border:1px solid rgba(89,193,255,.35);border-radius:12px;background:#092d4d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.nav-items button i{font-size:11px;color:#62e8ff}.nav-items button b{font-size:12px;white-space:nowrap}
.nav-items button.active{background:linear-gradient(180deg,#129bd2,#0b5689);border-color:#6eeaff;box-shadow:0 0 0 2px rgba(60,220,255,.15),0 0 22px rgba(34,199,255,.28)}
.nav-items button:disabled{opacity:.48}
@media(max-width:1200px){header{left:18px}.brand{font-size:21px}.hud .exp{width:150px;min-width:150px}.nav-items button{min-width:105px;width:105px}.nav-items{overflow-x:auto}.screening-shell{grid-template-rows:118px 176px 106px}}

/* SCENE 10 — Contract Center. Existing shared chrome retained. */
.bg{background-image:url("assets/scene10-bg.png")}
.contract-workspace{width:min(900px,66vw);height:500px;margin-left:24px;top:51%}
.contract-panel{position:absolute;inset:30px 0 0;padding:26px 28px 24px;border:1px solid rgba(64,219,255,.72);border-radius:22px;background:rgba(2,28,48,.86);box-shadow:0 20px 60px rgba(0,10,24,.46);backdrop-filter:blur(10px)}
.contract-head{position:relative;padding-bottom:18px;border-bottom:1px solid rgba(94,210,245,.22)}
.contract-head small,.contract-status small,.contract-complete small{display:block;color:#5de4ff;font-weight:900;letter-spacing:2px;font-size:11px}.contract-head h2{font-size:26px;margin:8px 0 3px}.contract-head>span{position:absolute;right:0;top:3px;padding:7px 10px;border-radius:999px;background:rgba(19,183,139,.16);border:1px solid rgba(58,239,190,.55);color:#6ff4ce;font-size:11px;font-weight:900}
.contract-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.contract-steps button{height:142px;padding:18px 14px;text-align:left;border:1px solid rgba(65,183,226,.42);border-radius:15px;background:rgba(5,48,76,.82);color:#fff;cursor:pointer;transition:.18s}.contract-steps button:hover{transform:translateY(-2px);border-color:#64e7ff}.contract-steps button.done{border-color:#54e7c0;background:rgba(5,83,70,.86)}.contract-steps i{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #43d8f5;border-radius:50%;font-style:normal;font-size:10px;color:#75eaff}.contract-steps b,.contract-steps span{display:block}.contract-steps b{font-size:16px;margin-top:14px}.contract-steps span{font-size:11px;color:#a7cfdd;margin-top:6px}
.contract-status{margin-top:14px;padding:15px 18px;border-radius:13px;background:rgba(3,39,63,.82);border:1px solid rgba(45,159,202,.38)}.contract-status strong{display:block;margin-top:6px;font-size:15px}.sign-btn{display:block;margin:16px auto 0;padding:13px 24px;border:0;border-radius:12px;background:linear-gradient(90deg,#0aaeea,#6559ff);color:#fff;font-weight:900;cursor:pointer}.sign-btn:disabled{opacity:.35;cursor:default}
.contract-complete{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:540px;padding:34px;text-align:center;border:1px solid #4be1ff;border-radius:24px;background:rgba(2,29,49,.95);box-shadow:0 20px 70px rgba(0,12,28,.65)}.contract-complete.show{display:block;animation:contractIn .45s ease}.seal{display:flex;width:66px;height:66px;margin:0 auto 12px;align-items:center;justify-content:center;border:2px solid #52ebc3;border-radius:50%;font-size:34px;color:#5af1c8;box-shadow:0 0 24px rgba(64,240,194,.28)}.contract-complete h1{font-size:34px;letter-spacing:2px;margin:8px 0}.contract-complete h2{margin:4px 0 8px}.contract-complete p{color:#afd0dd}.contract-complete #nextBtn{margin-top:16px}
@keyframes contractIn{from{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:1200px){.contract-workspace{width:76vw;margin-left:24px}.contract-steps b{font-size:14px}}
/* SCENE 11 — VEHICLE HUNT only */
.bg{background-image:url("assets/scene11-bg.png")}.hunt-game{display:none;position:fixed;z-index:8;left:50%;top:51%;transform:translate(-50%,-50%);width:min(1080px,76vw);height:590px}.hunt-game.show{display:block}.brief{margin:20px auto 0;width:330px;padding:12px;border:1px solid #1b90b7;border-radius:12px;background:#062c46}.brief b,.brief span{display:block}.brief span{font-size:11px;color:#9bd5e8;margin-top:5px}.gamehud{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.gamehud>div{height:62px;min-width:105px;padding:9px 14px;border:1px solid #1986aa;border-radius:13px;background:rgba(2,31,51,.93);box-shadow:0 8px 22px #00131f99}.gamehud small,.scan-panel small,.stock-alert small,.hunt-win small{display:block;color:#59e3ff;font-size:9px;font-weight:900;letter-spacing:1.5px}.gamehud b{display:block;font-size:20px;margin-top:4px}.gamehud .target{min-width:310px}.gamehud .target b{font-size:11px;color:#fff;margin-top:7px}.field{position:absolute;inset:78px 0 0;border:1px solid rgba(51,215,255,.72);border-radius:22px;overflow:hidden;background:rgba(2,22,38,.10);box-shadow:inset 0 0 80px rgba(0,20,38,.35);outline:none}.car{position:absolute;width:126px;height:64px;transform:translate(-50%,-50%);transition:filter .15s}.car-body{position:absolute;left:9px;top:20px;width:108px;height:35px;border-radius:23px 30px 12px 12px;background:var(--car);border:2px solid rgba(255,255,255,.72);box-shadow:0 8px 14px #001521aa}.car-body:before{content:"";position:absolute;left:26px;top:-15px;width:55px;height:24px;border-radius:22px 25px 0 0;background:var(--car);border:2px solid rgba(255,255,255,.65);border-bottom:0}.car-body:after{content:"";position:absolute;left:34px;top:-10px;width:38px;height:13px;border-radius:10px 12px 0 0;background:#183b51}.wheel{position:absolute;top:45px;width:18px;height:18px;border-radius:50%;background:#06101a;border:3px solid #60717d}.wheel.a{left:25px}.wheel.b{right:23px}.car label{position:absolute;left:50%;top:-5px;transform:translateX(-50%);white-space:nowrap;padding:5px 8px;border-radius:7px;background:rgba(2,31,51,.9);border:1px solid #28718e;font-size:9px;font-weight:800;color:#dff8ff}.car.locked{filter:drop-shadow(0 0 13px #3ee8ff)}.reticle{position:absolute;left:50%;top:52%;width:145px;height:105px;transform:translate(-50%,-50%);border:2px solid #5beaff;border-radius:20px;box-shadow:0 0 20px #2bdcff66,inset 0 0 20px #2bdcff22;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#7df2ff}.reticle:before{left:50%;top:-10px;width:2px;height:123px}.reticle:after{top:50%;left:-10px;height:2px;width:163px}.reticle i{position:absolute;inset:9px;border:1px dashed rgba(111,240,255,.55);border-radius:14px;animation:spinScan 4s linear infinite}.reticle span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#7cefff}.hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:10px;background:rgba(2,28,47,.86);font-size:10px;color:#c9edf7}.scan-panel{position:absolute;left:15px;top:92px;width:245px;padding:15px;border:1px solid #1882a8;border-radius:14px;background:rgba(2,30,50,.94);z-index:7;pointer-events:none}.scan-panel strong{display:block;font-size:13px;margin-top:6px}.scan-row{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid #17465d;font-size:10px}.scan-row.ok{color:#63f2c7}.scan-row.bad{color:#ff7d82}.stock-alert,.hunt-win{display:none;position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;border:1px solid #45dcff;border-radius:22px;background:rgba(2,27,46,.96);box-shadow:0 20px 70px #00121fcc}.stock-alert.show,.hunt-win.show{display:block}.stock-alert{width:440px;padding:27px}.stock-alert strong,.stock-alert span{display:block}.stock-alert strong{margin:8px 0}.stock-alert b{display:block;font-size:55px;color:#ffe35c}.stock-alert span{font-size:11px;color:#b7d9e6}.holdbar{height:9px;margin-top:16px;background:#071d2e;border-radius:9px;overflow:hidden}.holdbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0cd6ef,#54efbd);transition:.12s}.hunt-win{width:500px;padding:30px}.hunt-win h1{margin:8px 0;font-size:31px}.hunt-win h2{margin:5px 0}.hunt-win p{color:#acd5e4}.wincheck{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 12px;border:2px solid #55efc7;border-radius:50%;font-size:34px;color:#5ff1c9;box-shadow:0 0 24px #36d9b455}.hunt-win #nextBtn{margin-top:12px}.shake{animation:badshake .28s}.flashgood{animation:goodflash .35s}.flashbad{animation:badflash .35s}@keyframes spinScan{to{transform:rotate(360deg)}}@keyframes badshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes goodflash{50%{box-shadow:inset 0 0 80px #23e5c866}}@keyframes badflash{50%{box-shadow:inset 0 0 80px #ff3e5366}}@media(max-width:1200px){.hunt-game{width:82vw}.gamehud .target{min-width:250px}.scan-panel{width:210px}}
/* SCENE 12 ONLY */
body.scene12mode .bg{background-image:url("assets/scene12-bg.png")}
body.scene12mode .scene-badge small{font-size:0}body.scene12mode .scene-badge small:after{content:"SCENE 12";font-size:11px}
body.scene12mode .scene-badge strong{font-size:0}body.scene12mode .scene-badge strong:after{content:"DELIVERY CENTER";font-size:16px}
body.scene12mode .mission #missionTitle{font-size:0}body.scene12mode .mission #missionTitle:after{content:"출고 전 최종 검수를 진행하세요";font-size:18px}
body.scene12mode .mission #missionSub{font-size:0}body.scene12mode .mission #missionSub:after{content:"DELIVERY INSPECTION";font-size:10px}
body.scene12mode main{display:none}.scene12{display:none;position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1080px,76vw);height:590px}.scene12.show{display:block}
.s12hud{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.s12hud>div{height:62px;min-width:120px;padding:9px 14px;border:1px solid #1986aa;border-radius:13px;background:rgba(2,31,51,.93)}.s12hud small{display:block;color:#59e3ff;font-size:9px;font-weight:900;letter-spacing:1.5px}.s12hud b{display:block;font-size:20px;margin-top:4px}
.s12car{position:absolute;left:50%;top:57%;width:560px;height:230px;transform:translate(-50%,-50%)}.s12body{position:absolute;left:35px;top:80px;width:490px;height:120px;border-radius:70px 90px 35px 35px;background:linear-gradient(#f8fbfd,#cbd5db);border:3px solid #fff;box-shadow:0 24px 35px #00131faa}.s12glass{position:absolute;z-index:2;left:145px;top:28px;width:250px;height:95px;border-radius:85px 90px 8px 8px;background:#153548;border:4px solid #eaf3f7}.s12wheel{position:absolute;z-index:3;top:166px;width:70px;height:70px;border-radius:50%;background:#07111a;border:10px solid #53626b}.s12wheel.w1{left:105px}.s12wheel.w2{right:90px}.hot{position:absolute;z-index:6;width:42px;height:42px;border:2px solid #6cecff;border-radius:50%;background:#079fd8;color:#fff;font-size:25px;box-shadow:0 0 18px #28dfff;cursor:pointer;animation:s12pulse 1.5s infinite}.hot.done{background:#20cda3;border-color:#7affdb;animation:none}.h1{left:40px;top:112px}.h2{left:235px;top:12px}.h3{right:25px;top:108px}.h4{left:135px;bottom:8px}.h5{right:130px;bottom:3px}.h6{left:260px;top:115px}
.s12info{position:absolute;left:0;top:110px;width:245px;padding:18px;border:1px solid #1882a8;border-radius:15px;background:rgba(2,30,50,.94)}.s12info small{color:#59e3ff;font-size:9px;font-weight:900;letter-spacing:1.5px}.s12info h2{margin:8px 0 3px}.s12info p{font-size:11px;color:#9bd5e8}.s12info div{margin-top:13px;padding-top:12px;border-top:1px solid #17465d;font-size:12px;line-height:1.5;color:#dff8ff}
.s12modal{display:none;position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;padding:32px;text-align:center;border:1px solid #45dcff;border-radius:22px;background:rgba(2,27,46,.96);box-shadow:0 20px 70px #00121fcc}.s12modal.show{display:block}.s12modal small{color:#59e3ff;font-size:10px;font-weight:900;letter-spacing:1.5px}.s12modal h1{margin:10px 0}.s12modal p{color:#acd5e4}.s12modal button{margin-top:14px;border:0;border-radius:14px;padding:16px 25px;color:#fff;font-weight:900;background:linear-gradient(90deg,#08aef1,#6657ff);cursor:pointer}.s12modal button b{margin:0 14px}
@keyframes s12pulse{50%{transform:scale(1.12);box-shadow:0 0 28px #28dfff}}
body.scene12mode nav .nav-items button.active{background:#062d48;color:#9ab7c5;border-color:#185c7a;box-shadow:none}body.scene12mode nav .nav-items button:nth-child(4){color:#fff;border-color:#70edff;background:linear-gradient(#0786b8,#075079);box-shadow:0 0 16px #00bfe766;opacity:1}
/* SCENE 12 — use the real Sorento already present in the background; hotspots only */
body.scene12mode .s12body,body.scene12mode .s12glass,body.scene12mode .s12wheel{display:none!important}
body.scene12mode .s12car{left:50%;top:57%;width:720px;height:360px;pointer-events:none}
body.scene12mode .s12car .hot{pointer-events:auto}
body.scene12mode .h1{left:20%;top:44%}body.scene12mode .h2{left:43%;top:18%}body.scene12mode .h3{left:70%;top:39%}body.scene12mode .h4{left:37%;top:72%}body.scene12mode .h5{left:76%;top:68%}body.scene12mode .h6{left:57%;top:49%}