/*#hakomin 0de9434e*/
:root{--bg: #101107;--panel: rgba(26, 28, 15, .92);--panel-solid: #1a1c0f;--line: #45472c;--line-strong: #6b6437;--brass: #d9a441;--brass-dim: #8a6a20;--ink: #e8e3cd;--muted: #9c9877;--red: #ff5040;--green: #37d07a;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-head: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font:14px/1.6 var(--font-ui)}a{color:#e0b45c}button{font:inherit;cursor:pointer}#app{position:fixed;inset:0}#app.blur{filter:blur(3px)}#map{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,#16180c,#0d0e06 70%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(217,164,65,.04) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(217,164,65,.04) 47px 48px);cursor:grab;touch-action:none}#map:active{cursor:grabbing}#topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:14px;padding:8px 16px;background:linear-gradient(180deg,#14150af7,#14150ad9);border-bottom:2px solid var(--brass);box-shadow:0 3px 18px #0009}#brand{font-family:var(--font-head);font-size:19px;letter-spacing:.18em;white-space:nowrap;background:linear-gradient(100deg,#f0e6c8,#ffd76a 28%,#fff8e6,#d9a441 72%,#f0e6c8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f0e6c8;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 14px rgba(217,164,65,.35));animation:brandShimmer 6s linear infinite}@keyframes brandShimmer{to{background-position:-220% 0}}#brand .mark{-webkit-text-fill-color:initial;color:var(--brass);margin-right:6px;display:inline-block;animation:markPulse 2.4s ease-in-out infinite}@keyframes markPulse{0%,to{filter:drop-shadow(0 0 3px rgba(217,164,65,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,106,.95));transform:scale(1.12)}}#hudTurn{font-family:var(--font-head);font-size:15px;letter-spacing:.1em;padding:2px 12px;border:1px solid var(--line-strong);border-radius:3px;background:#d9a44114}#hudNext{color:var(--muted);font-size:12px;letter-spacing:.06em;white-space:nowrap}#hudMe{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}#hudMe b.dead{text-decoration:line-through;color:var(--muted)}.chip{display:inline-block;padding:1px 9px;font-size:12px;border:1px solid var(--line);border-radius:3px;background:#00000059;white-space:nowrap}.dock{position:absolute;z-index:15;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 26px #0000008c,inset 0 0 0 1px #d9a4411a;backdrop-filter:blur(3px);display:flex;flex-direction:column;overflow:hidden}.dock-head{padding:7px 12px;font-family:var(--font-head);letter-spacing:.14em;font-size:13px;color:#f0e6c8;background:linear-gradient(90deg,rgba(217,164,65,.18),transparent 70%);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.dock-body{overflow-y:auto;padding:10px 12px;flex:1}.dock-body::-webkit-scrollbar{width:8px}.dock-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}#opsDock{top:56px;left:12px;width:300px;bottom:12px}#rightDock{top:56px;right:12px;width:320px;bottom:12px}.ops-title{font-family:var(--font-head);font-size:15px;letter-spacing:.08em}.ops-sub{color:var(--muted);font-size:12px;margin-bottom:8px}.ops-note{color:var(--muted);font-size:12px;line-height:1.8;margin:8px 0}.ops-sec{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}.ops-sechead{font-size:12px;letter-spacing:.12em;color:var(--brass);margin:8px 0 6px}.fac{font-size:11px;padding:0 6px;border-radius:2px;margin-left:6px}.fac-mine{background:#37d07a2e;color:#8fe6a8;border:1px solid #37d07a66}.fac-enemy{background:#ff504026;color:#ff9186;border:1px solid #ff504066}.fac-other{background:#e8c74a24;color:#e8c74a;border:1px solid #e8c74a55}.fac-none{background:#ffffff0f;color:var(--muted);border:1px solid var(--line)}button.cmd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;text-align:left;margin:3px 0;padding:7px 10px;background:linear-gradient(180deg,#262813,#1c1e0d);border:1px solid var(--line);border-left:3px solid var(--brass-dim);border-radius:3px;color:var(--ink)}button.cmd:hover{border-color:var(--brass);background:linear-gradient(180deg,#33351b,#242610)}button.cmd .hint{color:var(--muted);font-size:11px;white-space:nowrap}button.mini{padding:3px 10px;margin:2px 3px 2px 0;font-size:12px;background:linear-gradient(180deg,#2b2d18,#1e200e);border:1px solid var(--line);border-radius:3px;color:var(--ink)}button.mini:hover{border-color:var(--brass)}button.mini.warn{border-color:#a8502f;color:#ffb08a}button.mini.good{border-color:#3f7a4b;color:#9fe6b0}button.mini.bad{border-color:#8a3a30;color:#ff9d90}.unit-card{margin:8px 0;padding:8px 10px;background:#00000047;border:1px solid var(--line);border-radius:3px}.unit-card.mine{border-left:3px solid var(--green)}.uc-head{display:flex;align-items:center;gap:8px}.uc-head img{image-rendering:pixelated}.uc-sub{color:var(--muted);font-size:11.5px;margin-top:2px}.uc-actions{margin-top:6px}.tag{font-size:10px;padding:0 6px;border-radius:2px;margin-left:6px}.tag.sup{background:#274a63;color:#9ecbef}.tag.atk{background:#63301f;color:#ffb08a}.tag.bld{background:#444;color:#ccc}.q-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin:2px 0;font-size:12px;background:#00000040;border:1px solid var(--line);border-radius:3px}#rightTabs{display:flex;border-bottom:1px solid var(--line)}#rightTabs button{flex:1;padding:7px 0;font-size:12.5px;letter-spacing:.1em;background:transparent;border:none;color:var(--muted);border-bottom:2px solid transparent}#rightTabs button.on{color:#f0e6c8;border-bottom-color:var(--brass);background:#d9a44114}.tele{padding:6px 8px;margin:4px 0;font-size:12.5px;line-height:1.65;background:#00000042;border-left:3px solid var(--line-strong);border-radius:2px}.tele.kaisen{border-left-color:var(--red);background:#ff504014;animation:kaisenFlash 1.6s ease-in-out infinite}@keyframes kaisenFlash{0%,to{box-shadow:inset 0 0 #ff504000}50%{box-shadow:inset 0 0 18px #ff504038;border-left-color:#ff8c3c}}.tele.secret{border-left-color:#4a7a9c}.tele-turn{color:var(--brass);font-size:10.5px;margin-right:6px;letter-spacing:.05em}.tele-more{display:block;margin-top:4px;padding:1px 8px;font-size:11px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--brass);letter-spacing:.08em;cursor:pointer}.tele-more:hover{border-color:var(--brass);background:#d9a44114}.tele-detail{margin-top:5px;padding:6px 8px;background:#0006;border:1px solid var(--line);border-left:2px solid var(--brass-dim);border-radius:2px;font-size:11.5px;line-height:1.7}.rl{white-space:pre-wrap}.rl-lineup{color:var(--muted)}.rl-round{color:var(--brass);letter-spacing:.1em;margin-top:4px;border-bottom:1px dashed var(--line)}.rl-hit{padding-left:4px}.rl-kill{color:#ff9186;font-weight:700;text-shadow:0 0 8px rgba(255,80,64,.4)}.rl-result{margin-top:4px;padding-top:3px;color:#ffd76a;border-top:1px solid var(--line-strong);letter-spacing:.06em}.rl-title{margin-top:4px;color:#ffd76a;font-weight:700;text-shadow:0 0 10px rgba(255,215,106,.45);animation:markPulse 2.4s ease-in-out infinite}.uc-title{color:#ffd76a;text-shadow:0 0 8px rgba(255,215,106,.4)}.uc-aff{color:#c9a86a;font-size:11px;margin-top:2px}.rl-adv{color:#ffb35c;font-weight:700;text-shadow:0 0 8px rgba(255,140,60,.4)}.rk-intel{flex-basis:100%;margin-top:2px;padding:2px 6px;font-size:11px;color:#9ecbef;background:#4a90ff1a;border:1px solid #4a90ff44;border-radius:2px}.rk-intel small{color:var(--muted)}.rank-row{flex-wrap:wrap}.nt-title{color:#ffd76a;font-size:11px;text-shadow:0 0 6px rgba(255,215,106,.35)}.rk-name small{color:var(--muted);font-size:10.5px}.rank-row{display:flex;align-items:center;gap:8px;padding:4px 8px;margin:2px 0;font-size:13px;border-bottom:1px dotted var(--line)}.rank-row.me{background:#37d07a1a}.rk-no{width:22px;text-align:right;color:var(--brass);font-family:var(--font-head)}.rk-name{flex:1}.rk-pt{color:var(--muted);font-size:12px}.war-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin:2px 0;font-size:12.5px;background:#00000038;border-radius:3px}#zoomBox{position:absolute;right:344px;bottom:16px;z-index:15;display:flex;flex-direction:column;gap:4px}#zoomBox button{width:36px;height:36px;font-size:16px;background:var(--panel-solid);color:var(--ink);border:1px solid var(--line-strong);border-radius:3px}#zoomBox button:hover{border-color:var(--brass)}#gate{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#080903d1;overflow:hidden}#gate:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0deg,rgba(217,164,65,.1) 24deg,transparent 60deg);animation:radarSweep 9s linear infinite;pointer-events:none}#gate:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 118px,rgba(217,164,65,.05) 118px 120px),radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none}@keyframes radarSweep{to{transform:rotate(360deg)}}.gate-card{position:relative;z-index:1;width:min(430px,92vw);background:linear-gradient(180deg,#20220f,#15170a);border:1px solid var(--line-strong);border-radius:5px;box-shadow:0 20px 60px #000000b3,inset 0 0 0 1px #d9a44124;padding:26px 28px;text-align:center;animation:gateGlow 3.6s ease-in-out infinite}@keyframes gateGlow{0%,to{box-shadow:0 20px 60px #000000b3,inset 0 0 0 1px #d9a44124,0 0 #d9a44100}50%{box-shadow:0 20px 60px #000000b3,inset 0 0 0 1px #d9a4414d,0 0 34px #d9a44138}}.gate-mark{font-size:40px;filter:drop-shadow(0 0 14px rgba(217,164,65,.5));animation:markPulse 2.4s ease-in-out infinite}.gate-card h1{margin:8px 0 2px;font-family:var(--font-head);font-size:26px;letter-spacing:.2em;color:#f0e6c8;text-shadow:0 2px 0 #000,0 0 22px rgba(217,164,65,.3)}.gate-tag{display:inline-block;color:var(--brass);letter-spacing:.3em;font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 16px;margin:6px 0 16px}.gate-card input{width:100%;margin:5px 0;padding:9px 12px;background:#101107;color:var(--ink);border:1px solid var(--line);border-radius:3px;font:inherit}.gate-card input:focus{border-color:var(--brass);outline:none}.gate-card .big{width:100%;margin-top:12px;padding:11px;font-size:15px;letter-spacing:.14em;background:linear-gradient(180deg,#a97f24,#7d5c15);border:1px solid var(--brass);border-radius:3px;color:#fff8e6;text-shadow:0 1px 0 rgba(0,0,0,.5)}.gate-card .big:hover{filter:brightness(1.1)}.gate-sep{margin:14px 0 6px;color:var(--muted);font-size:11px;letter-spacing:.2em}.gate-note{color:var(--muted);font-size:11.5px;line-height:1.7;margin-top:12px}.gate-link{background:none;border:none;color:#e0b45c;text-decoration:underline;font-size:12px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);z-index:200;max-width:min(620px,92vw);padding:10px 18px;border-radius:4px;background:linear-gradient(180deg,#2c2e1b,#1e2010);border:1px solid var(--brass);color:#f0e6c8;box-shadow:0 8px 26px #0009;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;font-size:13.5px}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.bad{border-color:var(--red);color:#ffc9c2}.stat-row{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:12px}.stat-label{width:58px;color:var(--muted);white-space:nowrap}.stat-bar{flex:1;height:9px;border-radius:2px;overflow:hidden;background:#00000080;border:1px solid var(--line)}.stat-bar i{display:block;height:100%;border-radius:1px;background:linear-gradient(90deg,#4a90ff,#6fb2ff);box-shadow:0 0 8px #6fb2ff80;transition:width .4s}.stat-bar i.b-dur.hurt{background:linear-gradient(90deg,#e8c74a,#ff8c3c);box-shadow:0 0 8px #ff8c3c8c}.stat-bar i.b-loyal{background:linear-gradient(90deg,#d0567a,#ff8aa8);box-shadow:0 0 8px #ff8aa880}.stat-bar i.b-loyal.unrest{background:linear-gradient(90deg,#8a1f1f,#ff5040);animation:unrestBlink 1.2s ease-in-out infinite}@keyframes unrestBlink{50%{filter:brightness(1.7)}}.stat-num{width:74px;text-align:right;font-size:12px;white-space:nowrap}.stat-num small{color:var(--muted)}.stat-num.wide{width:auto;flex:1}.stat-warn{margin:3px 0;padding:3px 8px;font-size:11px;border-radius:2px;color:#ffb08a;background:#ff50401f;border:1px solid #ff504055;animation:kaisenFlash 1.6s ease-in-out infinite}button.cmd.good{border-left-color:#3f7a4b}button.mini:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line);color:var(--muted)}#fx{position:absolute;inset:0;z-index:5;pointer-events:none}#fx:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.055) 3px 4px)}#fx:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 52%,rgba(4,5,1,.5) 100%),linear-gradient(115deg,transparent 0%,rgba(217,164,65,.045) 42%,transparent 58%,transparent 100%);background-size:100% 100%,260% 260%;animation:fxDrift 26s linear infinite}@keyframes fxDrift{0%{background-position:0 0,0% 0%}to{background-position:0 0,200% 120%}}#hudTurn{animation:gateGlow 5s ease-in-out infinite}.chip{transition:box-shadow .3s}.chip:hover{box-shadow:0 0 10px #d9a44159;border-color:var(--brass)}@media(max-width:900px){#opsDock{inset:auto 8px 8px;width:auto;max-height:42vh}#rightDock{display:none}#zoomBox{right:10px;bottom:45vh}#hudMe{display:none}}