:root{color-scheme:dark;--board-max-width:min(80vw, 540px);--site-header-height:54px;--content-width:1000px;--content-pad-x:clamp(16px, 3vw, 28px);--panel-width:300px;--background:#1c1c21;--background-secondary:#252529;--background-muted:#2e2e33;--foreground:#ffffffeb;--foreground-secondary:#fff9;--foreground-muted:#ffffff61;--card:#252529;--card-border:#ffffff1a;--popover:#2a2a2f;--primary:#3d9970;--primary-hover:#4db380;--primary-foreground:#fff;--secondary:#ffffff0f;--secondary-hover:#ffffff1a;--secondary-foreground:#ffffffd9;--accent-gold:#b8956c;--accent-blue:#6b8cae;--border:#ffffff14;--ring:#3d9970;--radius:.625rem;--stone-black-from:#404045;--stone-black-to:#1f1f22;--stone-white-from:#f5f5f5;--stone-white-to:#d4d4d4;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #0009}@media (width<=900px){:root{--board-max-width:min(94vw, 580px)}}@media (width<=600px){:root{--board-max-width:100vw}}*{box-sizing:border-box}[v-cloak]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}body{font-feature-settings:"rlig" 1, "calt" 1;background:radial-gradient(circle at 50% -10%, #2a2a31, var(--background) 60%);color:var(--foreground);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;min-height:100vh;margin:0;padding:0 0 24px;font-family:Inter,Noto Sans JP,system-ui,sans-serif;display:flex}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.scrollbar-thin::-webkit-scrollbar{width:5px;height:5px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2.5px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app{width:min(100%, var(--content-width));padding:10px var(--content-pad-x) 24px;margin:0 auto;position:relative;overflow:visible}.loading-overlay{backdrop-filter:blur(10px);color:var(--foreground);letter-spacing:.06em;z-index:5;background:#1c1c21eb;justify-content:center;align-items:center;font-size:1rem;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{align-items:center;gap:12px;display:flex}.loading-dot{background:var(--primary);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #3d9970b3}@media (height<=700px),(aspect-ratio<=3/4),(width<=900px){.loading-overlay{align-items:flex-start}.loading-overlay .loading-content{margin-top:clamp(24px,50vh - 20px,60vh)}}.toast-region{pointer-events:none;z-index:10;justify-content:center;display:flex;position:absolute;inset:16px 0 auto}.toast{border:1px solid var(--card-border);background:var(--popover);backdrop-filter:blur(10px);min-width:240px;max-width:min(90vw,360px);box-shadow:var(--shadow-lg);text-align:center;color:var(--foreground);opacity:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:12px 18px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;transform:translateY(-16px)scale(.96)}.toast--visible{opacity:1;transform:translateY(0)scale(1)}.toast__icon{width:24px;height:24px;color:var(--primary-hover);background:#3d997026;border:2px solid #3d997080;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.toast__text{line-height:1.4;display:inline-block}.site-header{border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);z-index:10;background:#141418cc;position:sticky;top:0}.site-header__inner{width:min(var(--content-width), 100%);padding:8px var(--content-pad-x);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.site-header__title{letter-spacing:.04em;color:var(--foreground);margin:0;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:700}.project-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.project-link{color:var(--secondary-foreground);border:1px solid var(--border);background:var(--secondary);border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.project-link img,.project-link svg{display:inline-block}.project-link:hover{color:var(--foreground);background:var(--secondary-hover);border-color:var(--card-border)}.project-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.project-link--accent{color:#ffffffeb;background:#3d99702e;border-color:#3d997066}.project-link--accent:hover{background:#3d997047;border-color:#3d997099}@media (width<=720px){.site-header__inner{flex-wrap:nowrap;gap:8px}.site-header__title{flex:none}.project-links{flex-wrap:nowrap;flex:1;justify-content:flex-end;width:auto}.project-link{gap:6px;padding:5px 10px;font-size:.7rem}.project-link img,.project-link svg{width:16px;height:16px}.project-link__text{display:none}}.content-layout{grid-template-columns:minmax(0, 1fr) var(--panel-width);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-xl);border-radius:16px;align-items:stretch;gap:clamp(16px,2.5vw,28px);margin-bottom:12px;padding:clamp(14px,2vw,22px);display:grid}.board-column{flex-direction:column;justify-content:center;gap:16px;width:100%;margin:0 auto;display:flex}.info-panel{border-left:1px solid var(--border);flex-direction:column;gap:0;padding-left:clamp(16px,2vw,22px);display:flex}.info-panel>*{width:100%}@media (width<=900px){.content-layout{box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(0,1fr);gap:0;padding:0}.info-panel{border-top:none;border-left:none;max-width:none;padding-top:16px;padding-left:0}}.board-wrapper{justify-content:center;width:100%;display:flex;position:relative}.board3d{width:min(100%, var(--board-max-width));aspect-ratio:1;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.board3d canvas{display:block;width:100%!important;height:100%!important}.thinking-badge{z-index:4;border:1px solid var(--card-border);backdrop-filter:blur(10px);max-width:calc(100% - 24px);box-shadow:var(--shadow-lg);color:var(--foreground);pointer-events:none;background:#2a2a2fd1;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;animation:.22s thinking-badge-in;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.thinking-badge__dots{align-items:center;gap:5px;display:inline-flex}.thinking-badge__dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #3d9970b3}.thinking-badge__dot:nth-child(2){animation-delay:.2s}.thinking-badge__dot:nth-child(3){animation-delay:.4s}.thinking-badge__title{font-size:.95rem;font-weight:600}@keyframes thinking-badge-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}button{border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s,opacity .2s}button:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--card-border)}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.control-buttons{border-bottom:1px solid var(--border);justify-content:flex-start;gap:12px;width:100%;padding-bottom:16px;display:flex}.control-buttons button{width:100%;min-height:44px}.settings-info{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:16px 0;display:grid}.settings-info__item{flex-direction:column;gap:2px;display:flex}.settings-info__label{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-secondary);font-size:.74rem}.settings-info__item strong{letter-spacing:.03em;font-size:1rem}.scoreboard{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;padding:16px 0;display:flex}.score{align-items:center;gap:10px;font-size:1rem;display:flex}.disc{border-radius:50%;flex-shrink:0;width:20px;height:20px;box-shadow:inset -2px -2px 5px #00000059,inset 2px 2px 5px #ffffff1f,0 2px 4px #00000080}.disc.black{background:radial-gradient(circle at 35% 30%, var(--stone-black-from), var(--stone-black-to))}.disc.white{background:radial-gradient(circle at 35% 30%, var(--stone-white-from), var(--stone-white-to))}.info{color:var(--foreground);font-size:.95rem}.move-log{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;padding-top:16px;display:flex}.move-log__body{scrollbar-gutter:stable;border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:#0003;border-radius:10px;flex:1 1 0;min-height:0;padding:8px 12px;overflow-y:auto}.move-log__body::-webkit-scrollbar{width:5px}.move-log__body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2.5px}.move-log__list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.move-log__list li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.move-log__list li:last-child{border-bottom:none}.move-log__turn{color:var(--foreground-secondary);min-width:28px}.move-log__icon{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;box-shadow:inset -1px -1px 3px #0006,inset 1px 1px 3px #ffffff1f,0 1px 2px #0006}.move-log__icon--black{background:radial-gradient(circle at 35% 30%, var(--stone-black-from), var(--stone-black-to))}.move-log__icon--white{background:radial-gradient(circle at 35% 30%, var(--stone-white-from), var(--stone-white-to))}.move-log__text{color:var(--foreground)}.move-log__eval{color:var(--accent-gold);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:auto;font-size:.88rem;display:inline-flex}.move-log__eval-icon{width:18px;height:18px;display:inline-flex}.move-log__eval-icon svg{width:100%;height:100%}.move-log__eval-value{text-align:right;min-width:3.2rem}.settings-modal{inset:var(--site-header-height) 0 0;backdrop-filter:blur(6px);z-index:999;background:#0c0c0fd1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;overflow-y:auto}.settings-modal__panel{background:var(--card);border:1px solid var(--card-border);width:min(420px,100%);box-shadow:var(--shadow-xl);text-align:left;max-height:calc(100vh - var(--site-header-height) - 40px);border-radius:14px;padding:32px 28px 28px;position:relative;overflow-y:auto}.settings-modal__close,.game-over-modal__close{background:var(--secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--foreground-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:12px;right:12px}.settings-modal__close:hover,.game-over-modal__close:hover{background:var(--secondary-hover);color:var(--foreground)}.settings-modal__close svg,.game-over-modal__close svg{width:18px;height:18px}.settings-modal__heading{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;display:inline-flex}.settings-modal__label{letter-spacing:.02em;color:var(--foreground);font-size:1.35rem;font-weight:700;line-height:1.3}.settings-modal__panel h2{letter-spacing:.02em;margin:0;font-size:1.4rem}.settings-modal__badge{letter-spacing:.08em;color:var(--primary-hover);white-space:nowrap;background:#3d997029;border:1px solid #3d997066;border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.settings-modal__fields{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.settings-field{flex-direction:column;gap:10px;display:flex}.settings-field__label{color:var(--foreground);letter-spacing:.01em;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:500;display:flex}.settings-field__value{color:var(--foreground);font-size:1.1rem;font-weight:700}.radio-group{gap:12px;display:flex}.radio-option{background:var(--secondary);border:1.8px solid var(--border);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:10px;padding:12px 16px;transition:background .18s,border-color .18s;display:flex}.radio-option:hover{background:var(--secondary-hover);border-color:var(--card-border)}.radio-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio-option input[type=radio]:checked~.radio-option__label{color:var(--foreground);font-weight:600}.radio-option:has(input[type=radio]:checked){background:#3d997024;border-color:#3d997099}.radio-option input[type=radio]:disabled~.radio-option__label{opacity:.5}.radio-option__disc{border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:inset -2px -2px 5px #00000059,inset 2px 2px 5px #ffffff1f,0 2px 4px #00000080}.radio-option__disc.black{background:radial-gradient(circle at 35% 30%, var(--stone-black-from), var(--stone-black-to))}.radio-option__disc.white{background:radial-gradient(circle at 35% 30%, var(--stone-white-from), var(--stone-white-to))}.radio-option__label{color:var(--foreground);white-space:nowrap;font-size:.95rem}.level-slider{--level-min:1;--level-max:24;--level-value:1;--level-range:calc(var(--level-max) - var(--level-min));--level-progress:calc((var(--level-value) - var(--level-min)) / var(--level-range));background:linear-gradient(90deg, var(--primary) 0%, var(--primary) calc(var(--level-progress) * 100%), #ffffff1a calc(var(--level-progress) * 100%), #ffffff1a 100%);cursor:pointer;appearance:none;border:1px solid var(--border);border-radius:999px;outline:none;width:100%;height:8px;transition:background .15s}.level-slider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:8px}.level-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-5px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #00000080}.level-slider::-webkit-slider-thumb:hover{transform:scale(1.08)}.level-slider::-moz-range-track{background:0 0;border-radius:999px;height:8px}.level-slider::-moz-range-thumb{border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 2px 6px #00000080}.level-slider::-moz-range-thumb:hover{transform:scale(1.08)}.level-slider:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.level-slider:disabled{opacity:.5;cursor:not-allowed}.settings-modal__start,.game-over-modal__button{background:var(--primary);width:100%;min-height:48px;color:var(--primary-foreground);border:1px solid #0000;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600}.settings-modal__start:hover:not(:disabled),.game-over-modal__button:hover:not(:disabled){background:var(--primary-hover);border-color:#0000}.game-over-modal{backdrop-filter:blur(6px);z-index:1000;background:#0c0c0fd1;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.game-over-modal__panel{background:var(--card);width:min(400px,100%);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--card-border);border-radius:14px;padding:40px 24px 24px;animation:.3s ease-out modalSlideIn;position:relative}.game-over-modal__panel--win{box-shadow:var(--shadow-xl), 0 0 30px #3d997033;border-color:#3d997080}.game-over-modal__panel--lose{border-color:#c45c5c80}.game-over-modal__title{letter-spacing:.01em;color:var(--foreground);margin:0 0 20px;font-size:1.5rem;font-weight:600}.game-over-modal__scores{background:var(--background-secondary);border:1px solid var(--card-border);border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.game-over-modal__score{flex-direction:column;align-items:center;gap:6px;display:flex}.game-over-modal__score-label{color:var(--foreground-secondary);letter-spacing:.02em;font-size:.8rem}.game-over-modal__score-value{color:var(--foreground);font-size:1.6rem;font-weight:600}.game-over-modal__score-separator{color:var(--foreground-muted);font-size:1.4rem;font-weight:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.85)}}@media (height<=700px),(aspect-ratio<=3/4),(width<=900px){.settings-modal,.game-over-modal{align-items:flex-start}.settings-modal__panel,.game-over-modal__panel{margin:0;position:relative;top:45vh;transform:translateY(-50%)}}@media (width<=600px){.app{padding:10px 14px 16px}.control-buttons{justify-content:center}}@media (width<=480px){.app{padding:8px 12px 14px}body{padding:0 0 16px}.settings-modal__panel{padding:28px 20px 24px}.game-over-modal__panel{padding:40px 20px 20px}.game-over-modal__title{font-size:1.3rem}}@media (width<=900px){.move-log{flex:none}.move-log__body{flex:none;height:auto;min-height:0;max-height:none;overflow-y:visible}}