.board{isolation:isolate;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(92vw,460px);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.board__grid{grid-template-columns:repeat(var(--board-cells), 1fr);grid-template-rows:repeat(var(--board-cells), 1fr);aspect-ratio:1;display:grid}.board__dot{z-index:1;background-color:var(--color-dot);border-radius:var(--radius-full);place-self:center;width:36%;height:36%;position:relative}.edge-button{background:0 0;border:none;padding:0;position:relative}.edge-button:before{content:"";background-color:var(--color-edge-empty);border-radius:2px;transition:background-color .12s,height .12s,width .12s;position:absolute}.edge-button--horizontal:before{height:16%;top:50%;left:-50%;right:-50%;transform:translateY(-50%)}.edge-button--vertical:before{width:16%;top:-50%;bottom:-50%;left:50%;transform:translate(-50%)}.edge-button:not([disabled]):hover:before,.edge-button:not([disabled]):focus-visible:before{background-color:var(--color-edge-hover)}.edge-button--horizontal:not([disabled]):hover:before,.edge-button--horizontal:not([disabled]):focus-visible:before{height:38%}.edge-button--vertical:not([disabled]):hover:before,.edge-button--vertical:not([disabled]):focus-visible:before{width:38%}.edge-button--horizontal.edge-button--player-1:before,.edge-button--horizontal.edge-button--player-2:before{height:30%}.edge-button--vertical.edge-button--player-1:before,.edge-button--vertical.edge-button--player-2:before{width:30%}.edge-button--player-1:before{background-color:var(--color-player-1)}.edge-button--player-2:before{background-color:var(--color-player-2)}.edge-button--completed:before{background-color:var(--color-dot)}.box-cell{position:relative}.box-cell:before{content:"";z-index:-1;transition:background-color .15s;position:absolute;inset:-50%}.box-cell--player-1:before{background-color:var(--color-player-1)}.box-cell--player-2:before{background-color:var(--color-player-2)}.scoreboard{gap:var(--spacing-sm);width:min(92vw,460px);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.scoreboard__badge-row{justify-content:center;display:flex}.scoreboard__badge{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.scoreboard__names{justify-content:space-between;display:flex}.scoreboard__name{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);transition:color .15s}.scoreboard__name--player-1{color:var(--color-player-1)}.scoreboard__name--player-2{color:var(--color-player-2)}.scoreboard__counts{justify-content:center;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);display:flex}.scoreboard__count{min-width:2ch;font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-secondary);transition:color .15s}.scoreboard__count--player-1{color:var(--color-player-1)}.scoreboard__count--player-2{color:var(--color-player-2)}.scoreboard__vs{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.2em;color:var(--color-text-secondary);display:flex}.scoreboard__vs:before,.scoreboard__vs:after{content:"";width:var(--spacing-xxl);background-color:var(--color-border);height:1px}.button{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button--primary{background-color:var(--color-text-primary);color:var(--color-bg)}.button--primary:hover{background-color:var(--color-accent)}.button--primary:active{background-color:var(--color-accent-hover)}.button--secondary{border-color:var(--color-border);color:var(--color-text-primary);background-color:#0000}.button--secondary:hover{border-color:var(--color-text-primary)}.button--ghost{color:var(--color-text-primary);background:0 0}.button--ghost:hover{color:var(--color-accent)}.button:disabled{opacity:.4;cursor:not-allowed}.icon{font-size:var(--font-size-title);line-height:1}.game-screen{align-items:center;gap:var(--spacing-xl);flex-direction:column;width:100%;display:flex}.game-screen__controls{gap:var(--spacing-lg);display:flex}.home{align-items:center;gap:var(--spacing-xl);flex-direction:column;width:min(92vw,420px);display:flex}.home__title{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);letter-spacing:.02em;text-align:center}.home__subtitle{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center}.home__card{gap:var(--spacing-xl);width:100%;padding:var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}@media (width>=768px){.home__card{padding:var(--spacing-xxl)}}.home__modes,.home__difficulty{gap:var(--spacing-sm);flex-direction:column;display:flex}.home__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.home__difficulty-options{gap:var(--spacing-sm);display:flex}.home__difficulty-option{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background-color:#0000;flex:1;transition:background-color .15s,border-color .15s,color .15s}.home__difficulty-option:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.home__difficulty-option--active{background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.home__play{width:100%}.game-over{z-index:10;padding:var(--spacing-lg);background-color:#1a1a1a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over__card{align-items:center;gap:var(--spacing-lg);width:min(92vw,380px);padding:var(--spacing-xxxl) var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;display:flex}.game-over__icon{font-size:var(--font-size-display);color:var(--color-accent)}.game-over__title{font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-medium)}.game-over__actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.game-over__actions .button{width:100%}.app{justify-content:center;align-items:center;gap:var(--spacing-xxl);min-height:100dvh;padding:var(--spacing-xxl) var(--spacing-lg);flex-direction:column;display:flex}.app__header{flex-direction:column;align-items:center;display:flex}.app__title{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);letter-spacing:.02em;text-align:center}@media (width>=768px){.app{gap:var(--spacing-xxxl)}}:root{--color-bg:#faf8f5;--color-surface:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#6e6a63;--color-border:#e5e1da;--color-accent:#e4572e;--color-accent-hover:#c93f1d;--color-accent-subtle:#fdf0eb;--color-player-1:#2e51d4;--color-player-2:#d4362a;--color-success:#2e7d4f;--color-error:#c02f1d;--color-warning:#a66a13;--color-dot:#1a1a1a;--color-edge-empty:#d8d3ca;--color-edge-hover:#e4572e;--font-family-display:"Fraunces", Georgia, "Times New Roman", serif;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-size-display:2.5rem;--font-size-title:1.5rem;--font-size-subtitle:1.125rem;--font-size-body:1rem;--font-size-label:.8125rem;--font-size-caption:.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-xxxl:3rem;--spacing-xxxxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 12px 32px #0000001a;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{line-height:1.2;font-weight:var(--font-weight-bold);margin:0}p{margin:0}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}