:root{color-scheme:dark;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#050b14;color:#eef5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#123256 0,#050b14 48%,#030712 100%);}.jump-shell{display:grid;grid-template-columns:minmax(320px,1fr) 360px;gap:18px;min-height:100vh;padding:18px}.jump-board-panel,.jump-side,.jump-card{border:1px solid rgba(97,174,255,.28);border-radius:18px;background:rgba(5,12,24,.82);box-shadow:0 24px 70px rgba(0,0,0,.36)}.jump-board-panel{display:flex;flex-direction:column;min-height:calc(100vh - 36px);overflow:hidden}.jump-header{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(97,174,255,.18)}.jump-header h1{margin:0;font-size:clamp(28px,4vw,46px)}.jump-header p{margin:6px 0 0;color:#b9c8d8;max-width:820px}.jump-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;justify-content:flex-end}.jump-tags span{padding:5px 9px;border-radius:999px;background:rgba(96,165,250,.14);border:1px solid rgba(96,165,250,.32);font-size:12px;color:#dcecff}.jump-canvas-wrap{flex:1;min-height:480px;position:relative}.jump-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:pointer}.jump-status-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(97,174,255,.18);color:#dfefff}.jump-progress{display:flex;flex-wrap:wrap;gap:10px}.jump-progress span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08)}.jump-side{padding:16px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 36px);overflow:auto}.jump-card{padding:14px}.jump-card h2{margin:0 0 10px;font-size:18px}.jump-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jump-grid label,.jump-row label{display:flex;flex-direction:column;gap:5px;color:#b9c8d8;font-size:13px}select,input,button{border-radius:10px;border:1px solid rgba(97,174,255,.35);background:#08131f;color:#eef5ff;padding:9px 10px;font:inherit}button{cursor:pointer;font-weight:800;background:linear-gradient(180deg,#174d83,#0d2746)}button.secondary{background:#08131f}.jump-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.jump-online{display:grid;gap:9px}.jump-online-row{display:grid;grid-template-columns:1fr auto;gap:8px}.room-info{display:grid;gap:8px}.jump-info{color:#c7d4e3;line-height:1.5}.move-history{margin:0;padding-left:18px;color:#d8e8f8;max-height:130px;overflow:auto}.analysis-output{white-space:pre-wrap;color:#dbeafe;background:#06111f;border-radius:12px;padding:10px;min-height:84px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;color:#cfe0f2}.legend span{display:flex;align-items:center;gap:8px}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid #dbeafe}.a-home{background:rgba(84,164,255,.35)}.b-home{background:rgba(255,190,76,.35)}.step{background:rgba(108,255,172,.8);border-radius:99px}.jump{background:rgba(255,96,96,.8);border-radius:99px}.advanced-settings summary{cursor:pointer;font-weight:800;color:#dbeafe;margin-bottom:10px}@media(max-width:980px){.jump-shell{grid-template-columns:1fr}.jump-side{max-height:none}.jump-board-panel{min-height:auto}}

.jump-top-nav{position:fixed;top:12px;right:14px;z-index:30;display:flex;gap:8px;align-items:center}.jump-home-link,.jump-lang-menu>button,.jump-lang-choices button{border:1px solid rgba(97,174,255,.42);border-radius:999px;background:rgba(5,12,24,.92);color:#eef5ff;text-decoration:none;font-weight:900;padding:8px 12px;box-shadow:0 10px 30px rgba(0,0,0,.28)}.jump-lang-menu{position:relative}.jump-lang-choices{position:absolute;right:0;top:calc(100% + 6px);display:grid;gap:6px;min-width:150px;padding:8px;border:1px solid rgba(97,174,255,.32);border-radius:14px;background:#07111e;box-shadow:0 18px 44px rgba(0,0,0,.42)}.jump-lang-choices[hidden]{display:none}.view-settings{border:1px solid rgba(97,174,255,.18);border-radius:12px;padding:10px;background:rgba(255,255,255,.03)}.view-settings input[type=range]{padding:0;accent-color:#60a5fa}.jump-view-help{margin:8px 0 0;color:#9fb8cf;font-size:12px;line-height:1.35}.view-settings #viewResetButton{width:100%;margin-top:8px}.jump-shell{padding-top:56px}
.jump-shell,.jump-board-panel,.jump-side,.jump-card,.jump-header,.jump-header>div,.jump-status-bar,.jump-grid,.jump-buttons,.jump-online-row,.legend{min-width:0}.jump-header h1,.jump-header p,.jump-card h2,.jump-info,.legend span,.jump-status-bar,.jump-progress span,.analysis-output,.move-history,.jump-view-help{overflow-wrap:anywhere}select,input,button{min-width:0;max-width:100%}button,.jump-home-link,.jump-lang-choices button{white-space:normal}.jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jump-move-picker{display:grid;gap:10px;padding:12px 16px;border-top:1px solid rgba(97,174,255,.18);background:rgba(4,10,20,.72)}.jump-move-picker[hidden]{display:none}.jump-move-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f8c75d;font-size:12px;font-weight:900;text-transform:uppercase}.jump-picker-summary{color:#9fb8cf;text-transform:none;text-align:right}.jump-piece-strip,.jump-move-options{display:flex;flex-wrap:wrap;gap:8px;min-height:34px}.jump-piece-button,.jump-move-option{display:inline-flex;align-items:center;gap:6px;min-height:34px;border-radius:8px;padding:7px 9px;background:#08131f;border:1px solid rgba(97,174,255,.36);color:#eef5ff;font-size:12px;line-height:1.2}.jump-piece-button.active{border-color:#f8c75d;background:rgba(248,199,93,.16)}.jump-piece-owner{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:rgba(96,165,250,.22);font-weight:900}.jump-piece-coord,.jump-piece-count,.jump-move-option{font-family:Consolas,"Cascadia Mono",monospace}.jump-piece-count{color:#9fb8cf}.jump-move-option.step{border-color:rgba(108,255,172,.55);color:#dcfce7}.jump-move-option.jump{border-color:rgba(255,96,96,.65);color:#fee2e2}.jump-empty-row{display:inline-flex;align-items:center;min-height:28px;color:#9fb8cf;font-size:12px;overflow-wrap:anywhere}@media(max-width:620px){.jump-shell{padding:12px;padding-top:64px}.jump-header{display:grid}.jump-grid,.jump-buttons,.legend,.jump-online-row{grid-template-columns:1fr}.jump-status-bar{align-items:flex-start}.jump-move-picker-head{display:grid}.jump-picker-summary{text-align:left}.jump-top-nav{left:10px;right:10px;justify-content:flex-end}}
.jump-shell{align-items:start}.jump-board-panel{height:calc(100vh - 74px);max-height:900px;min-height:620px}.jump-canvas-wrap{min-height:0}.r3-filter-control{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(97,174,255,.18);border-radius:12px;background:rgba(255,255,255,.03)}.r3-filter-control[hidden]{display:none}.r3-filter-control>label{color:#dbeafe;font-weight:900}.r3-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r3-filter-grid input{text-align:center}.jump-view-buttons{margin-top:10px}@media(max-width:980px){.jump-board-panel{height:auto;max-height:none;min-height:auto}.jump-canvas-wrap{height:min(70vh,640px);min-height:420px}}@media(max-width:620px){.jump-canvas-wrap{min-height:360px}.r3-filter-grid{grid-template-columns:1fr}}
.jump-shell{padding-top:18px}.jump-side-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}.jump-side-header h2{margin:0;color:#eef5ff;font-size:20px}.jump-side-header .jump-home-link{display:inline-flex;align-items:center;justify-content:center;box-shadow:none}@media(max-width:620px){.jump-shell{padding-top:12px}.jump-side-header{align-items:flex-start}}
.jump-timer-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.jump-timer-row span{border:1px solid rgba(97,174,255,.24);border-radius:10px;background:rgba(8,19,31,.86);padding:8px 10px;text-align:center;font-weight:900;color:#dbeafe}.jump-timer-row span.active{border-color:rgba(248,199,93,.9);box-shadow:0 0 0 1px rgba(248,199,93,.22) inset;color:#fde68a}
.jump-below-board{grid-column:1;display:grid;gap:14px}.jump-below-board .jump-card{box-shadow:0 18px 48px rgba(0,0,0,.28)}.jump-below-board .move-history{max-height:220px}.jump-below-board #analyzeButton{margin-top:10px}@media(max-width:980px){.jump-below-board{grid-column:1}}