.its-app{--its-ink:#e7e2d2;--its-muted:#9ba5a0;--its-line:#dae0d32b;--its-panel:#0d191cd6;--its-panel-solid:#132327;--its-gold:#c9b45b;--its-red:#a94b42;--its-sea:#416c78;min-height:100dvh;color:var(--its-ink);font-family:var(--font-noto-serif), serif;background:#101c20;overflow-x:clip}.its-app button,.its-app a{font:inherit}.its-header{z-index:30;border-bottom:1px solid var(--its-line);background:linear-gradient(90deg,#c9b45b0b,#0000 28%),#0b1417f7;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;min-height:76px;display:grid;position:relative;box-shadow:0 12px 40px #00000038}.its-identity{width:fit-content;color:inherit;align-items:center;gap:13px;padding:0 24px;text-decoration:none;display:inline-flex}.its-identity>span:last-child{gap:2px;display:grid}.its-identity small{color:#80908d;font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;font-size:7px}.its-identity strong{letter-spacing:.16em;font-size:20px;font-weight:500}.its-crest{color:#d7c676;background:radial-gradient(circle,#c9b45b21,#0000 64%);border:1px solid #c9b45b73;border-radius:50%;place-items:center;width:39px;height:39px;font-size:17px;display:grid}.its-date{color:#aeb5ac;letter-spacing:.12em;align-items:center;gap:13px;font-size:9px;display:flex}.its-date i{background:var(--its-line);width:34px;height:1px}.its-date strong{color:#d8d6c9;font-family:var(--font-geist-mono), monospace;font-size:9px;font-weight:500}.its-header nav{justify-content:flex-end;gap:4px;padding:0 20px;display:flex}.its-header nav a,.its-header nav button{color:#8d9995;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #0000;min-height:34px;padding:0 10px;font-size:9px;text-decoration:none}.its-header nav a:hover,.its-header nav button:hover,.its-header nav button.active{border-color:var(--its-line);color:var(--its-ink)}.its-header nav button.active:before{content:"";background:var(--its-gold);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.its-header nav button[data-label-mode].active:before{display:none}.its-header nav button[data-label-mode]:after{content:attr(data-label-mode-short);border:1px solid var(--its-line);min-width:15px;height:15px;color:var(--its-gold);font-family:var(--font-geist-mono), monospace;border-radius:50%;place-items:center;margin-left:6px;font-size:6px;line-height:1;display:inline-grid}.its-header nav button[data-label-mode=none]:after{color:#68736f}.its-stage{background:#18272c;min-height:calc(100dvh - 182px);position:relative;overflow:hidden}.its-scene{cursor:grab;touch-action:none;min-height:620px;position:absolute;inset:0}.its-scene:active{cursor:grabbing}.its-scene canvas{width:100%;height:100%;display:block}.its-weather-wash,.its-grain{z-index:2;pointer-events:none;position:absolute;inset:0}.its-weather-wash{background:linear-gradient(115deg,#0d1c2347,#0000 48%),radial-gradient(circle at 76% 35%,#0000 22%,#040b0e2e);transition:background .5s}.its-weather-wash.storm{background:linear-gradient(110deg,#0711168a,#1f2f341f),radial-gradient(circle at 35% 38%,#0000,#050b0e54)}.its-weather-wash.night{background:linear-gradient(120deg,#050e145c,#0000 64%)}.its-weather-wash.dawn{background:linear-gradient(100deg,#09151a2e,#0000 50%),radial-gradient(circle at 5% 75%,#c47e501a,#0000 35%)}.its-weather-wash.morning{background:radial-gradient(circle at 8% 72%,#dcab6f14,#0000 40%)}.its-grain{opacity:.15;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.its-compass{z-index:8;color:#ebe8d994;letter-spacing:.1em;pointer-events:none;justify-items:center;gap:5px;font-size:9px;display:grid;position:absolute;top:22px;left:50%}.its-compass i{background:linear-gradient(var(--its-gold), transparent);width:1px;height:32px}.its-tide-readout{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0b1d22a8;border:1px solid #6f9da640;gap:4px;width:132px;padding:10px 11px;display:grid;position:absolute;top:24px;right:334px}.its-tide-readout span{color:#73939a;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:6px}.its-tide-readout strong{color:#c4d1cc;font-size:10px;font-weight:500}.its-tide-readout i{background:#5d8994;max-width:100%;height:2px;margin-top:3px;display:block;box-shadow:0 0 8px #5d899473}.its-story,.its-tactics{z-index:10;border:1px solid var(--its-line);background:var(--its-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;top:24px;box-shadow:0 22px 70px #0003}.its-story{width:min(340px,100% - 48px);padding:22px;left:24px}.its-chapter-index{color:#788984;font-family:var(--font-geist-mono), monospace;align-items:baseline;gap:5px;display:flex}.its-chapter-index span{letter-spacing:.18em;margin-right:auto;font-size:7px}.its-chapter-index strong{color:var(--its-gold);font-size:23px;font-weight:400}.its-chapter-index small{font-size:7px}.its-phase{color:#9ea9a3;letter-spacing:.12em;align-items:center;gap:9px;margin:22px 0 9px;font-size:9px;display:flex}.its-phase span{color:#cfbe71;font-family:var(--font-geist-mono), monospace;letter-spacing:.03em;border:1px solid #c9b45b3d;padding:4px 6px;font-size:7px}.its-story h2{color:#efead9;margin:0;font-size:clamp(23px,2.4vw,32px);font-weight:500;line-height:1.28}.its-description{color:#b6beb8;margin:14px 0 18px;font-size:11px;line-height:2}.its-cause,.its-torii-note{border-left:2px solid var(--its-sea);background:#36585e1f;padding:13px}.its-cause>span,.its-torii-note>span{color:#74969a;font-family:var(--font-geist-mono), monospace;letter-spacing:.17em;margin-bottom:5px;font-size:6px;display:block}.its-cause strong,.its-torii-note strong{color:#d7dbcf;font-size:10px;font-weight:500;display:block}.its-cause p,.its-torii-note p{color:#899995;margin:6px 0 0;font-size:8px;line-height:1.8}.its-chapter-nav{border-top:1px solid var(--its-line);justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;display:flex}.its-chapter-nav button{border:1px solid var(--its-line);color:#bdc5be;cursor:pointer;background:#ffffff05;place-items:center;width:32px;height:28px;display:grid}.its-chapter-nav button:disabled{opacity:.25;cursor:default}.its-chapter-nav span{color:#778581;font-family:var(--font-geist-mono), monospace;font-size:7px}.its-tactics{scrollbar-width:thin;scrollbar-color:#c9b45b3d transparent;width:286px;max-height:calc(100% - 48px);padding:18px;right:24px;overflow:auto}.its-panel-heading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.its-panel-heading span{color:#6f827e;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:6px}.its-panel-heading strong{color:#d8d9cc;font-size:12px;font-weight:500}.its-armies{grid-template-columns:1fr 1fr;gap:7px;display:grid}.its-armies button{border:1px solid var(--its-line);min-width:0;color:inherit;text-align:left;cursor:pointer;background:#ffffff06;align-items:center;gap:8px;padding:9px 8px;display:flex}.its-armies i,.its-route-legend i{background:currentColor;flex:none;width:6px;height:18px;display:block}.its-armies i.mori,.its-route-legend i.mori{color:var(--its-gold)}.its-armies i.sue,.its-route-legend i.sue{color:var(--its-red)}.its-armies span{gap:3px;min-width:0;display:grid}.its-armies small{color:#8d9b96;font-size:7px}.its-armies strong{color:#d3d6cb;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.its-view-list{gap:4px;margin-top:14px;display:grid}.its-view-list button{color:#98a49f;cursor:pointer;background:#ffffff05;border:1px solid #0000;justify-content:space-between;align-items:center;min-height:32px;padding:0 9px;font-size:9px;display:flex}.its-view-list button small{color:#60736f;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:6px}.its-view-list button:hover,.its-view-list button.active{color:#e0ddcf;background:#c9b45b0f;border-color:#c9b45b3b}.its-view-list button.active:before{content:"";background:var(--its-gold);border-radius:50%;width:4px;height:4px;margin-right:7px}.its-view-list button.active span{margin-right:auto}.its-route-legend{border-top:1px solid var(--its-line);border-bottom:1px solid var(--its-line);gap:14px;margin:13px 0;padding:10px 0;display:flex}.its-route-legend span{color:#8e9c97;align-items:center;gap:5px;font-size:7px;display:flex}.its-route-legend i{width:13px;height:2px}.its-tactics .troop-composition{margin:12px 0}.its-torii-note{background:#91423817;border-left-color:#914238;margin-top:13px}.its-torii-note>span{color:#b66c60}.its-torii-note.its-vessel-note{background:#36585e1f;border-left-color:#6f9898}.its-torii-note.its-vessel-note>span{color:#7ca6a5}.its-torii-note.its-shrine-note{background:#7556351a;border-left-color:#b08b5d}.its-torii-note.its-shrine-note>span{color:#bd9668}.its-unit-label,.its-landmark{z-index:9;opacity:0;will-change:transform;position:absolute;top:0;left:0}.its-unit-label{border:1px solid color-mix(in srgb, var(--unit-color) 46%, transparent);border-left:3px solid var(--unit-color);color:#e5e2d7;text-align:left;cursor:pointer;background:#091113d6;gap:2px;min-width:104px;padding:7px 9px;transition:opacity .18s,border-color .16s,background .16s;display:grid;box-shadow:0 8px 24px #00000042}.its-unit-label:hover,.its-unit-label.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--unit-color) 34%, transparent);background:#121d1ff5}.its-unit-label span{font-size:9px;line-height:1.3}.its-unit-label small{color:#879692;letter-spacing:.05em;font-size:6px}.its-landmark{color:#d8d9cf;text-align:center;text-shadow:0 2px 8px #071013;pointer-events:none;justify-items:center;min-width:88px;font-size:8px;transition:opacity .18s;display:grid}.its-landmark i{background:linear-gradient(#0000,#e0dcc8bd);width:1px;height:23px;margin-bottom:4px}.its-landmark small{color:#879692;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin-top:2px;font-size:5px}.its-landmark.offshore-torii{color:#d79082;font-size:9px}.its-landmark.offshore-torii i{background:linear-gradient(#0000,#9b3f32);width:2px}.its-drag-hint{z-index:8;color:#e0e3d98c;letter-spacing:.06em;pointer-events:none;align-items:center;gap:7px;font-size:7px;display:flex;position:absolute;bottom:18px;right:336px}.its-drag-hint span{color:#8fa09b;font-family:var(--font-geist-mono), monospace;font-size:6px}.its-drag-hint i{background:var(--its-line);width:18px;height:1px}.its-time{z-index:25;border-top:1px solid var(--its-line);background:#0a1316fa;grid-template-columns:300px minmax(360px,1fr) 210px;align-items:center;gap:22px;min-height:106px;padding:15px 24px;display:grid;position:relative}.its-play-group{align-items:center;gap:11px;display:flex}.its-play{cursor:pointer;background:#c9b45b14;border:1px solid #c9b45b61;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;display:grid}.its-play i.play{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #d9c874;width:0;height:0;margin-left:3px}.its-play i.pause{border-left:2px solid #d9c874;border-right:2px solid #d9c874;width:8px;height:10px}.its-play-group>div{gap:2px;min-width:88px;display:grid}.its-play-group strong{color:#e5dfc8;font-family:var(--font-geist-mono), monospace;font-size:16px;font-weight:400}.its-play-group span{color:#74837f;letter-spacing:.05em;font-size:6px}.its-speed{border:1px solid var(--its-line);color:#8d9b96;min-width:37px;height:26px;font-family:var(--font-geist-mono), monospace;cursor:pointer;background:0 0;font-size:7px}.its-timeline{min-width:0}.its-ticks,.its-phases{color:#63716e;font-family:var(--font-geist-mono), monospace;justify-content:space-between;font-size:6px;display:flex}.its-rail{height:24px;margin:7px 0;position:relative}.its-rail:before{content:"";background:#e2e3d62e;height:1px;position:absolute;top:11px;left:0;right:0}.its-elapsed{z-index:1;background:linear-gradient(90deg, #5b8790, var(--its-gold));pointer-events:none;height:2px;position:absolute;top:10px;left:0}.its-rail>button{z-index:3;cursor:pointer;background:#142326;border:1px solid #677875;border-radius:50%;width:9px;height:9px;padding:0;position:absolute;top:7px;transform:translate(-50%)}.its-rail>button.passed{border-color:var(--its-gold);background:#82743e}.its-rail input{z-index:4;opacity:0;cursor:ew-resize;width:100%;position:absolute;inset:0}.its-phases{color:#7d8985;font-family:var(--font-noto-serif), serif;font-size:7px}.its-keyboard{color:#65736f;text-align:right;font-size:7px}.its-keyboard kbd{border:1px solid var(--its-line);color:#96a39e;font-family:var(--font-geist-mono), monospace;background:#ffffff06;border-radius:2px;margin:0 4px 0 7px;padding:3px 5px;font-size:6px}.its-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.its-dossier,.its-about{border:1px solid var(--its-line);border-top:3px solid var(--unit-color,var(--its-gold));background:linear-gradient(135deg, #455f601a, transparent 38%), var(--its-panel-solid);width:min(560px,100%);max-height:calc(100dvh - 48px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 100px #00000075}.its-about{border-top-color:var(--its-sea);width:min(760px,100%)}.its-close{border:1px solid var(--its-line);color:#9ca9a4;cursor:pointer;background:0 0;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:14px;right:14px}.its-dossier .dossier-kicker,.its-about .dossier-kicker{color:var(--unit-color,#7ba0a5);font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;margin-bottom:8px;font-size:7px;display:block}.its-dossier h2,.its-about h2{color:#eee9d8;margin:0 40px 22px 0;font-size:28px;font-weight:500}.its-dossier dl{background:var(--its-line);grid-template-columns:1fr 1fr;gap:1px;margin:0 0 18px;display:grid}.its-dossier dl div{background:#152529;padding:12px}.its-dossier dt{color:#667975;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:6px}.its-dossier dd{color:#d5d8ce;margin:5px 0 0;font-size:10px}.its-dossier>p{color:#aeb8b2;margin:18px 0 0;font-size:11px;line-height:2}.its-howto{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.its-howto>div{border:1px solid var(--its-line);background:#ffffff05;padding:17px}.its-howto b{color:#678b90;font-family:var(--font-geist-mono), monospace;font-size:16px;font-weight:400}.its-howto h3{color:#d8d9cf;margin:13px 0 8px;font-size:12px;font-weight:500}.its-howto p,.its-disclaimer p{color:#94a39e;margin:0;font-size:9px;line-height:1.9}.its-disclaimer{background:#8d4a4114;border-left:2px solid #8d4a41;margin-top:14px;padding:14px 16px}.its-disclaimer strong{color:#d0beb4;margin-bottom:5px;font-size:10px;font-weight:500;display:block}.its-sources{border-top:1px solid var(--its-line);flex-wrap:wrap;gap:7px;margin-top:18px;padding-top:16px;display:flex}.its-sources>span{color:#687a76;width:100%;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:6px}.its-sources a{border:1px solid var(--its-line);color:#9baba6;padding:6px 8px;font-size:8px;text-decoration:none}.its-sources a:hover{color:#dedacb;border-color:#c9b45b59}@media (width<=1080px){.its-header{grid-template-columns:1fr auto}.its-date{display:none}.its-stage{min-height:790px}.its-tide-readout{top:auto;bottom:23px;right:24px}.its-tactics{width:310px;max-height:410px;top:auto;bottom:24px;right:24px}.its-drag-hint{display:none}.its-time{grid-template-columns:280px minmax(320px,1fr)}.its-keyboard{display:none}}@media (width<=760px){.its-app{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.its-header{flex-wrap:wrap;min-height:auto;padding:10px 12px;display:flex}.its-identity{padding:0}.its-header nav{justify-content:flex-start;width:100%;padding:9px 0 0;overflow-x:auto}.its-header nav a,.its-header nav button{white-space:nowrap}.its-stage{background:#101c20;min-height:auto;display:grid;overflow:visible}.its-scene{height:520px;min-height:58svh;position:relative;overflow:hidden}.its-story,.its-tactics{width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-width:1px 0 0;margin:0;position:relative;inset:auto}.its-story{padding:22px 18px}.its-tactics{padding:20px 18px 25px}.its-tide-readout{bottom:12px;right:12px}.its-compass{top:13px}.its-unit-label{min-width:86px;padding:5px 7px}.its-unit-label small,.its-landmark small{display:none}.its-time{z-index:45;min-height:0;padding:7px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr;gap:3px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #00000057}.its-play-group{flex-wrap:nowrap;gap:8px;min-width:0}.its-play{width:34px;height:34px}.its-play-group>div{min-width:0;margin-right:auto}.its-play-group strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.its-play-group span{display:none}.its-speed{height:24px}.its-timeline{order:2}.its-ticks,.its-phases{display:none}.its-rail{height:13px;margin:0}.its-rail:before{top:6px}.its-elapsed{top:5px}.its-rail>button{width:8px;height:8px;top:2px}.its-howto{grid-template-columns:1fr}.its-modal-backdrop{align-items:end;padding:0}.its-dossier,.its-about{border-bottom:0;border-left:0;border-right:0;width:100%;max-height:88dvh;padding:24px 18px}}@media (width<=430px){.its-identity small{display:none}.its-crest{width:34px;height:34px}.its-scene{height:480px}.its-tide-readout{width:112px}.its-armies,.its-dossier dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.its-app *,.its-app :before,.its-app :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}