:root{color-scheme:dark;--board-max-width:min(80vw, 540px);--board-gap:6px;--board-padding:clamp(10px, 1.6vw, 14px);--frame-padding:clamp(12px, 2.6vw, 18px);--board-surface-dark:#0e3b23;--board-surface-light:#16502f;--board-edge:#050a08cc;--disc-black-base:#020405;--disc-black-highlight:#1f2937;--disc-white-base:#fdfdfd;--disc-white-shadow:#cdd5e0}@media (width<=600px){:root{--board-max-width:calc(100vw - 120px);--board-padding:8px;--frame-padding:10px}}@media (width<=480px){:root{--board-max-width:calc(100vw - 100px);--board-padding:6px;--frame-padding:8px}}@media (width<=440px){:root{--board-max-width:calc(100vw - 46px);--board-padding:5px;--frame-padding:6px}}@media (width<=360px){:root{--board-max-width:calc(100vw - 32px);--board-padding:4px;--frame-padding:5px}}*{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{color:#e2e8f0;background:radial-gradient(circle at 30% 20%,#1f2f4a,#121b36 65%);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}.app{backdrop-filter:blur(14px);background:#243052f2;border:1px solid #94a3b840;border-radius:18px;margin:0 6px;padding:24px;position:relative;overflow:hidden;box-shadow:0 25px 60px #082f4940}.loading-overlay{backdrop-filter:blur(10px);color:#e2e8f0;letter-spacing:.08em;z-index:5;background:#0f172ae0;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}.toast-region{pointer-events:none;z-index:10;justify-content:center;display:flex;position:absolute;inset:16px 0 auto}.toast{backdrop-filter:blur(10px);text-align:center;color:#e2e8f0;opacity:0;background:#111b34f2;border:1px solid #94a3b859;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:240px;max-width:min(90vw,360px);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);box-shadow:0 20px 35px #0206178c}.toast--visible{opacity:1;transform:translateY(0)scale(1)}.toast__icon{color:#38bdf8;background:#38bdf826;border:2px solid #38bdf880;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.95rem;font-weight:700;display:inline-flex}.toast__text{line-height:1.4;display:inline-block}.loading-dot{background:#38bdf8;border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #38bdf8b3}@media (height<=700px){.loading-overlay{align-items:flex-start}.loading-overlay .loading-content{margin-top:clamp(24px,50vh - 20px,60vh)}}@media (aspect-ratio<=3/4){.loading-overlay{align-items:flex-start}.loading-overlay .loading-content{margin-top:clamp(24px,50vh - 20px,60vh)}}@media (width<=900px){.loading-overlay{align-items:flex-start}.loading-overlay .loading-content{margin-top:clamp(24px,50vh - 20px,60vh)}}.settings-modal{backdrop-filter:blur(6px);z-index:999;background:#0a0f1ed9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-modal__panel{text-align:left;background:#111b34f2;border:1px solid #94a3b859;border-radius:16px;width:min(420px,100%);max-height:calc(100vh - 40px);padding:32px 28px 28px;position:relative;overflow-y:auto;box-shadow:0 20px 45px #02061773}.settings-modal__close{color:#e2e8f0b3;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.settings-modal__close:hover{color:#e2e8f0;background:#94a3b833;transform:none;box-shadow:0 2px 8px #0003}.settings-modal__close svg{width:18px;height:18px}@media (height<=700px){.settings-modal{align-items:flex-start}.settings-modal__panel{margin-top:0;margin-bottom:0;position:relative;top:45vh;transform:translateY(-50%)}}@media (aspect-ratio<=3/4){.settings-modal{align-items:flex-start}.settings-modal__panel{margin-top:0;margin-bottom:0;position:relative;top:45vh;transform:translateY(-50%)}}.settings-modal__heading{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;display:inline-flex}.settings-modal__label{letter-spacing:.05em;color:#e2e8f0f2;font-size:1.35rem;font-weight:700;line-height:1.3}.settings-modal__panel h2{letter-spacing:.06em;margin:0;font-size:1.4rem}.settings-modal__badge{letter-spacing:.12em;color:#e0f2fee6;white-space:nowrap;background:#0ea5e933;border:1px solid #38bdf859;border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.settings-modal__panel p{color:#e2e8f0bf;margin:0 0 20px;line-height:1.5}.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:#e2e8f0f2;letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:500;display:flex}.settings-field__value{color:#e2e8f0f2;font-size:1.1rem;font-weight:700}.radio-group{gap:12px;display:flex}.radio-option{cursor:pointer;background:#1e293b66;border:1.8px solid #94a3b840;border-radius:12px;flex:1;align-items:center;gap:10px;padding:12px 16px;display:flex}.radio-option:hover{background:#1e293b99;border-color:#94a3b866}.radio-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio-option input[type=radio]:checked~.radio-option__label{color:#e2e8f0;font-weight:600}.radio-option input[type=radio]:checked+.radio-option__disc{border-color:#94a3b899}.radio-option:has(input[type=radio]:checked){background:#33415cd9;border-color:#e2e8f099}.radio-option input[type=radio]:disabled~.radio-option__label{opacity:.5}.radio-option__disc{border:1.8px solid #94a3b880;border-radius:50%;flex-shrink:0;width:28px;height:28px}.radio-option__disc.black{background:radial-gradient(circle at 35% 30%,#1f2937,#020405);box-shadow:inset 0 1px 3px #ffffff26,0 2px 4px #00000080}.radio-option__disc.white{background:radial-gradient(circle at 40% 35%,#fff,#fdfdfd);box-shadow:inset 0 1px 3px #0000001a,0 2px 4px #0f172a4d}.radio-option__label{color:#e2e8f0f2;white-space:nowrap;font-size:.95rem}.level-slider{--level-min:1;--level-max:15;--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, #f8fafcf2 0%, #f8fafcf2 calc(var(--level-progress) * 100%), #f8fafc26 calc(var(--level-progress) * 100%), #f8fafc26 100%);cursor:pointer;appearance:none;border:1px solid #94a3b840;border-radius:999px;outline:none;width:100%;height:8px;transition:background .15s;box-shadow:inset 0 1px 2px #0f172a59}.level-slider::-webkit-slider-runnable-track{background:#f8fafc26;border-radius:999px;height:8px}.level-slider::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 40% 40%,#fff,#f8fafc);border:2px solid #f8fafce6;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0f172a73}.level-slider:active::-webkit-slider-thumb{transform:scale(1.05);box-shadow:0 3px 10px #0f172a8c}.level-slider::-moz-range-track{background:#f8fafc26;border-radius:999px;height:8px}.level-slider::-moz-range-progress{background:#f8fafcf2;border-radius:999px;height:8px}.level-slider::-moz-range-thumb{background:radial-gradient(circle at 40% 40%,#fff,#f8fafc);border:2px solid #f8fafce6;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0f172a73}.level-slider:focus-visible{outline-offset:2px;outline:2px solid #f8fafce6}.level-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e2e8f0f2;border:2px solid #94a3b880;border-radius:50%;width:20px;height:20px;margin-top:-8px;transition:all .2s;box-shadow:0 1px 4px #0000004d}.level-slider::-webkit-slider-thumb:hover{background:#e2e8f0;border-color:#94a3b899;box-shadow:0 2px 6px #0006}.level-slider::-moz-range-thumb{cursor:pointer;background:#e2e8f0f2;border:2px solid #94a3b880;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 1px 4px #0000004d}.level-slider::-moz-range-thumb:hover{background:#e2e8f0;border-color:#94a3b899;box-shadow:0 2px 6px #0006}.level-slider::-webkit-slider-runnable-track{background:#1e293b80;border:1px solid #94a3b833;border-radius:999px;width:100%;height:6px}.level-slider::-moz-range-track{background:#1e293b80;border:1px solid #94a3b833;border-radius:999px;width:100%;height:6px}.level-slider:disabled{opacity:.5;cursor:not-allowed}.level-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.level-slider:disabled::-moz-range-thumb{cursor:not-allowed}.settings-modal__start{width:100%;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:600}.game-over-modal{backdrop-filter:blur(6px);z-index:1000;background:#0a0f1ed9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate3d(0, calc(var(--game-over-panel-offset,0px) - 8px), 0)}to{opacity:1;transform:translate3d(0, var(--game-over-panel-offset,0px), 0)}}.game-over-modal__panel{text-align:center;--game-over-panel-offset:0px;width:min(400px,100%);transform:translate3d(0, var(--game-over-panel-offset,0px), 0);background:#111b34f2;border:1px solid #94a3b859;border-radius:16px;padding:40px 24px 24px;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 20px 45px #02061773}.game-over-modal__close{color:#e2e8f0b3;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.game-over-modal__close:hover{color:#e2e8f0;background:#94a3b833;transform:none;box-shadow:0 2px 8px #0003}.game-over-modal__close svg{width:18px;height:18px}.game-over-modal__title{letter-spacing:.02em;color:#e2e8f0;margin:0 0 20px;font-size:1.5rem;font-weight:600}.game-over-modal__scores{background:#0f172a80;border:1px solid #94a3b840;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:#e2e8f099;letter-spacing:.03em;font-size:.8rem}.game-over-modal__score-value{color:#e2e8f0;font-size:1.6rem;font-weight:600}.game-over-modal__score-separator{color:#e2e8f066;font-size:1.4rem;font-weight:300}.game-over-modal__button{width:100%;color:inherit;cursor:pointer;background:#33415cd9;border:1px solid #94a3b859;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.game-over-modal__button:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 12px 22px #3b82f659}@media (height<=700px),(aspect-ratio<=3/4),(width<=900px){.game-over-modal{align-items:flex-start}.game-over-modal__panel{--game-over-panel-offset:-50%;margin-top:0;margin-bottom:0;position:relative;top:45vh}}@media (width<=480px){.settings-modal__panel{padding:28px 20px 24px}.settings-modal__heading{margin-bottom:20px}.settings-modal__fields{gap:16px;margin-bottom:20px}.radio-group{gap:8px}.radio-option{gap:8px;padding:10px 12px}.radio-option__disc{width:24px;height:24px}.radio-option__label,.settings-field__label{font-size:.9rem}.settings-field__value{font-size:1rem}.game-over-modal__panel{padding:40px 20px 20px}.game-over-modal__title{margin-bottom:16px;font-size:1.3rem}.game-over-modal__score-value{font-size:1.4rem}.game-over-modal__scores{gap:12px;padding:12px}}.site-header{backdrop-filter:blur(10px);z-index:10;background:#060b1abf;border-bottom:1px solid #94a3b840;width:100%;position:sticky;top:0;box-shadow:0 12px 30px #060b1a66}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(960px,100%);margin:0 auto;padding:6px 18px;display:flex}.site-header__title{letter-spacing:.08em;color:#e2e8f0f2;margin:0;font-size:clamp(1.3rem,2.2vw,1.6rem)}.project-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.project-link{color:#e2e8f0;background:#0f172aa6;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.project-link img,.project-link svg{display:inline-block}.project-link__text{display:inline}.project-link:hover{color:#e0f2fe;background:#38bdf833;box-shadow:0 0 14px #38bdf84d}.project-link:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.project-link--accent{background:#0ea5e940;border-color:#0ea5e980}@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:4px 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) 260px;align-items:flex-start;gap:24px;margin-bottom:12px;display:grid}.board-column{flex-direction:column;gap:16px;width:100%;max-width:640px;margin:0 auto;display:flex}.info-panel{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.info-panel>*{width:100%}@media (width<=900px){.content-layout{grid-template-columns:minmax(0,1fr)}.info-panel{max-width:none;position:static}.settings-modal{align-items:flex-start}.settings-modal__panel{margin-top:0;margin-bottom:0;position:relative;top:45vh;transform:translateY(-50%)}}.settings-info{background:#0f172a80;border:1px solid #94a3b840;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px 16px;display:grid}.settings-info__item{flex-direction:column;gap:2px;display:flex}.settings-info__label{letter-spacing:.08em;text-transform:uppercase;color:#e2e8f099;font-size:.78rem}.settings-info__item strong{letter-spacing:.05em;font-size:1rem}select{color:inherit;cursor:pointer;appearance:none;background:#33415cd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e2e8f0' d='M6 9L2 5h8z'/%3E%3C/svg%3E") right 16px center no-repeat;border:1px solid #94a3b859;border-radius:999px;padding:10px 40px 10px 18px;font-size:.95rem;transition:transform .15s,box-shadow .3s,background-color .15s,opacity .2s}button{color:inherit;cursor:pointer;background:#33415cd9;border:1px solid #94a3b859;border-radius:999px;padding:10px 18px;font-size:.95rem;transition:transform .15s,box-shadow .3s,background .15s,opacity .2s}select:hover,button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #3b82f659}button:disabled,select:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.control-buttons{justify-content:flex-start;gap:12px;width:100%;display:flex}.control-buttons button{width:100%;min-height:44px}.scoreboard{background:#2e3d62d9;border:1px solid #94a3b840;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex}.move-log{background:#0f172a73;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.move-log__body{background:#0f172a59;border:1px solid #94a3b826;border-radius:12px;min-height:320px;max-height:320px;padding:8px 12px;overflow-y:auto}.move-log__empty{color:#e2e8f0a6;font-size:.9rem}.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 #94a3b826;align-items:center;gap:8px;padding:4px 0;display:flex}.move-log__list li:last-child{border-bottom:none}.move-log__turn{color:#e2e8f0b3;min-width:28px}.move-log__icon{border:1px solid #0f172a80;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;box-shadow:inset 0 1px 2px #ffffff26,0 1px 2px #0006}.move-log__icon--black{background:radial-gradient(circle at 30% 30%, #1f2937, var(--disc-black-base));border-color:#0f172acc}.move-log__icon--white{background:radial-gradient(circle at 40% 35%, #fff, var(--disc-white-base));border-color:#94a3b8cc}.move-log__text{color:#e2e8f0f2}.move-log__eval{color:#facc15;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}.score{align-items:center;gap:10px;font-size:1rem;display:flex}.disc{border:2px solid #94a3b88c;border-radius:50%;width:20px;height:20px;box-shadow:inset 0 1px 2px #fff3}.disc.black{background:#070b18}.disc.white{background:#f7faff}.info{color:#e2e8f0f2;font-size:.95rem}.board{aspect-ratio:1;padding:var(--board-padding);width:min(100%, var(--board-max-width));background:#1d6d3f;border:2px solid #0d472eb3;border-radius:18px;grid-area:2/2;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);justify-self:center;gap:0;display:grid;box-shadow:inset 0 0 6px #0006}.board-wrapper{width:100%;padding:var(--frame-padding);background:radial-gradient(circle at 20% 20%,#0f172a,#020409 75%);border:1px solid #0f172a99;border-radius:clamp(18px,4vw,26px);box-shadow:inset 0 0 0 1px #ffffff0a,0 25px 35px #0206178c}.board-grid{grid-template-columns:auto minmax(0, var(--board-max-width)) auto;grid-template-rows:auto minmax(0,1fr) auto;justify-content:center;align-items:stretch;gap:clamp(6px,1.2vw,8px) clamp(8px,1.8vw,12px);display:grid}.board-corner{opacity:0;pointer-events:none;width:12px;height:12px}.board-coords-row{width:min(100%, var(--board-max-width));padding:0 calc(var(--board-padding) - 4px);letter-spacing:.08em;color:#e2e8f0d9;grid-template-columns:repeat(8,minmax(0,1fr));justify-self:center;gap:4px;font-size:.9rem;display:grid}.board-coords-top{grid-area:1/2}.board-coords-bottom{grid-area:3/2}.board-coords-row span{text-align:center;opacity:.9}.board-coords-spacer{opacity:0;pointer-events:none}.board-coords-col{padding:var(--board-padding) 0;letter-spacing:.08em;color:#e2e8f0bf;text-transform:uppercase;grid-template-rows:repeat(8,minmax(0,1fr));gap:0;height:100%;font-size:.88rem;display:grid}.board-coords-col span{justify-content:center;align-items:center;min-width:18px;line-height:1;display:flex}.board-coords-left{grid-area:2/1;place-self:stretch end}.board-coords-right{grid-area:2/3;place-self:stretch start}.cell{cursor:pointer;background:#24804a;border:1px solid #0a230f99;border-radius:0;padding:0;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.cell:hover:not(:disabled){background:#2a9154;box-shadow:inset 0 0 0 2px #3b82f659}.cell:after{content:"";opacity:0;box-shadow:none;border:2px solid #0000;border-radius:50%;transition:opacity .2s,transform .2s;position:absolute;inset:12%;transform:scale(.75)}.cell.black:after{background:radial-gradient(circle at 35% 30%, var(--disc-black-highlight), var(--disc-black-base));opacity:1;border-color:#111827d9;transform:scale(1);box-shadow:inset 0 0 6px #ffffff1a,0 4px 8px #000000bf}.cell.white:after{background:radial-gradient(circle at 40% 35%, #fff, var(--disc-white-base));opacity:1;border-color:#94a3b8bf;transform:scale(1);box-shadow:inset 0 0 6px #0000001a,0 4px 10px #0f172a59}.cell.legal{background:#22d3ee1f;box-shadow:inset 0 0 0 2px #38bdf859}.cell.legal:before{content:"";opacity:.7;box-shadow:none;background:radial-gradient(circle,#bfdbfecc 0%,#bfdbfe00 70%);border-radius:50%;position:absolute;inset:46%}.cell.last-human,.cell.last-ai{z-index:1;background:#ffffff12;box-shadow:0 0 0 4px #fbbf24d9,inset 0 0 0 1px #fbbf2459,0 0 18px #fbbf2473}.cell.last-human:before,.cell.last-ai:before{content:"";pointer-events:none;background:0 0;border:clamp(2px,.45vw,4px) solid #fbbf24;border-radius:50%;position:absolute;inset:clamp(7px,11%,14px);box-shadow:0 0 24px #fbbf24b3,inset 0 0 8px #fbbf2466}.cell.last-human:after,.cell.last-ai:after{box-shadow:0 0 12px #fbbf2499}.cell:disabled{cursor:default;box-shadow:none;background:#0f766e1f}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:.2;transform:scale(1.2)}to{opacity:.7;transform:scale(.9)}}@keyframes pulse-dot{0%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.85)}}@media (width<=600px){.app{margin:0 4px;padding:12px}.content-layout{flex-direction:column}.control-buttons{justify-content:center}.cell:after{inset:18%}.cell{min-width:44px;min-height:44px}.board-grid{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);gap:4px 6px}.board-wrapper{padding:8px}.board,.board-coords-row{width:100%;max-width:none}}@media (width<=480px){.app{margin:0 2px;padding:10px}body{padding:0 0 16px}.board-coords-row{width:100%;max-width:none;font-size:.72rem}.board-coords-col{font-size:.7rem}.board-coords-col span{min-width:14px;max-width:16px}.cell:after{inset:16%}.board-grid{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);gap:3px 4px}.board-wrapper{padding:6px}}@media (width<=440px){.app{margin:0 2px;padding:8px}.board-coords-row,.board-coords-col,.board-corner{display:none}.board-grid{grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.board{grid-area:1/1;width:100%;max-width:100%}.board-wrapper{padding:4px}}@media (width<=360px){.app{margin:0;padding:6px}.board-wrapper{padding:3px}.cell:after{inset:15%}}