@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#262626;font-synthesis:none;--navy:#172a46;--gold:#e9b949;--ivory:#f7f1e3;--red:#b94040;--green:#39755a;--ink:#262626;background:#eee9dd;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-bg{background:#ded9cd;min-height:100vh}.app-shell{background:var(--ivory);width:min(100%,480px);min-height:100vh;margin:auto;box-shadow:0 0 40px #172a4620}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f1e3ee;border-bottom:1px solid #172a4620;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.case-mark,.brand-mini{letter-spacing:.08em;font-size:11px;font-weight:800}.brand-mini{font-size:13px}.icon-button,.text-button{color:var(--navy);background:0 0;border:0;font-weight:700}.icon-button{font-size:24px}.text-button{font-size:11px}.eyebrow{color:var(--red);letter-spacing:.19em;margin:0 0 8px;font-size:10px;font-weight:800}.eyebrow.light{color:var(--gold)}h1,h2,p{margin-top:0}.button{border:0;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 20px;font-weight:800;display:inline-flex}.button.large{width:100%;min-height:56px}.button.primary{background:var(--gold);color:var(--navy);box-shadow:0 5px #b88725}.button.primary:active{transform:translateY(3px);box-shadow:0 2px #b88725}.button:disabled{opacity:.6;cursor:wait}.button.ghost-light{color:var(--ivory);background:0 0;border:1px solid #f7f1e366}.button.success{background:var(--green);color:#fff}.landing{text-align:center;min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 20% 15%,#334d6e 0 2%,#0000 20%),linear-gradient(160deg,#172a46 0%,#101d31 100%);flex-direction:column;align-items:center;padding:62px 28px 30px;display:flex;position:relative;overflow:hidden}.landing:before,.landing:after{content:"";border:1px solid #e9b94935;border-radius:50%;width:330px;height:330px;position:absolute;top:80px}.landing:after{width:270px;height:270px;top:110px}.landing-noise{opacity:.2;background-image:repeating-linear-gradient(45deg,#0000 0 12px,#ffffff08 13px 14px);position:absolute;inset:0}.landing>*{z-index:1;position:relative}.detective-emblem{border:3px solid var(--gold);width:132px;height:132px;color:var(--navy);background:linear-gradient(145deg,#f6d56a,#b27c13);border-radius:50%;place-items:center;margin:12px 0 22px;display:grid;transform:rotate(-4deg);box-shadow:0 0 0 7px #172a46,0 0 0 9px #e9b94955}.detective-emblem:before{content:"🔍";filter:grayscale()brightness(.32);font-size:68px}.detective-emblem span{color:var(--ivory);font:38px Black Han Sans;position:absolute}.landing h1{letter-spacing:-.03em;text-shadow:0 4px #091321;margin:0;font:46px/1.08 Black Han Sans,sans-serif}.landing h1 em{color:var(--gold);font-style:normal}.landing-copy{color:#f7f1e3cc;margin:20px 0 26px;font-size:14px;line-height:1.8}.landing-actions{gap:14px;width:100%;margin-top:auto;display:grid}.landing-foot{letter-spacing:.15em;color:#f7f1e366;margin:26px 0 0;font-size:9px}.paper-screen{background:linear-gradient(90deg,#172a4610 1px,transparent 1px),linear-gradient(#172a4610 1px,transparent 1px),var(--ivory);background-size:24px 24px;place-items:center;min-height:100vh;padding:30px 18px;display:grid}.auth-card{background:#fffdf5;border:1px solid #d9cfba;width:min(100%,420px);padding:28px 24px;position:relative;box-shadow:8px 8px #172a46,0 20px 45px #172a4620}.file-tab{background:var(--red);color:#fff;letter-spacing:.1em;padding:6px 13px;font-size:9px;font-weight:800;position:absolute;top:-13px;right:20px}.back-link{color:var(--navy);margin-bottom:42px;font-size:12px;font-weight:700;display:inline-block}.auth-card h1{color:var(--navy);margin-bottom:8px;font:34px Black Han Sans}.muted{color:#716d63;font-size:13px;line-height:1.6}.form-stack{gap:18px;margin-top:28px;display:grid}.form-stack label,.answer-form{gap:8px;display:grid}.form-stack label>span{color:var(--navy);font-size:12px;font-weight:800}input{width:100%;height:52px;color:var(--ink);background:#fffdf8;border:1px solid #bdb5a5;border-radius:3px;outline:none;padding:0 15px}input:focus{border:2px solid var(--navy)}.notice{color:#6e4a0c;background:#f8ebd1;gap:10px;padding:12px;font-size:11px;line-height:1.5;display:flex}.notice strong{background:var(--gold);width:20px;height:20px;color:var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.form-error{color:var(--red);margin:0;font-size:12px;font-weight:700;line-height:1.5}.form-success{color:var(--green);margin:0;font-size:12px;font-weight:700}.auth-switch{text-align:center;color:#777;margin:25px 0 0;font-size:12px}.auth-switch a{color:var(--red);font-weight:800;text-decoration:underline}.screen{min-height:calc(100vh - 58px);padding:30px}.center{color:#777;place-content:center;justify-items:center;display:grid}.loader{border:3px solid #172a4620;border-top-color:var(--navy);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-header{background:var(--navy);color:#fff;padding:28px 22px 18px}.map-header h1{margin-bottom:22px;font:30px/1.2 Black Han Sans}.progress-wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}.coins{gap:7px;display:flex}.coin{color:#f7f1e355;border:2px dashed #f7f1e355;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.coin.earned{background:var(--gold);color:var(--navy);border:2px solid #ffd96a;box-shadow:inset 0 0 0 3px #f8d46d}.progress-wrap strong{font-size:15px}.map-card{padding:20px 18px}.map-label{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.map-label span{color:var(--navy);font-size:13px;font-weight:800}.map-label small{color:#8d877a;font-size:9px}.market-map{aspect-ratio:1/.84;border:3px solid var(--navy);background:linear-gradient(33deg,#dbe3cc 25%,#0000 25%) 0 0/42px 42px,linear-gradient(153deg,#eee4c9 25%,#e7dcc1 25%) 0 0/58px 58px;position:relative;overflow:hidden}.market-map:after{content:"";pointer-events:none;border:1px dashed #172a4670;position:absolute;inset:8px}.map-road{z-index:1;background:#f7f1e3;border:1px solid #b9ac90;position:absolute}.road-a{width:160%;height:38px;top:45%;left:-30%;transform:rotate(-10deg)}.road-b{width:34px;height:160%;top:-30%;left:57%;transform:rotate(10deg)}.map-title{z-index:2;color:#172a4635;font-size:20px;position:absolute;top:44%;left:24%;transform:rotate(-8deg)}.map-place{z-index:2;background:#f7f1e3cc;padding:2px 4px;font-size:8px;position:absolute}.p1{top:68%;left:4%}.p2{top:29%;left:40%}.p3{bottom:6%;right:3%}.map-pin{z-index:5;background:var(--red);clip-path:polygon(50% 100%,0 42%,3% 20%,20% 4%,50% 0,80% 4%,97% 20%,100% 42%);color:#fff;filter:drop-shadow(0 4px 1px #172a4644);place-items:start center;width:39px;height:48px;padding-top:8px;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-pin span{width:24px;height:24px;color:var(--red);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.map-pin.done{background:var(--green)}.map-pin.done span{color:var(--green)}.case-list{padding:3px 18px 32px}.section-heading{justify-content:space-between;align-items:center;margin:15px 0 10px;display:flex}.section-heading h2{color:var(--navy);margin:0;font-size:18px}.section-heading span{color:var(--green);font-size:10px;font-weight:800}.case-row{border-bottom:1px solid #172a4620;grid-template-columns:45px 1fr 12px;align-items:center;gap:12px;padding:15px 6px;display:grid}.case-number{border:2px solid var(--red);width:40px;height:40px;color:var(--red);place-items:center;font-weight:900;display:grid}.case-row>span:nth-child(2){gap:2px;display:grid}.case-row small{color:var(--red);letter-spacing:.1em;font-size:8px;font-weight:800}.case-row strong{color:var(--navy);font-size:13px}.case-row em{color:#777;font-size:10px;font-style:normal}.case-row>b{color:#aaa;font-size:24px}.case-row.done{opacity:.62}.case-row.done .case-number{border-color:var(--green);background:var(--green);color:#fff}.page-error{margin:12px 20px}.mission-heading{border-bottom:1px solid #d8cfbc;padding:30px 22px 20px}.mission-heading h1{color:var(--navy);margin-bottom:16px;font:29px/1.25 Black Han Sans}.status-chip{color:var(--red);background:#b9404012;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.status-chip.open{color:var(--green);background:#39755a16}.location-card,.question-card,.open-card{background:#fffdf7;border:1px solid #d7cebc;margin:16px 18px;padding:18px;box-shadow:4px 4px #172a4615}.photo-placeholder{color:#857e6d;background:linear-gradient(135deg,#d5d0c3,#eee8db);place-content:center;justify-items:center;height:145px;margin-bottom:20px;display:grid}.photo-placeholder span{font-size:42px}.photo-placeholder small{font-size:10px}.location-card h2,.question-card h2{color:var(--navy);font-size:19px}.location-card>p,.open-card p{color:#777;font-size:12px;line-height:1.7}.clue-note{border-left:4px solid var(--gold);background:#f6edd9;gap:4px;margin-top:18px;padding:14px;display:grid}.clue-note strong{color:#946a19;font-size:10px}.clue-note span{font-size:11px;line-height:1.5}.open-card{text-align:center;background:var(--navy);color:#fff}.open-lock{font-size:34px}.open-card h2{margin:9px 0 4px;font-size:17px}.open-card p{color:#fffa;margin:0}.question-label{background:var(--red);color:#fff;letter-spacing:.1em;margin:-18px 0 18px -18px;padding:6px 12px;font-size:9px;font-weight:800;display:inline-block}.answer-form{margin-top:22px}.subtle-link{text-align:center;color:#777;margin:20px;font-size:11px;text-decoration:underline;display:block}.mission-clear{text-align:center;background:var(--navy);color:#fff;flex-direction:column;align-items:center;min-height:calc(100vh - 58px);padding:48px 25px;display:flex}.stamp-burst{background:var(--gold);border:8px double #fff1b9;border-radius:50%;place-items:center;width:140px;height:140px;margin:20px 0 30px;display:grid;transform:rotate(-7deg);box-shadow:0 0 0 10px #e9b94933}.stamp-burst span{color:var(--navy);font:700 64px serif}.mission-clear h1{color:var(--gold);font:38px/1.15 Black Han Sans}.mission-clear>p:not(.eyebrow){color:#fffb;margin-bottom:34px;font-size:13px;line-height:1.8}.complete-hero{background:var(--navy);color:#fff;text-align:center;padding:45px 25px 35px}.case-closed-stamp{border:5px double var(--red);color:#d96767;border-radius:50%;place-content:center;width:95px;height:95px;margin:15px auto 24px;font-weight:900;line-height:1.15;display:grid;transform:rotate(-9deg)}.complete-hero h1{color:var(--gold);font:34px/1.2 Black Han Sans}.complete-hero .progress-wrap{justify-content:center}.complete-hero .progress-wrap>strong{display:none}.complete-hero>p:last-child{color:#fffb;margin:26px 0 0;font-size:12px;line-height:1.7}.reward-ticket{text-align:center;background:var(--gold);color:var(--navy);margin:-1px 22px 24px;padding:30px 15px;position:relative;box-shadow:0 8px #b88725}.reward-ticket small,.reward-ticket span{display:block}.reward-ticket small{letter-spacing:.16em;font-weight:800}.reward-ticket strong{letter-spacing:.16em;margin:6px 0;font:42px monospace;display:block}.reward-ticket span{font-size:10px}.ticket-edge{background:var(--navy);border-radius:50%;width:20px;height:20px;position:absolute;top:-10px}.ticket-edge.left{left:-10px}.ticket-edge.right{right:-10px}.pickup-guide{padding:10px 22px 35px}.pickup-guide h2{color:var(--navy);font-size:18px}.pickup-guide ol{margin:0;padding:0;list-style:none}.pickup-guide li{border-bottom:1px solid #172a4615;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.pickup-guide b{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.admin-bg{background:#111e32;place-items:center;min-height:100vh;padding:20px;display:grid}.admin-login-card{width:min(100%,390px);box-shadow:10px 10px 0 var(--gold);text-align:center;background:#fffdf6;padding:34px}.admin-symbol{background:var(--gold);width:54px;height:54px;color:var(--navy);border-radius:50%;place-items:center;margin:0 auto 18px;font:700 28px serif;display:grid}.admin-login-card h1{color:var(--navy);margin-bottom:4px;font:30px Black Han Sans}.admin-login-card>p:not(.eyebrow){color:#777;font-size:12px}.admin-login-card form{text-align:left}.admin-page{background:#f0ede5;min-height:100vh}.admin-header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 max(20px,50% - 530px);display:flex}.admin-header>div{align-items:center;gap:10px;display:flex}.admin-symbol.small{width:32px;height:32px;margin:0;font-size:17px;display:inline-grid}.admin-header button{color:#fff;background:0 0;border:1px solid #fff4;padding:7px 12px;font-size:11px}.admin-main{width:min(1060px,100% - 32px);margin:auto;padding:42px 0}.admin-title h1{color:var(--navy);margin-bottom:6px;font:34px Black Han Sans}.admin-title>span{color:#777;font-size:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}.stats-grid article{border-top:3px solid var(--navy);background:#fff;padding:22px;box-shadow:0 6px 16px #172a4610}.stats-grid article.gold{border-color:var(--gold)}.stats-grid small{color:#777;display:block}.stats-grid strong{color:var(--navy);font-size:34px}.stats-grid span{margin-left:5px;font-size:11px}.admin-panel{background:#fff;padding:28px}.panel-heading{align-items:start;gap:14px;display:flex}.panel-heading>span{background:var(--navy);color:#fff;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.panel-heading h2{margin-bottom:3px;font-size:19px}.panel-heading p{color:#888;font-size:11px}.code-search{gap:10px;margin:24px 0;display:flex}.code-search input{letter-spacing:.15em;max-width:380px;font:700 20px monospace}.reward-result{background:#fcfaf5;border:1px solid #d9d1c2;margin-top:24px;padding:22px}.reward-result.claimed{background:#f1f7f3;border-color:#a8c6b5}.result-status{color:var(--green);margin-bottom:18px;font-weight:800}.reward-result dl{margin:0 0 20px}.reward-result dl>div{border-bottom:1px solid #ddd5c7;grid-template-columns:100px 1fr;padding:9px 0;display:grid}.reward-result dt{color:#777;font-size:11px}.reward-result dd{margin:0;font-size:12px;font-weight:700}.mono{letter-spacing:.1em;font-family:monospace}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.admin-main{padding-top:26px}.admin-panel{padding:20px}.code-search{display:grid}.code-search input{max-width:none}.reward-result dl>div{grid-template-columns:85px 1fr}}@media (width>=901px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stats-grid article.active{border-color:var(--green)}.participant-panel{margin-bottom:24px}.participant-search{gap:10px;margin:24px 0 18px;display:flex}.participant-search input{max-width:360px}.participant-table-wrap{overflow-x:auto}.participant-table{border-collapse:collapse;width:100%;min-width:780px}.participant-table th{color:#fff;text-align:left;background:#172a46;padding:10px 12px;font-size:10px}.participant-table td{vertical-align:middle;border-bottom:1px solid #e1dbcf;padding:13px 12px;font-size:11px}.participant-table td strong,.participant-table td small{display:block}.participant-table td small{color:#8a857a;margin-top:3px;font-size:9px}.online-badge{color:#777;white-space:nowrap;background:#ece9e1;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.online-badge.online{color:var(--green);background:#dceee3}.online-badge.online:before{content:"";background:#31a363;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.empty-cell{color:#888;text-align:center;padding:35px!important}@media (width<=900px) and (width>=601px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.participant-search{display:grid}.participant-search input{max-width:none}}