*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%;font-size:16px}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:root{--breakpoint-sm:320px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--color-board-green:#1a5e3a;--color-board-bg:#c8e6c0;--color-brown:#8B4513;--color-light-blue:#87CEEB;--color-pink:#D81B60;--color-orange:#FF8F00;--color-red:#D32F2F;--color-yellow:#FDD835;--color-green:#388E3C;--color-dark-blue:#1565C0;--color-primary:#1a5e3a;--color-primary-hover:#15482e;--color-primary-light:#e8f5e9;--color-secondary:#5c6bc0;--color-secondary-hover:#3f51b5;--color-danger:#d32f2f;--color-danger-hover:#b71c1c;--color-warning:#f9a825;--color-success:#2e7d32;--color-info:#0288d1;--color-bg:#f5f5f5;--color-surface:#ffffff;--color-border:#e0e0e0;--color-text:#212121;--color-text-secondary:#616161;--color-text-muted:#9e9e9e;--color-overlay:rgba(0,0,0,0.5);--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-heading:"Georgia","Times New Roman",serif;--font-mono:"Menlo","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.15);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}@media (max-width:768px){:root{--text-3xl:1.5rem;--text-4xl:1.875rem}}@media (max-width:320px){:root{--text-2xl:1.25rem;--text-3xl:1.375rem;--text-4xl:1.5rem}}:focus-visible{outline:3px solid #90caf9;outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90caf9;outline-offset:2px}[data-color-group=brown]:after{content:"";background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 4px);position:absolute;inset:0;pointer-events:none}[data-color-group=lightBlue]:after{content:"";background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 5px);position:absolute;inset:0;pointer-events:none}[data-color-group=pink]:after{content:"";background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 4px);position:absolute;inset:0;pointer-events:none}[data-color-group=orange]:after{content:"";background:radial-gradient(circle 2px,rgba(255,255,255,.3) 0,transparent 0);background-size:6px 6px;position:absolute;inset:0;pointer-events:none}[data-color-group=red]:after{content:"";background:repeating-linear-gradient(135deg,transparent,transparent 3px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 5px);position:absolute;inset:0;pointer-events:none}[data-color-group=yellow]:after{content:"";background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 5px);position:absolute;inset:0;pointer-events:none}[data-color-group=green]:after{content:"";background:repeating-conic-gradient(rgba(255,255,255,.2) 0 25%,transparent 0 50%) 0 0 /6px 6px;position:absolute;inset:0;pointer-events:none}[data-color-group=darkBlue]:after{content:"";background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 3px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 3px);position:absolute;inset:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}