:root{--bg:#0b1020;--panel:#0e1322db;--edge:#38486c;--edge-hi:#58f0ff;--text:#e9eefb;--dim:#98a4c0;--gold:#e0b64a;--good:#5fd37a;--warn:#e6c34d;--bad:#e0564a;--fame:#b58aff;--font:"Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}[hidden]{display:none!important}button,input,summary,.entry,.tab,.bang-card,#menu,#overlay,#hud .panel{touch-action:manipulation}.tch{display:none}body.touch .tch{display:revert}body.touch .kbd{display:none!important}.panel{background:var(--panel);border:2px solid var(--edge);border-radius:4px;padding:8px 10px;font-size:13px;line-height:1.45;box-shadow:3px 3px #00000073}.col-left{flex-direction:column;gap:8px;width:292px;display:flex;position:absolute;top:12px;left:12px}#clock{justify-content:space-between;align-items:baseline;display:flex}#clock .year{color:var(--gold);font-size:18px;font-weight:800}#clock .meta{color:var(--dim);font-size:12px}#clock .time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row .title{color:var(--gold);font-weight:800}.row small{color:var(--dim);font-weight:500}.num{font-variant-numeric:tabular-nums;font-weight:700}.ebar{border:2px solid var(--edge);background:#080c18;height:12px;margin:4px 0 5px;overflow:hidden}.ebar i{background:linear-gradient(90deg,#1fb6d6,#58f0ff);height:100%;transition:width .2s;display:block}.ebar i.low{background:linear-gradient(90deg,#6b3fd6,#a77bff)}.why{color:var(--dim);font-size:12px}.why b{color:var(--text);font-weight:600}.stat{grid-template-columns:38px 1fr 30px;align-items:center;gap:6px;margin:3px 0;display:grid}.stat .name{color:var(--dim);font-size:12px}.meter{border:1px solid var(--edge);background:#080c18;height:8px;display:block}.meter i{height:100%;display:block}.stat .val{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}#regionPanel{width:292px;position:absolute;bottom:12px;left:12px}#regionPanel h3{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 4px;font-size:15px;display:flex}#regionPanel h3 small{color:var(--dim);font-size:12px;font-weight:500}.own{color:var(--edge-hi);font-weight:700}.links,.hint{color:var(--dim);margin-top:4px;font-size:12px}.hint b{color:var(--edge-hi)}#side{width:176px;padding:8px;position:absolute;top:12px;right:12px}#minimap{width:158px;image-rendering:pixelated;border:1px solid var(--edge);background:#17304a;display:block}#realm{color:var(--dim);margin-top:8px;font-size:12px}#realm .t-title{color:var(--text);margin-bottom:3px;font-weight:700}.realm-row{color:var(--text);grid-template-columns:34px 1fr 22px;align-items:center;gap:5px;display:grid}.sub2{color:var(--dim);margin-top:4px;font-size:11px}.up{color:var(--good)}.down{color:#ff8a7a}#log{flex-direction:column;gap:3px;width:360px;font-size:12.5px;display:flex;position:absolute;bottom:12px;right:12px}#log div{border-left:3px solid var(--edge);background:#0c111ec7;border-radius:2px;padding:3px 8px}#help{color:#e9eefbb3;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#toast{border:2px solid var(--gold);text-align:center;background:#0e1322f0;border-radius:4px;max-width:70vw;padding:8px 18px;font-weight:700;position:absolute;top:72px;left:50%;transform:translate(-50%)}#toast.bad{border-color:var(--bad);color:#ffb3a8}#toast.good{border-color:var(--good);color:#bff5cb}#dialogue{border:2px solid var(--edge-hi);background:#0e1322f2;border-radius:4px;width:min(560px,100vw - 24px);padding:10px 14px;font-size:14px;line-height:1.6;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}#dialogue b{color:var(--gold);margin-right:6px}#menu,#overlay{z-index:10;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));cursor:pointer;overscroll-behavior:contain;background:#0407108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay{z-index:20;background:#040710b8}.dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;cursor:auto;border:2px solid var(--edge-hi);background:#0f1527;border-radius:4px;width:min(620px,100%);max-height:100%;padding:14px 16px 12px;overflow:auto;box-shadow:6px 6px #00000080,0 0 40px #58f0ff1f}.dialog.desk{flex-direction:column;width:min(720px,100%);padding:0;display:flex;overflow:hidden}.dlg-head{flex:none;padding:12px 16px 0}.dlg-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:0 16px 4px;overflow-y:auto}.dlg-foot{border-top:1px solid var(--edge);background:#0f1527;flex:none;padding:0 16px 10px}.dlg-foot .msg{min-height:20px;margin-top:6px}.dlg-foot .hint{margin-top:4px}.close-btn{width:100%;margin-top:6px;display:none}.x-btn{pointer-events:auto;cursor:pointer;width:44px;height:44px;font:inherit;color:var(--text);border:2px solid var(--edge);background:#151c33;border-radius:4px;flex:none;margin:-6px -8px -6px 8px;padding:0;font-size:20px;font-weight:800;line-height:1}.x-btn:active{background:var(--edge-hi);color:#0b1020}.dialog h2{color:var(--gold);justify-content:space-between;align-items:baseline;margin:0 0 2px;font-size:20px;display:flex}.dialog h2 small{color:var(--dim);font-size:12px;font-weight:500}.dialog .sub{color:var(--dim);margin-bottom:10px;font-size:12.5px;line-height:1.6}.dialog p{margin:8px 0;line-height:1.6}.dialog ul{margin:8px 0;padding-left:18px;line-height:1.65}.dialog .hint{margin-top:10px}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tab{pointer-events:auto;cursor:pointer;border:2px solid var(--edge);color:var(--dim);font:inherit;background:#151c33;border-radius:3px;padding:5px 12px;font-size:13px;font-weight:700}.tab.on{color:#0b1020;background:var(--edge-hi);border-color:var(--edge-hi)}.entries{flex-direction:column;gap:4px;display:flex}.petition-head{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 1px;font-size:13.5px;display:flex}.petition-head:first-child{margin-top:0}.badge{color:var(--dim);background:#26324f;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:700}.badge.due{color:#ffb3a8;background:#5a2420}.badge.hidden{color:#d8c2ff;background:#3a2a5a}.badge.future{color:var(--edge-hi);background:#0f3a44}.pip{background:#e0813a;width:6px;height:6px;display:inline-block}.entry{pointer-events:auto;cursor:pointer;text-align:left;width:100%;color:var(--text);font:inherit;background:#121a30;border:2px solid #26324f;border-radius:3px;grid-template-columns:22px 1fr auto;align-items:start;gap:8px;padding:6px 10px;display:grid}.entry:hover,.entry.sel{border-color:var(--edge-hi);background:#17213f}.entry .no{color:var(--dim);font-variant-numeric:tabular-nums;padding-top:2px;font-size:12px}.entry .label{font-size:14px;font-weight:700}.entry .desc{color:var(--dim);margin-top:1px;font-size:12px}.entry .reason{color:#ff9a8a;margin-top:1px;font-size:12px}.entry .cost{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dim);font-size:12px;line-height:1.5}.entry .cost .core{color:var(--edge-hi);font-size:14px}.entry.off{opacity:.5;cursor:not-allowed}.entry.danger .label{color:#ffb3a8}.msg{min-height:20px;margin-top:8px;font-size:13px;font-weight:700}.msg.good{color:var(--good)}.msg.bad{color:#ff8a7a}.btns{background:linear-gradient(#0f152700,#0f1527 30%);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;padding:8px 0 2px;display:flex;position:sticky;bottom:-12px}.btn{pointer-events:auto;cursor:pointer;min-height:40px;font:inherit;color:var(--text);border:2px solid var(--edge);background:#151c33;border-radius:3px;padding:7px 18px;font-weight:800}.btn.primary{background:var(--edge-hi);color:#0b1020;border-color:var(--edge-hi)}.report-grid{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:3px 14px;margin:8px 0;display:grid}.report-grid .k{color:var(--dim)}.title-card{text-align:center;padding:8px 0 2px}.title-card .big{letter-spacing:.12em;color:var(--gold);text-shadow:0 0 22px #e0b64a59;font-size:40px;font-weight:900}.title-card .small{color:var(--edge-hi);letter-spacing:.35em;margin-bottom:4px;font-size:12px}.chronicle{border-left:2px solid var(--gold);color:#f4e7bf;margin:8px 0;padding-left:10px;font-size:13px}details.more{margin:8px 0}details.more summary{cursor:pointer;color:var(--gold);pointer-events:auto;font-weight:700}details.more[open] summary{margin-bottom:4px}#game{touch-action:none}#touch{pointer-events:none;z-index:5;position:fixed;inset:0}.tbtn{pointer-events:auto;border:2px solid var(--edge-hi);color:var(--text);font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:#0e1322d1;border-radius:50%;font-weight:800;display:none;position:absolute;box-shadow:0 3px #00000073}body.touch .tbtn{display:block}#tAct{right:14px;bottom:calc(56px + env(safe-area-inset-bottom));background:#58f0ff38;width:72px;height:72px;font-size:15px}#tAct.off{opacity:.35}#tFast{right:96px;bottom:calc(62px + env(safe-area-inset-bottom));width:50px;height:50px;font-size:18px}#tFast.on{background:var(--edge-hi);color:#0b1020}#tMenu{right:154px;bottom:calc(64px + env(safe-area-inset-bottom));width:46px;height:46px;font-size:18px}#joyBase{background:#0e132259;border:2px solid #58f0ff8c;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}#joyKnob{background:#58f0ff8c;border-radius:50%;width:50px;height:50px;position:absolute;top:30px;left:30px}.tap-ripple{border:2px solid var(--edge-hi);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.45s ease-out forwards ripple;position:absolute}@keyframes ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}body.touch #help{display:none}.panel.fold{pointer-events:auto;position:relative}.fold-btn{border:1px solid var(--edge);width:22px;height:22px;color:var(--dim);font:inherit;cursor:pointer;z-index:1;background:#151c33;border-radius:3px;padding:0;font-size:11px;position:absolute;top:4px;right:4px}.fold-btn:before{content:"▾"}.panel.folded .fold-btn:before{content:"▸"}.panel.fold .sum{cursor:pointer;padding-right:24px;line-height:1.7;display:none}.panel.fold.folded .sum{display:block}.panel.fold.folded .det{display:none}.panel.fold:not(.folded) .det{padding-right:18px}.chip{white-space:nowrap;color:var(--dim);margin-right:6px;display:inline-block}.chip b{color:var(--text);font-variant-numeric:tabular-nums}.chip.warn,.chip.warn b{color:#ff9a8a}.chip.key{color:#0b1020;background:var(--edge-hi);border-radius:3px;padding:0 5px;font-weight:800}#side.folded{width:auto;min-width:90px}.name-field{color:var(--gold);align-items:center;gap:8px;margin-top:12px;font-weight:700;display:flex}.name-field input{pointer-events:auto;font:inherit;width:9em;color:var(--text);border:2px solid var(--edge-hi);background:#0b1020;border-radius:3px;padding:5px 10px;font-size:16px}.name-field small{color:var(--dim);font-weight:500}.bang-view{justify-content:center;display:flex}.bang-view canvas{aspect-ratio:600/840;width:min(360px,78vw);height:auto;box-shadow:0 10px 30px #00000080}.bang-board{max-height:62vh;max-height:62dvh;padding-right:4px;overflow:auto}.bang-group{color:var(--gold);margin:12px 0 6px;font-size:15px}.bang-group small{color:var(--dim);font-weight:500}.bang-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.bang-card{pointer-events:auto;text-align:left;font:inherit;border:2px solid #26324f;border-top:4px solid var(--r);color:var(--text);background:#121a30;border-radius:3px;flex-direction:column;gap:3px;min-height:84px;padding:8px 10px 9px;display:flex}.bang-card.got{cursor:pointer;background:linear-gradient(#2a2418,#171c2e)}.bang-card.got:hover{border-color:var(--edge-hi)}.bang-card .rar{color:var(--r);font-size:11px;font-weight:800}.bang-card b{font-size:13px;line-height:1.35}.bang-card small{color:var(--dim);font-size:11px;line-height:1.4}.bang-card.locked b{color:var(--dim);letter-spacing:.2em}.bang-extras{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}.bang-chip{pointer-events:auto;cursor:pointer;font:inherit;border:1px solid var(--gold);color:#f4e7bf;background:#1d1a12;border-radius:12px;padding:4px 9px;font-size:12px}.summons-box{border:2px solid var(--gold);background:#2a2210;border-radius:3px;margin-top:10px;padding:8px 12px;line-height:1.6}.summons-line{color:#f4e7bf;border:1px solid var(--gold);background:#2a2210;border-radius:3px;margin-bottom:6px;padding:4px 6px}.summons-line b{color:var(--gold)}@media (max-width:900px){.col-left,#regionPanel{width:232px}#side{width:128px}#minimap{width:110px}#log{width:260px}#help{display:none}}@media (max-width:600px){.panel{padding:5px 8px;font-size:12px}.col-left{gap:5px;width:calc(100vw - 118px);top:8px;left:8px}#clock{padding:4px 8px}#clock .year,#clock .time{font-size:14px}#clock .meta{display:none}#side{width:96px;padding:5px 6px;top:8px;right:8px}#side:not(.folded){flex-direction:column;width:auto;display:flex;left:8px;right:8px}#side:not(.folded) .det{align-items:flex-start;gap:8px;display:flex}#side:not(.folded) #minimap{flex:none;width:120px}#side:not(.folded) #realm{flex:1;margin-top:0}#regionPanel{left:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px)}.col-left,#side{top:calc(8px + env(safe-area-inset-top))}#tAct{bottom:calc(var(--county-h,44px) + 12px)}#tFast{bottom:calc(var(--county-h,44px) + 18px)}#tMenu{bottom:calc(var(--county-h,44px) + 20px)}#log,#help{display:none}#dialogue{bottom:calc(var(--county-h,44px) + 96px)}#toast{top:auto;bottom:calc(var(--county-h,44px) + 96px);max-width:calc(100vw - 24px);font-size:13px}.dialog .hint,.entry:not(.sel) .desc.text{display:none}.entry{min-height:44px;padding:8px}.dialog.desk .sub{margin-bottom:6px;font-size:11.5px}.dlg-head{padding:10px 12px 0}.dlg-scroll{padding:0 12px 4px}.dlg-foot{padding:0 12px 8px}.dialog.desk h2{font-size:17px}.tab{min-height:40px;padding:8px 12px}.close-btn{min-height:44px;display:block}.btn{min-height:44px}.dialog{padding:12px}}@media (min-width:601px) and (max-width:950px) and (max-height:500px){.panel{padding:4px 8px;font-size:12px}.col-left{left:calc(8px + env(safe-area-inset-left));gap:4px;width:250px;top:6px}#clock{padding:3px 8px}#clock .year,#clock .time{font-size:14px}#clock .meta{display:none}.col-left .panel.fold:not(.folded) .det,#regionPanel:not(.folded) .det{overscroll-behavior:contain;max-height:calc(100dvh - 96px);overflow-y:auto}#side{right:calc(8px + env(safe-area-inset-right));width:110px;padding:4px 6px;top:6px}#side:not(.folded){width:300px}#side:not(.folded) .det{overscroll-behavior:contain;align-items:flex-start;gap:8px;max-height:calc(100dvh - 118px);display:flex;overflow-y:auto}#side:not(.folded) #minimap{flex:none;width:130px}#side:not(.folded) #realm{flex:1;margin-top:0}#regionPanel{left:calc(8px + env(safe-area-inset-left));bottom:calc(6px + env(safe-area-inset-bottom));width:250px}#log,#help{display:none}#dialogue{bottom:calc(8px + env(safe-area-inset-bottom));width:min(520px,100vw - 340px);padding:6px 12px;font-size:13px}#toast{padding:5px 14px;font-size:13px;top:6px}#tAct{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom))}#tFast{right:calc(96px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}#tMenu{right:calc(154px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom))}}@media (max-height:520px){#menu,#overlay{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom))}.dialog.desk .sub{display:none}.dlg-head{padding-top:8px}.dialog.desk h2{font-size:16px}.tab{min-height:36px;padding:4px 10px}.dlg-foot .hint{display:none}.close-btn{min-height:40px;display:block}.bang-board{max-height:50dvh}.bang-view canvas{width:auto;height:calc(100dvh - 225px)}.title-card .big{font-size:28px}}