:root{color-scheme:dark;--ink: #171914;--paper: #e9e5d9;--paper-2: #d7d0bf;--line: #555b51;--light: #f4f2e9;--muted: #b8b7ab;--red: #a43d35;--hud-bg: rgba(17, 20, 18, .88);--sans: "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif: "Noto Serif KR", "Nanum Myeongjo", serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#151715;color:var(--light);font-family:var(--sans);overflow:hidden}body{touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;word-break:keep-all;overflow-wrap:anywhere}button{font-family:inherit}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:pinch-zoom}#hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(var(--hud-bg) 10%,rgba(17,20,18,.8) 70%,rgba(17,20,18,0));pointer-events:none;font-size:13px;z-index:3}#hud-top>*{pointer-events:auto}.hud-brand{display:flex;flex-direction:column;justify-content:center;min-width:130px;padding-right:14px;border-right:1px solid rgba(235,235,220,.22);line-height:1.1}.hud-brand strong{font-family:var(--serif);font-size:22px;letter-spacing:.16em}.hud-brand span{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.06em}.hud-brand b{color:var(--light);font-weight:600}.stat,.hill{display:flex;align-items:center;gap:5px;min-height:44px;padding:5px 10px;background:#ffffff12;border:1px solid rgba(238,236,223,.12)}.stat{flex-direction:column;align-items:flex-start;min-width:72px;gap:0}.label{color:var(--muted);font-size:10px;letter-spacing:.09em;white-space:nowrap}.value{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;line-height:1.1}.value.small{font-size:12px;font-weight:600}.hill{min-width:240px;gap:9px}.hillbar{position:relative;width:94px;height:7px;background:#10120f;border:1px solid #6d7068;align-self:center}#hill-fill,.hillbar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#e0d6bf}.hillbar.danger .fill{background:var(--red)}.obj{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.obj .stat.danger .value{color:#f08a7e}.obj .hill{min-width:200px}.hillbar .mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#888}#minimap{width:clamp(130px,17vw,230px);height:36px;border:1px solid #777a70;cursor:pointer;image-rendering:pixelated;box-shadow:0 3px 14px #00000059}.sys{margin-left:auto;display:flex;gap:6px}.sys button{min-width:42px;height:36px}button{background:#1c1f1cf5;color:var(--light);border:1px solid #6b7069;border-radius:2px;padding:6px 10px;font-size:13px;cursor:pointer;touch-action:manipulation;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){border-color:var(--light);background:#333932}button:focus-visible,summary:focus-visible{outline:2px solid #e6d9b8;outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:800;padding:10px 22px;font-size:15px}#hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;gap:16px;align-items:flex-end;flex-wrap:nowrap;overflow-x:auto;padding:15px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#11141200,#111412e6 28%,#151815);scrollbar-width:none;z-index:3}#hud-bottom::-webkit-scrollbar{display:none}#mobile-hud-tabs{display:none}.group{display:flex;gap:6px;flex:none;align-items:flex-end;position:relative;padding-top:17px}.group:before{position:absolute;top:0;left:0;color:#c0bdaf;font-size:10px;letter-spacing:.15em;font-weight:700}#produce:before{content:"병력 생산"}#queue:before{content:"대기열"}#commands:before{content:"작전 명령"}#supports:before{content:"화력 지원"}.group+.group{padding-left:14px;border-left:1px solid rgba(235,235,220,.18)}.group+.group:before{left:14px}.ubtn{display:flex;flex-direction:column;align-items:flex-start;min-width:78px;min-height:55px;padding:8px 9px;position:relative}.ubtn .name{font-weight:700;font-size:13px}.ubtn .cost{font-size:11px;color:#c8c5b9;font-variant-numeric:tabular-nums}.ubtn .key{position:absolute;top:4px;right:5px;font-size:10px;color:#d3d0c3;border:1px solid #6b7069;line-height:1;padding:2px 3px}.ubtn .cd{position:absolute;left:0;bottom:0;height:3px;background:#d6c9ad}.queue{min-width:98px;font-size:11px;color:var(--muted);flex-direction:column;align-items:flex-start;gap:3px}.queue .qbar{width:90px;height:4px;background:#464b45}.queue .qbar>div{height:100%;background:#d6c9ad}.cmd{min-width:65px;min-height:55px;font-weight:700}#control-hint{position:absolute;left:50%;transform:translate(-50%);bottom:112px;font-size:12px;color:var(--light);background:#111412d9;padding:6px 12px;border:1px solid rgba(240,238,226,.24);border-radius:2px;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}#control-hint:empty{display:none}#targeting-hint{position:absolute;top:76px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:6px 14px;font-weight:700;font-size:13px;border-radius:3px;pointer-events:none}#toasts{position:absolute;top:80px;left:16px;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:min(420px,calc(100vw - 24px))}.toast{background:#111412e0;border-left:3px solid var(--muted);padding:8px 12px;font-size:13px;animation:fade 3.2s forwards}.toast.warn{border-left-color:var(--red)}.toast.good{border-left-color:var(--light)}@keyframes fade{0%{opacity:0;transform:translate(-8px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#touch-pad{position:absolute;left:0;right:0;bottom:96px;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}#touch-pad button{pointer-events:auto;width:56px;height:56px;font-size:18px;background:#141414b3}#touch-pad .row{display:flex;gap:6px}.pad-left{display:flex;flex-direction:column;align-items:center;gap:6px}.pad-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}#touch-pad button.big{width:84px;height:84px;border-radius:50%;font-weight:800;font-size:16px}#touch-pad #touch-grenade,#touch-pad #touch-release{width:84px;height:40px;font-size:13px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a08c2;padding:16px;z-index:10}.overlay[hidden]{display:none}.card.doc{position:relative;width:min(560px,100%);max-height:calc(100% - 16px);overflow-y:auto;background:var(--paper);color:var(--ink);padding:28px 28px 22px;border:1px solid #4c5149;box-shadow:0 24px 80px #000000ad;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px)}.card.doc.briefing-card{width:min(1010px,100%);min-height:min(570px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;display:grid;grid-template-columns:42% 58%;overflow:hidden}.brief-art{position:relative;min-height:100%;color:var(--light);display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(180deg,rgba(12,15,12,.52),transparent 30%,transparent 55%,rgba(9,11,9,.82)),url(./briefing-reconstruction-h1CUXnap.webp) center center / cover no-repeat}.brief-art:after{content:"";position:absolute;inset:10px;border:1px solid rgba(248,247,238,.23);pointer-events:none}.brief-art-head,.brief-art-foot{display:flex;flex-direction:column;position:relative;z-index:1}.brief-art-head span{font-family:var(--serif);font-size:26px;letter-spacing:.22em;font-weight:900}.brief-art-head small{font-size:11px;letter-spacing:.14em;color:#e5e4d9;margin-top:3px}.brief-art-foot span{font-size:11px;font-weight:700;letter-spacing:.22em;color:#ddd9cd}.brief-art-foot strong{font-family:var(--serif);font-size:clamp(30px,3.8vw,48px);line-height:1.2;letter-spacing:-.04em}.brief-art-foot small{margin-top:8px;font-size:10px;letter-spacing:.08em;color:#d5d2c7}.brief-copy{min-width:0;overflow-y:auto;padding:30px clamp(24px,3.3vw,48px) 30px;display:flex;flex-direction:column}.brief-copy .stamp{position:static;display:inline-flex;transform:none;margin-bottom:18px}.brief-copy .meta{padding-right:0}.brief-copy h1{font-size:clamp(34px,3.5vw,47px);margin:7px 0 10px}.brief-copy .objective{font-size:16px;line-height:1.5;margin-bottom:22px;border-left:3px solid var(--red);padding-left:12px}.brief-copy .note{border-color:#8d8d82;padding:15px 0;margin-bottom:15px}.brief-copy .note h2{color:#343a33;font-size:12px}.brief-copy .note ul{font-size:12px;line-height:1.65}.brief-copy .fiction{font-size:11px}.brief-copy .howto{margin-top:auto;margin-bottom:14px}.brief-copy .howto summary{padding:3px 0}.brief-copy #btn-start{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:16px}.brief-copy #btn-start span{font-size:22px;line-height:.7;font-weight:400}.card.doc.small{width:min(360px,100%);text-align:center}.card h1{font-family:var(--serif);font-weight:900;font-size:34px;margin:4px 0 8px;letter-spacing:-.01em}.card h2{font-size:13px;margin:0 0 6px;letter-spacing:.1em;color:#444}.card .meta{margin:0;font-size:13px;color:#444;padding-right:96px}.card .objective{font-weight:700;font-size:15px;margin:6px 0 14px}.card .note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:12px}.card .note ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.card .fiction{margin:8px 0 0;font-size:12px;color:#555}.card .howto{font-size:13px;margin-bottom:16px}.card .howto summary{cursor:pointer;font-weight:700}.card .howto ul{padding-left:18px;line-height:1.7}.card .stamp{position:absolute;top:16px;right:18px;border:2px solid var(--red);color:var(--red);font-weight:800;font-size:12px;padding:3px 8px;transform:rotate(4deg);letter-spacing:.1em}.card .row{display:flex;gap:10px;justify-content:center;margin-top:14px}.card button{background:#fff;color:var(--ink);border-color:var(--ink)}.card button:hover:not(:disabled){color:var(--light)}.card button.primary{background:var(--ink);color:var(--paper)}.stars{list-style:none;padding:0;margin:10px 0;font-size:14px}.stars li{padding:3px 0}.stars li.on:before{content:"★ "}.stars li.off{color:#888}.stars li.off:before{content:"☆ "}.stats{list-style:none;padding:0;margin:0;font-size:13px;color:#333;columns:2}@media (max-width: 720px){#hud-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top))}.hud-brand{grid-column:1 / span 2;grid-row:1;min-width:0;padding:0;border:0}.hud-brand strong{font-size:16px}.hud-brand span{font-size:9px}#stat-supply{grid-column:1;grid-row:2}#stat-pop{grid-column:2;grid-row:2}.obj{grid-column:3 / span 2;grid-row:2;gap:4px;flex-wrap:nowrap;overflow:hidden}.obj .stat{flex:1}.obj .hill{min-width:0;flex:2}.obj>:nth-child(n+3){display:none}.stat{min-width:0;min-height:38px;padding:4px 7px}.value{font-size:14px}.hill{grid-column:3 / span 2;grid-row:2;min-width:0;min-height:38px;padding:4px 6px;gap:4px}.hillbar{width:45px;flex:1;min-width:30px}.hill .label{font-size:9px}.value.small{font-size:10px;white-space:nowrap}#minimap{grid-column:1 / span 4;grid-row:3;width:100%;height:30px}.sys{grid-column:3 / span 2;grid-row:1;margin:0;justify-self:end}.sys button{min-width:39px;height:31px;font-size:11px;padding:4px}#hud-bottom{gap:10px;padding:10px 8px max(8px,env(safe-area-inset-bottom))}.group+.group{padding-left:10px}.group+.group:before{left:10px}.ubtn{min-width:69px;min-height:52px;padding:7px}.ubtn .name{font-size:12px}.ubtn .cost{font-size:10px}.cmd{min-height:52px}#toasts{top:134px;left:8px}#targeting-hint{top:136px;max-width:calc(100vw - 16px);text-align:center}#control-hint{bottom:98px;font-size:11px}.overlay{padding:10px}.card.doc{padding:22px 18px 18px}.card.doc.briefing-card{width:min(500px,100%);max-height:calc(100dvh - 20px);min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:0}.brief-art{min-height:176px;height:176px;padding:16px;flex:none;background-position:center 72%}.brief-art-head span{font-size:19px}.brief-art-foot strong{font-size:30px}.brief-copy{overflow:visible;padding:22px 20px 24px}.brief-copy .stamp{margin-bottom:10px}.brief-copy h1{font-size:30px}.brief-copy .objective{font-size:14px;margin-bottom:14px}.brief-copy .note{padding:10px 0;margin-bottom:10px}.brief-copy .note ul{font-size:11px}.brief-copy .howto{margin-bottom:12px}}@media (orientation: portrait) and (max-width: 720px){#hud-top #stat-supply{grid-column:1 / span 2}#hud-top #stat-pop{grid-column:3 / span 2}#hud-top .obj{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible}#hud-top .obj>:nth-child(n+3){display:flex}#hud-top .obj .stat,#hud-top .obj .hill{min-width:0;width:100%;min-height:34px;flex:none;grid-column:auto;grid-row:auto}#hud-top #minimap{grid-row:4}#hud-bottom{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:5px;max-height:34dvh;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;padding:8px 8px max(8px,env(safe-area-inset-bottom))}#mobile-hud-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;order:0}#mobile-hud-tabs button{min-height:40px;font-weight:700}#mobile-hud-tabs button[aria-pressed=true]{color:var(--ink);background:var(--paper);border-color:var(--paper)}#hud-bottom .group{display:none;width:100%;padding:0;border:0}#hud-bottom .group:before{display:none}#hud-bottom #queue{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:19px;order:1;white-space:nowrap;overflow:hidden}#hud-bottom #queue span{overflow:hidden;text-overflow:ellipsis}#hud-bottom #queue .qbar{flex:1;min-width:35px;max-width:80px}#hud-bottom[data-pane=produce] #produce,#hud-bottom[data-pane=commands] #commands,#hud-bottom[data-pane=supports] #supports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px;order:2}#hud-bottom .ubtn,#hud-bottom .cmd{width:100%;min-width:0;min-height:48px;padding:5px 6px}#hud-bottom .ubtn .name{font-size:11px;line-height:1.25}#hud-bottom .ubtn .cost{font-size:9px}#touch-pad,#control-hint{bottom:calc(var(--hud-bottom-height, 96px) + 8px)}}@media (max-height: 620px) and (min-width: 721px){.card.doc.briefing-card{min-height:0}.brief-copy{padding-top:18px;padding-bottom:18px}.brief-copy .stamp{margin-bottom:8px}.brief-copy .objective{margin-bottom:10px}.brief-copy .note{padding:8px 0}}button.ghost{background:transparent;border-color:transparent;color:inherit}.card button.ghost{background:transparent;border-color:transparent}.card .stamp.static{position:static;display:inline-flex;transform:none;margin-bottom:10px}.title-screen{display:grid;grid-template-columns:minmax(0,440px) minmax(330px,500px);align-items:center;align-content:safe center;justify-content:space-between;gap:clamp(22px,4vw,70px);overflow-y:auto;background:linear-gradient(90deg,#080a08e6,#080a08a8,#080a0870);padding:clamp(20px,6vw,90px)}.title-card{width:100%;max-width:440px;color:var(--light)}.title-eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.18em;color:var(--muted)}.title-mark{margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(84px,14vw,150px);letter-spacing:.08em;line-height:1}.title-sub{margin:8px 0 30px;font-family:var(--serif);font-size:clamp(18px,2.4vw,26px);letter-spacing:.04em}.title-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;max-width:280px}.title-actions button{text-align:left;padding:12px 16px;font-size:15px;display:flex;justify-content:space-between}.title-actions button.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.title-challenge-note{max-width:360px;margin:13px 0 0;padding-left:10px;border-left:2px solid #cbbd9f;color:#dedbd0;font-size:11px;line-height:1.6}.title-note{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.6}.title-rank{width:100%;min-width:0;max-width:500px;padding:20px 24px 16px;color:var(--ink);background:#e9e5d9f5;border:1px solid #f5efdd;box-shadow:0 18px 56px #00000073}.title-rank-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.title-rank-eyebrow{margin:0 0 5px;color:#655d4d;font-size:10px;font-weight:800;letter-spacing:.12em}.title-rank h2{margin:0;font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);line-height:1.2}.title-rank-refresh{width:38px;height:38px;padding:0;font-size:23px;line-height:1}.title-rank-stage{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:12px;font-weight:800;white-space:nowrap}.title-rank-head+.title-rank-stage{margin-top:14px}.title-rank-stage select{min-width:0;width:100%;min-height:40px;padding:7px 9px;color:var(--ink);background:#fff;border:1px solid #8b8c80;font:inherit;font-size:13px}.title-rank-status{min-height:18px;margin:0 0 9px;color:#555b51;font-size:11px}.title-rank-table{min-height:205px;border-top:2px solid var(--ink);border-bottom:1px solid #a7a394}.title-rank-columns,.title-rank-list li{display:grid;grid-template-columns:42px minmax(0,1fr) 84px 58px;align-items:center;gap:8px;padding:8px 6px}.title-rank-columns{color:#66685e;font-size:10px;font-weight:800}.title-rank-columns span:nth-child(n+3){text-align:right}.title-rank-list{margin:0;padding:0;list-style:none}.title-rank-list li{min-height:36px;border-top:1px solid #c7c3b6;font-size:13px;font-variant-numeric:tabular-nums}.title-rank-list li:nth-child(odd){background:#fff6}.title-rank-list li.mine{background:#e2dbbc;font-weight:800}.title-rank-no{color:#7f3930;font-family:var(--serif);font-size:18px;font-weight:900}.title-rank-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.title-rank-score,.title-rank-stars{text-align:right;white-space:nowrap}.title-rank-score{font-weight:800}.title-rank-mine{min-height:20px;margin:10px 0 4px;font-size:12px;font-weight:700}.title-rank-help{margin:0 0 11px;color:#5b6057;font-size:11px;line-height:1.4}.title-rank-more{width:100%;min-height:40px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:800}.card.doc.log-card{width:min(1040px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;padding:24px 26px 20px}.log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.log-head h1{margin:0 0 4px}.log-head .meta{padding-right:0}.log-tabs{display:flex;gap:6px;margin:16px 0 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.card .log-tabs button{background:transparent;border:1px solid transparent;border-bottom:none;padding:8px 14px;font-weight:700;color:#555}.card .log-tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.log-tabs small{font-weight:400;margin-left:6px;opacity:.8}.log-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:0;overflow:hidden;flex:1}.log-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.card .log-list button{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:10px 12px;background:#ffffff8c;border:1px solid #b9b3a3}.card .log-list button:hover:not(:disabled){background:#fff;border-color:var(--ink)}.card .log-list button.current{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.log-list .code{font-family:var(--serif);font-weight:900;font-size:22px;text-align:center}.log-list .ttl{display:flex;flex-direction:column;min-width:0}.log-list .ttl b{font-size:15px}.log-list .ttl small{color:#555;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-list .st{font-size:15px;letter-spacing:1px;white-space:nowrap}.log-list .st .off{color:#aaa}.log-list button:disabled .ttl b:after{content:" · 잠김";font-weight:400;color:#888;font-size:12px}.log-side{overflow-y:auto;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:16px}.log-side h2{display:flex;justify-content:space-between;align-items:baseline}.log-side .pts{font-size:13px;color:var(--red);letter-spacing:0}.hint{font-size:11px;color:#555;margin:0 0 8px;line-height:1.5}.upgrades,.heirlooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.card .upgrades button{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#ffffff80;border-color:#b9b3a3}.card .upgrades button.owned{background:var(--ink);color:var(--paper);border-color:var(--ink)}.upgrades .u-name{font-weight:700;font-size:13px;display:flex;justify-content:space-between}.upgrades .u-desc{font-size:11px;opacity:.8}.heirlooms li{font-size:12px;padding:6px 0;border-bottom:1px dotted #aaa;line-height:1.5}.heirlooms li b{display:block;font-size:13px}.heirlooms li.empty{color:#888}.stories{display:flex;flex-wrap:wrap;gap:6px}.card .stories button{font-size:12px;padding:6px 10px}.brief-art.art-faded{background:linear-gradient(180deg,rgba(20,16,10,.35),transparent 35%,transparent 55%,rgba(20,14,8,.85)),url(./briefing-border-Dt_aX-4v.webp) center / cover no-repeat}.brief-art.art-color{background:linear-gradient(180deg,rgba(8,20,32,.25),transparent 35%,transparent 55%,rgba(4,14,24,.85)),url(./briefing-sea-CWABtUga.webp) center / cover no-repeat}.brief-copy .story-line{font-family:var(--serif);font-size:14px;line-height:1.7;color:#333;margin:0 0 14px}.brief-copy .bonus{font-size:12px;color:#444;margin:-12px 0 16px}.brief-actions{display:flex;gap:8px}.brief-actions #btn-brief-back{flex:none}.brief-copy .brief-actions #btn-start{flex:1;width:auto}.card .reward{font-size:13px;font-weight:700;border-top:1px solid var(--line);padding-top:10px;margin:12px 0 0;line-height:1.6}.card .row{flex-wrap:wrap}.card.doc.rank-card{width:min(760px,100%);display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.rank-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.rank-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.rank-controls label:first-child{min-width:145px}.rank-controls label:nth-child(2){flex:1;min-width:185px}.rank-controls select,.rank-controls input{min-height:38px;padding:6px 9px;font:inherit;font-size:13px;color:var(--ink);background:#fff;border:1px solid #8b8c80}.rank-controls input{width:145px}.rank-controls button{min-height:38px}.rank-status{font-size:12px;color:#4b5147;margin:3px 0 8px}.rank-table-wrap{min-height:110px;overflow-y:auto;border-top:2px solid var(--ink);border-bottom:1px solid #8b8c80}.rank-head,.rank-list li{display:grid;grid-template-columns:45px minmax(110px,1fr) 95px 70px 95px 55px;align-items:center;gap:8px;padding:8px 10px;font-size:13px}.rank-head{position:sticky;top:0;background:var(--paper);font-size:11px;font-weight:800;color:#555}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-top:1px solid #c9c6ba;font-variant-numeric:tabular-nums}.rank-list li:nth-child(odd){background:#fff6}.rank-list li.mine{background:#e2dbbc;font-weight:800}.rank-mine{font-weight:800;font-size:13px;margin:12px 0 7px}.rank-actions{display:flex;justify-content:flex-end;margin-top:12px}#result-rank-status{border-top:1px solid #aaa;padding-top:10px;margin-top:12px}@media (max-width: 600px){.card.doc.rank-card{padding:16px 12px}.rank-controls{gap:6px}.rank-controls label:first-child{flex-basis:100%}.rank-controls label:nth-child(2){flex-basis:100%}.rank-controls label:nth-child(3){flex:1}.rank-controls input{width:100%}.rank-head{display:none}.rank-list li{grid-template-columns:25px minmax(0,1fr) auto auto;grid-template-rows:auto auto auto;gap:3px 6px;padding:8px 5px;font-size:12px}.rank-list .rank-no{grid-column:1;grid-row:1 / 4;align-self:start;font-weight:800}.rank-list .rank-nick{grid-column:2 / 5;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rank-list .rank-score{grid-column:2;grid-row:2}.rank-list .rank-score:after{content:"점"}.rank-list .rank-stars{grid-column:3;grid-row:2}.rank-list .rank-time{grid-column:4;grid-row:2}.rank-list .rank-loss{grid-column:2 / 5;grid-row:3;color:#555}.rank-list .rank-loss:before{content:"아군 손실 "}}.story-overlay{background:#060706f0}.story-overlay:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity 7s ease;background:radial-gradient(120% 90% at 50% 110%,rgba(186,150,86,.55),transparent 60%),linear-gradient(180deg,#264868e6,#3a4e34eb);pointer-events:none}.story-overlay.color-return:before{opacity:1}.story-card{position:relative;z-index:1;width:min(680px,100%);color:var(--light);padding:20px}.story-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--muted);margin:0 0 6px}.story-card h1{font-family:var(--serif);font-weight:900;font-size:clamp(34px,5vw,56px);margin:0 0 22px;letter-spacing:-.01em}.story-lines{display:flex;flex-direction:column;gap:14px;min-height:140px}.story-lines p{margin:0;line-height:1.8;animation:rise .7s both}.story-lines p.fact{border-left:3px solid var(--red);padding-left:12px;font-size:15px}.story-lines p.fact:before{content:"역사";display:block;font-size:10px;letter-spacing:.2em;color:#d9a39b}.story-lines p.story{font-family:var(--serif);font-size:17px}.story-lines p.note{font-size:12px;color:var(--muted)}.story-card.memorial h1{font-weight:600}.story-card.memorial .story-lines p.fact{border-left-color:var(--light)}.story-card.memorial .story-lines p.fact:before{content:"기억";color:var(--muted)}.story-foot{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:12px}.story-foot .row{display:flex;gap:8px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#555;display:block}.dots i.on{background:var(--light)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card.doc.heritage-card{width:min(820px,100%)}.heritage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.card .heritage-list button{text-align:left;display:flex;flex-direction:column;gap:6px;padding:14px;background:#fff9;border-color:#b9b3a3;min-height:170px}.card .heritage-list button:hover{border-color:var(--ink);background:#fff}.heritage-list b{font-family:var(--serif);font-size:18px}.heritage-list small{color:#666;font-size:11px}.heritage-list .eff{font-weight:700;font-size:12px;color:var(--red)}.heritage-list .tale{font-size:12px;line-height:1.6;color:#333}.settings-card{text-align:left}.toggle{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dotted #aaa;font-size:15px;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--ink)}.setting-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dotted #aaa;font-size:15px;font-weight:700}.setting-choice select{min-width:100px;min-height:40px;padding:6px 10px;color:var(--ink);background:#fff;border:1px solid var(--ink);font:inherit}.setting-choice select:focus-visible{outline:2px solid var(--red);outline-offset:2px}.save-transfer{display:flex;gap:8px;margin-top:14px}.save-transfer button{flex:1;min-height:42px;padding:7px 4px}.danger-zone{margin-top:16px}.card .danger-zone button{border-color:var(--red);color:var(--red)}.card .danger-zone button.armed{background:var(--red);color:#fff}#tutorial{position:absolute;top:86px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:10px;align-items:center;max-width:min(640px,calc(100vw - 24px));background:#e9e5d9f5;color:var(--ink);padding:10px 12px 10px 16px;border-left:4px solid var(--red);box-shadow:0 8px 30px #0006;font-size:13px;line-height:1.5}#tutorial button{background:var(--ink);color:var(--paper);border-color:var(--ink);flex:none;font-size:12px;padding:5px 9px}@media (max-width: 720px){.title-screen{grid-template-columns:minmax(0,1fr);align-content:start;justify-content:stretch;gap:20px;background:#080a08c7;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.title-card,.title-actions{max-width:none}.title-rank{max-width:none;padding:18px 16px 16px}.card.doc.log-card{padding:18px 14px 14px}.log-body{grid-template-columns:1fr;overflow-y:auto}.log-list{overflow:visible}.log-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px;overflow:visible}.heritage-list{grid-template-columns:1fr}.card .heritage-list button{min-height:0}#tutorial{top:128px;font-size:12px}.story-card h1{margin-bottom:14px}.story-lines p.story{font-size:15px}}html[data-text-size=large] .label,html[data-text-size=large] .hud-brand span,html[data-text-size=large] .group:before,html[data-text-size=large] .ubtn .cost,html[data-text-size=large] .ubtn .key,html[data-text-size=large] .queue,html[data-text-size=large] .hint,html[data-text-size=large] .title-note,html[data-text-size=large] .rank-head,html[data-text-size=large] .brief-art-head small,html[data-text-size=large] .brief-art-foot small,html[data-text-size=large] .brief-copy .note ul{font-size:13px}html[data-text-size=large] .ubtn .name,html[data-text-size=large] .sys button,html[data-text-size=large] .rank-list li,html[data-text-size=large] .log-list .ttl small,html[data-text-size=large] .brief-copy .fiction,html[data-text-size=large] .card .fiction,html[data-text-size=large] .card .note ul,html[data-text-size=large] .story-lines p.note{font-size:15px}html[data-text-size=large] button,html[data-text-size=large] .toggle,html[data-text-size=large] .setting-choice,html[data-text-size=large] .card .meta,html[data-text-size=large] .card .howto,html[data-text-size=large] .story-lines p.fact,html[data-text-size=large] .brief-copy .objective{font-size:17px}html[data-text-size=large] .value,html[data-text-size=large] .value.small{font-size:18px}html[data-text-size=large] #hud-top .obj{flex-wrap:wrap}html[data-text-size=large] .stat,html[data-text-size=large] .hill{min-height:49px}html[data-text-size=large] .ubtn,html[data-text-size=large] .cmd,html[data-text-size=large] #mobile-hud-tabs button{min-height:48px}html[data-text-size=large] .card.doc{line-height:1.5}