:root{--bg-top: #0a1322;--bg-mid: #101d36;--bg-mid2: #142445;--panel: #152a4d;--panel-2: #1f3257;--text: #f3f8ff;--text-sub: #b7cae8;--line: rgba(255, 255, 255, .2);--accent: #5dc6ff;--accent-2: #8be89a;--accent-3: #ffd56f;--danger: #ff6f8c;--ok: #87dd95;--editor-floating-top: 96px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{color:var(--text);min-height:100vh;background:#071225;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}.screen{padding:16px}.home-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.home-subtitle-text{margin:2px 0 0;color:var(--text-sub)}.home-mini-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.home-hero{margin:10px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(130deg,#204e946b,#1125484d)}.hero-copy h2{margin:0;font-size:1.22rem;line-height:1.35}.hero-copy p{margin:8px 0 12px;color:var(--text-sub)}.home-section{margin:8px 0 16px}.home-steps{margin:8px 0 0;padding-left:18px;color:var(--text-sub)}.home-steps li{margin-bottom:6px}.home-mini-nav button,.home-actions button,.home-mini-nav .mini-btn{margin:0}.home-top-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);border-radius:10px;padding:7px 10px;margin:0;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#3b5e90,#2e456f);border:1px solid var(--line);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.home-top-link:hover{filter:brightness(1.08)}.home-subtitle{font-size:1.05rem;margin:0 0 8px}.tool-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}h1{margin:4px 0;font-size:1.75rem}h2{margin:0 0 8px}button{border:none;border-radius:10px;padding:10px 12px;margin:0;color:#edf2ff;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#3b5e90,#2e456f);border:1px solid var(--line);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;cursor:pointer}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}select{border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#08101eeb;color:var(--text);font:inherit;padding:7px 10px}.hidden{display:none!important}.part-tools .part-tool{background:linear-gradient(180deg,#3a74d7,#2a4f9e);border-color:#97d1ff5c}.primary{background:linear-gradient(180deg,#34cb9f,#1ba47a);border-color:#97ffc973}.secondary{background:linear-gradient(180deg,#3d5b8f,#2d4c80)}.danger{background:linear-gradient(180deg,#ff7088,#db3f62)}.ghost{background:linear-gradient(180deg,#3a4e6f,#2c3d5a)}.mini-btn{padding:7px 10px;font-size:.9rem}.hero-action{min-height:52px;font-size:1.02rem;padding:11px 16px;box-shadow:inset 0 1px #ffffff14}.hero-action-new{background:linear-gradient(180deg,#5ec2ff,#2d8cff);border-color:#a8dfff75}.hero-action-auto{background:linear-gradient(180deg,#45caa7,#208f86);border-color:#aaf8db6b}.language-switch{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#142542eb;color:var(--text);font-weight:700;margin-left:auto}.language-switch span{color:var(--text-sub);font-size:.84rem;letter-spacing:.03em;text-transform:uppercase}.language-switch select{min-width:72px}.action-row,.play-row{margin-top:0}.home-actions{display:flex;gap:8px;flex-wrap:wrap}.home-actions>button{flex:1 1 220px}.analysis-btn{min-height:44px;background:linear-gradient(180deg,#3d5b8f,#2d4c80)}.path-count-results{display:flex;flex-wrap:wrap;gap:8px}.path-count-card{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#142542eb,#0c1628e0);box-shadow:inset 0 1px #ffffff0d}.path-count-card-diff{border-color:#ffdc7861;background:linear-gradient(180deg,#543f13d6,#261c0ae0)}.path-count-card-red{border-color:#ff6f8c61;background:linear-gradient(180deg,#601d30d6,#2c0e18e0)}.path-count-card-blue{border-color:#5dc6ff61;background:linear-gradient(180deg,#153960d6,#0a182ce0)}.path-count-label{color:var(--text-sub);font-size:.8rem;font-weight:700}.path-count-value{font-size:.92rem;line-height:1.1;text-align:right}#toolbar{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:10px;padding-bottom:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#toolButtons{margin-bottom:0;max-height:220px;overflow:hidden;opacity:1;transform:scaleY(1);transform-origin:top;transition:max-height .18s ease,opacity .18s ease,margin-bottom .18s ease,transform .18s ease}#toolButtons.collapsed{max-height:0;margin-top:0;margin-bottom:0;padding:0;gap:0;overflow:hidden;opacity:0;transform:scaleY(0);pointer-events:none;visibility:hidden}#toolButtons button.active{outline:2px solid var(--accent-3);box-shadow:0 0 0 3px #ffd56f33}#toolbar .tool-row:not(#toolButtons) button.active{outline:2px solid #87dd95}#templateList{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.template-card{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px}.template-card button{width:100%;margin-top:8px}.template-title{font-weight:700}.template-desc{color:var(--text-sub);font-size:.9rem;margin-top:6px}.part-guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:12px}.part-guide-item{display:flex;align-items:flex-start;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 10px}.part-guide-icon{flex:0 0 64px;width:64px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#0b121e73;padding:4px}.part-guide-icon svg{width:100%;height:100%;display:block}.part-guide-body{min-width:0;flex:1}.part-guide-name{font-weight:700;font-size:.92rem}.part-guide-desc{margin-top:4px;color:var(--text-sub);font-size:.82rem}.part-guide-meta{margin-top:6px;color:#ffe7a9;font-size:.78rem;font-weight:700;letter-spacing:.01em}.share-note{color:var(--text-sub);margin-top:0;margin-bottom:10px}.share-field{display:block;margin-bottom:10px}.share-field span{display:block;margin-bottom:6px;color:var(--text-sub);font-size:.86rem;font-weight:700}.home-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;background:linear-gradient(180deg,#3d5b8f,#2d4c80);color:#edf2ff;text-decoration:none;font-weight:700;letter-spacing:.02em}.home-link-btn:hover{filter:brightness(1.08)}#board{width:100%;height:calc(100vh - 214px);border:1px solid var(--line);border-radius:12px;touch-action:none;background:#0b121ef5}#statusBar{margin-top:8px;font-size:.84rem;color:var(--text-sub)}.winner-banner{position:fixed;left:50%;top:var(--editor-floating-top);transform:translate(-50%);z-index:5;min-width:min(360px,calc(100vw - 40px));max-width:calc(100vw - 24px);padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#14233ee6,#0a1221d6);color:#fff;text-align:center;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;letter-spacing:.08em;box-shadow:0 18px 44px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.race-text-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#0b16281f,#05091252);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.race-text{color:#fff;min-width:min(78vw,620px);padding:18px 28px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#121e36bd,#0a1221a8);font-size:clamp(2.4rem,9vw,5.6rem);font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.38);text-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 20px 60px #0000003d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.panel{width:min(760px,100%);background:#121c31;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px}textarea{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#0d1524;color:#fff;padding:10px;min-height:90px}.toast-host{position:fixed;right:16px;bottom:16px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{border-radius:12px;border:1px solid rgba(255,255,255,.16);padding:11px 14px;background:#09111ef0;color:var(--text);box-shadow:0 12px 32px #00000057}.toast.error{border-color:#ff6f8c8c}.toast.success{border-color:#87dd957a}html,body{scroll-behavior:smooth}@media (max-width: 960px){#toolbar{gap:12px}#board{height:calc(100vh - 272px)}.tool-row{gap:12px;row-gap:12px}.action-row,.play-row{margin-top:0}#editorActions,#toolButtons,#toolbar .tool-row{row-gap:12px}#editorActions button,#toolButtons button,.play-row button{padding-top:11px;padding-bottom:11px}.language-switch{width:100%;justify-content:space-between}.winner-banner{min-width:min(340px,calc(100vw - 24px));padding:10px 14px;letter-spacing:.05em}}