:root{font-family:SUIT,Pretendard,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a;background:#fafafa;line-height:1.5;font-weight:400;color-scheme:light;--accent: #2e7cf6;--accent-strong: #1d62d8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fafafa}button,input{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.topbar-left{justify-self:start}.topbar-center{justify-self:center}.topbar-right{justify-self:end;display:flex;align-items:center;gap:8px}.brand{font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:.01em}.progress{display:flex;align-items:center;gap:12px;min-width:320px}.progress-track{flex:1;height:4px;border-radius:2px;background:#0000000f;overflow:hidden}.progress-track.wide{width:320px;flex:none}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.topbar-divider{width:1px;height:20px;background:#0000001a;margin:0 2px}.grid-toggle{display:flex;gap:2px;padding:2px;background:#0000000a;border-radius:6px}.grid-pill{min-width:28px;height:28px;padding:0 8px;border:0;border-radius:4px;background:transparent;cursor:pointer;color:#6a6a6a;font-size:12px;font-variant-numeric:tabular-nums;transition:background .12s ease,color .12s ease}.grid-pill:hover{color:#1a1a1a}.grid-pill.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 2px #00000014}.icon-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:#1a1a1a;font-size:13px;transition:background .12s ease}.icon-btn:hover{background:#0000000f}.icon-btn:disabled{color:#00000047;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent}.menu-wrap{position:relative}.menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:200px;padding:6px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;gap:1px;z-index:30}.menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:#1a1a1a}.menu button:hover:not(:disabled){background:#0000000d}.menu button:disabled{color:#0000004d;cursor:not-allowed}.menu button.danger{color:#c53030}.menu button.danger:hover{background:#c530300f}.menu hr{border:0;border-top:1px solid rgba(0,0,0,.06);margin:4px 0}.stage{position:relative;flex:1;padding:20px;overflow:hidden;min-height:0}.grid{display:grid;gap:10px;height:100%;width:100%}.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.grid-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.grid-16{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.tile{position:relative;display:block;padding:0;border:3px solid transparent;border-radius:6px;background:#fff;cursor:pointer;overflow:hidden;outline:none;min-height:0;min-width:0;transition:border-color .12s ease}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile.focused{outline:2px solid #1a1a1a;outline-offset:-1px}.tile.selected{border-color:var(--accent)}.tile.selected.focused{outline-color:var(--accent-strong)}.tile-num{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:4px;background:#000000a6;color:#fff;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;z-index:1}.tile-check{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 0 2px #fff;z-index:2}.edge-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:60px;border:0;border-radius:8px;background:#ffffffeb;color:#1a1a1a;cursor:pointer;font-size:26px;line-height:1;opacity:0;transition:opacity .15s ease,background .12s ease;box-shadow:0 2px 8px #0000001a;z-index:3}.edge-arrow.left{left:14px}.edge-arrow.right{right:14px}.stage:hover .edge-arrow{opacity:1}.edge-arrow:hover{background:#fff}.page-indicator{position:absolute;right:16px;bottom:14px;padding:4px 10px;background:#ffffffeb;border:1px solid rgba(0,0,0,.06);border-radius:6px;font-size:12px;color:#4a4a4a;font-variant-numeric:tabular-nums;pointer-events:none;z-index:2}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#4a4a4a}.empty h2{margin:0;font-size:18px;font-weight:500;color:#1a1a1a}.empty .muted{margin:0;font-size:13px;color:#6a6a6a}.empty-actions{display:flex;gap:8px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fff;cursor:pointer;color:#1a1a1a;font-size:13px;transition:background .12s ease,border-color .12s ease}.btn:hover{background:#00000008;border-color:#0003}.btn.primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.btn.primary:hover{background:#000}.loading-block{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-text{font-size:13px;color:#4a4a4a;font-variant-numeric:tabular-nums}.toast{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;background:#1a1a1a;color:#fff;font-size:13px;box-shadow:0 4px 12px #0000001f;z-index:100}.toast.error{background:#c53030}.toast.info{background:#2a2a2a}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:4px;background:transparent;color:#ffffffb3;cursor:pointer;font-size:12px}.toast-close:hover{background:#ffffff1a;color:#fff}.status-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:10px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;display:flex;align-items:center;gap:12px;font-size:12px;color:#4a4a4a;min-width:280px;box-shadow:0 4px 12px #0000000f;z-index:50}.loupe-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:32px;background:#000000a6;z-index:200}.loupe-panel{width:min(1200px,92vw);max-height:90vh;padding:16px;border-radius:8px;background:#fff;display:flex;flex-direction:column}.loupe-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.loupe-header strong{font-weight:500;font-size:14px;color:#1a1a1a}.loupe-canvas{overflow:auto;flex:1;margin-top:12px;background:#f0f0f0;border-radius:4px}.loupe-canvas img{display:block;width:auto;max-width:none;height:auto}.help-panel{width:min(440px,92vw);padding:20px;border-radius:8px;background:#fff}.shortcut-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.shortcut-list li{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#4a4a4a}.kbds{display:flex;gap:4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:22px;padding:0 6px;border:1px solid rgba(0,0,0,.12);border-bottom-width:2px;border-radius:4px;background:#f6f6f6;font-family:SF Mono,Monaco,monospace;font-size:11px;color:#1a1a1a}.app-footer{padding:8px 16px;text-align:center;font-size:12px;color:#6a6a6a;background:#fafafa}.target-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.target-presets-label{font-size:13px;color:#4a4a4a;margin-right:4px}.preset-pill{min-width:40px;padding:6px 12px;font-size:13px;border:1px solid #d4d4d4;border-radius:999px;background:#fff;color:#1a1a1a;cursor:pointer;transition:background .15s,border-color .15s}.preset-pill:hover{background:#f3f3f3}.preset-pill.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.preset-input{width:96px;padding:6px 10px;font-size:13px;border:1px solid #d4d4d4;border-radius:6px;background:#fff;color:#1a1a1a}.preset-input:focus{outline:none;border-color:#1a1a1a}.release-panel{width:min(520px,92vw);max-height:80vh;overflow-y:auto;padding:20px;border-radius:8px;background:#fff}.release-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:18px}.release-list>li{display:flex;flex-direction:column;gap:6px}.release-meta{display:flex;align-items:baseline;gap:6px}.release-version{font-weight:600;font-size:14px;color:#1a1a1a}.release-date{font-size:12px;color:#6a6a6a}.release-changes{list-style:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4a4a4a}.round-badge{font-size:12px;font-weight:500;color:#4a4a4a;background:#f3f3f3;border-radius:999px;padding:2px 10px;margin-right:8px}.complete-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff8e7;border:1px solid #f0d68c;border-radius:8px;margin:12px 16px}.complete-title{font-size:16px;font-weight:600;color:#1a1a1a}.complete-meta{font-size:13px;color:#6a6a6a}.complete-actions{display:flex;gap:8px;margin-top:4px}.pre-tournament{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 16px;height:100%}.pre-tournament h2{margin:0;font-size:18px;font-weight:500;color:#1a1a1a}.pre-tournament .muted{margin:0;font-size:13px;color:#6a6a6a}.pre-tournament-start{margin-top:12px;font-size:14px;padding:10px 24px}.round-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:#1a1a1aeb;color:#fff;border-radius:999px;font-weight:600;font-size:14px;z-index:100;pointer-events:none;animation:round-toast-fade 2.5s ease forwards}@keyframes round-toast-fade{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.round-info{font-size:13px;color:#4a4a4a}.tile-zoom{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;-webkit-user-select:none;user-select:none;z-index:2}.tile:hover .tile-zoom,.tile:focus-within .tile-zoom{opacity:1}.tile-zoom:hover{background:#000000bf}.loupe-zoom{display:flex;align-items:center;gap:6px}.loupe-zoom .icon-btn{height:40px;min-width:40px;padding:0 12px;font-size:20px;font-weight:500;background:#0000000a}.loupe-zoom .icon-btn:hover:not(:disabled){background:#0000001a}.loupe-zoom-value{font-size:14px;font-weight:500;color:#1a1a1a;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 768px){.topbar{padding:0 12px;height:52px}.brand{font-size:13px}.progress{min-width:0;gap:8px}.round-info{font-size:12px}.round-badge{font-size:11px;padding:2px 8px}.topbar-right .topbar-action,.grid-toggle{display:none}.edge-arrow{opacity:1;width:44px;height:44px;font-size:24px}.grid-pill{min-width:32px;padding:6px 10px;font-size:12px}.pre-tournament{padding:16px 12px;gap:12px}.pre-tournament h2{font-size:16px}.complete-banner{margin:8px;padding:12px}.complete-title{font-size:14px}.round-toast{top:64px;font-size:13px;padding:10px 18px}.empty{padding:20px;gap:8px}.app-footer{font-size:11px;padding:6px 12px}.tile-zoom{opacity:1;width:36px;height:36px;background:#000000a6}.loupe-zoom .icon-btn{height:44px;min-width:44px;font-size:22px}.loupe-zoom-value{font-size:13px;min-width:48px}}