:root{color:#eef4f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#09100f;--panel:#0c1616e6;--panel-strong:#111f1ef5;--line:#c2ded933;--text:#eef4f8;--muted:#a9bab7;--mint:#76d6bf;--amber:#f4c45d;--red:#ec6b5f;--blue:#86b8ff;background:#09100f;font-family:Inter,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#09100fcc,#09100fe6),url(/background00.png) 50%/cover no-repeat fixed;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}.app-shell{min-height:100vh}.hero-screen{background:linear-gradient(90deg,#050c0de0,#050c0d94),url(/background02.png) 50%/cover no-repeat;align-content:center;gap:28px;min-height:100vh;padding:44px max(22px,50vw - 560px);display:grid}.hero-content{max-width:780px}.eyebrow{color:var(--mint);letter-spacing:.12em;margin:0 0 9px;font-size:12px;font-weight:900}h1,h2,h3,p{letter-spacing:0}.hero-content h1{color:#fff;max-width:760px;margin:0;font-size:clamp(44px,8vw,82px);line-height:1.05}.hero-content p,.mission-heading p,.microcopy,.evidence-box p,.cipher-card p,.result-card p,.lesson-box p,.evidence-board p,.board-list{color:var(--muted);line-height:1.65}.hero-content p{max-width:680px;margin:22px 0 0;font-size:19px}.mission-brief{flex-wrap:wrap;gap:10px;width:min(720px,100%);display:flex}.mission-brief strong,.mission-brief span,.status-strip span,.tag-list span,.required-pill{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:8px;padding:9px 12px;font-weight:800}.primary-button,.ghost-button,.music-button{border:1px solid #0000;border-radius:8px;min-height:48px;padding:12px 18px;font-weight:900;transition:transform .16s,background .16s,border-color .16s}.primary-button{color:#071110;background:linear-gradient(135deg,#8cf0d8,#f4c45d);margin-top:24px;box-shadow:0 18px 48px #76d6bf2b}.ghost-button{color:var(--text);border-color:var(--line);background:#ffffff0f}.music-button{min-height:42px;color:var(--text);background:#ffffff0e;border-color:#76d6bf47}.music-button.active{color:#071110;background:linear-gradient(135deg,#8cf0d8,#f4c45d);border-color:#76d6bfb8}.primary-button:hover,.ghost-button:hover,.music-button:hover,.suspect-button:hover,.fiber-row:hover,.dna-row:hover{transform:translateY(-1px)}.top-bar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09100fd1;justify-content:space-between;align-items:center;gap:18px;padding:16px max(18px,50vw - 680px);display:flex;position:sticky;top:0}.top-bar strong{color:#fff;font-size:20px;display:block}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.game-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;width:min(1360px,100%);margin:0 auto;padding:22px;display:grid}.mission-panel,.evidence-board,.brief-grid div,.evidence-box,.cipher-card,.result-card,.lesson-box{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 22px 70px #0000003d}.mission-panel{min-height:calc(100vh - 118px);padding:clamp(20px,4vw,36px)}.mission-heading h2,.result-card h2{color:#fff;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.12}.mission-heading p{max-width:780px;margin:16px 0 0;font-size:17px}.brief-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.brief-grid div{padding:18px}.brief-grid span,.cipher-card span,.score-grid span{color:var(--muted);font-size:13px;font-weight:800}.brief-grid strong,.cipher-card strong,.score-grid strong{color:#fff;margin-top:8px;font-size:22px;display:block}.callout{border-left:4px solid var(--mint);color:var(--text);background:#76d6bf17;border-radius:8px;padding:18px;font-weight:800}.tag-list{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.suspect-choice-grid,.comparison-table{gap:12px;margin-top:20px;display:grid}.suspect-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.suspect-button,.fiber-row,.dna-row{border:1px solid var(--line);color:var(--text);background:#ffffff0b;border-radius:8px}.suspect-button{text-align:left;min-height:116px;padding:16px}.suspect-button span,.fiber-row span{color:var(--muted);font-weight:800;display:block}.suspect-button strong{color:#fff;margin-top:12px;font-size:22px;display:block}.selected{background:#76d6bf1f;border-color:#76d6bfb8}.evidence-box{margin-top:22px;padding:20px}.evidence-box h3{margin:0}.science-note{background:#76d6bf14;border:1px solid #76d6bf47;border-radius:8px;margin-top:22px;padding:18px}.science-note strong{color:#fff;font-size:17px;display:block}.science-note p{color:var(--muted);margin:8px 0 0;line-height:1.65}.fiber-row{text-align:left;grid-template-columns:120px minmax(0,1fr) 110px;align-items:center;gap:12px;width:100%;padding:16px;display:grid}.fiber-row em{color:var(--amber);text-align:right;font-style:normal;font-weight:900}.dna-table{gap:8px;margin-top:24px;display:grid}.dna-row{text-align:left;grid-template-columns:.9fr .9fr repeat(3,minmax(0,1fr));align-items:center;gap:10px;width:100%;padding:14px;display:grid}.dna-row.header{cursor:default;color:var(--muted);background:var(--panel-strong);font-weight:900}.dna-row.checked{background:#f4c45d17;border-color:#f4c45d94}.report-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.report-form label,.answer-field{gap:8px;display:grid}.report-form label span,.answer-field span{color:var(--text);font-weight:900}select,input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:var(--panel-strong);border-radius:8px;padding:0 14px}.cipher-card{margin:26px 0 20px;padding:26px}.cipher-card strong{letter-spacing:.08em;font-size:clamp(42px,8vw,84px)}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.microcopy{margin-top:18px;font-size:14px}.evidence-board{align-self:start;max-height:calc(100vh - 112px);padding:20px;position:sticky;top:92px;overflow:auto}.board-heading h2,.evidence-board h3{color:#fff;margin:0}.evidence-board section{margin-top:22px}.board-suspects{gap:8px;margin-top:12px;display:grid}.board-suspects div{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:12px}.board-suspects strong,.board-suspects span{display:block}.board-suspects span{color:var(--muted);margin-top:4px;font-size:13px;font-weight:800}.board-suspects .eliminated{opacity:.72;border-color:#ec6b5f57}.board-suspects .culprit{background:#76d6bf1f;border-color:#76d6bfb8}.board-list{margin:12px 0 0;padding-left:18px}.result-card{max-width:920px;padding:clamp(22px,4vw,36px)}.score-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0;display:grid}.score-grid div{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;padding:14px}.lesson-box{padding:20px}.lesson-box h3{margin:0 0 12px}.lesson-box p{margin:8px 0}.toast{z-index:50;color:#fff;background:#0a1a18f5;border:1px solid #76d6bf80;border-radius:8px;width:min(560px,100% - 32px);padding:14px 16px;font-weight:900;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000052}@media (width<=980px){.top-bar,.game-layout{padding-inline:14px}.top-bar{flex-direction:column;align-items:flex-start}.game-layout{grid-template-columns:1fr}.evidence-board{order:-1;max-height:none;position:static}.suspect-choice-grid,.brief-grid,.report-form,.score-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-screen{padding:32px 18px}.mission-panel{padding:18px}.fiber-row,.dna-row{grid-template-columns:1fr}.fiber-row em{text-align:left}.status-strip span,.mission-brief strong,.mission-brief span{width:100%}}