:root{--font-maori-title: 3.5rem;--font-english-subtitle: 1.4rem;--font-maori-heading: 2rem;--font-english-subheading: 1.1rem;--font-maori-body: 1.2rem;--font-english-body: .95rem;--color-maori-primary: #2C1810;--color-english-secondary: #6B5B52;--opacity-maori: 1;--opacity-english: .75}.bilingual-text{display:flex;flex-direction:column;align-items:inherit;text-align:inherit}.text-maori-primary .text-maori{font-size:var(--font-maori-title);font-weight:700;color:var(--color-maori-primary);letter-spacing:2px;line-height:1.2}.text-english-secondary-title .text-english{font-size:var(--font-english-subtitle);font-weight:400;color:var(--color-english-secondary);opacity:var(--opacity-english);margin-top:.25rem;letter-spacing:.5px}.text-maori-heading .text-maori{font-size:var(--font-maori-heading);font-weight:600;color:var(--color-maori-primary);line-height:1.3}.text-english-secondary-heading .text-english{font-size:var(--font-english-subheading);font-weight:400;color:var(--color-english-secondary);opacity:var(--opacity-english);margin-top:.2rem}.text-maori-body .text-maori{font-size:var(--font-maori-body);font-weight:500;color:var(--color-maori-primary);line-height:1.5}.text-english-secondary-body .text-english{font-size:var(--font-english-body);font-weight:400;color:var(--color-english-secondary);opacity:var(--opacity-english);margin-top:.15rem;line-height:1.4}.text-maori-caption .text-maori{font-size:1rem;font-weight:500;color:var(--color-maori-primary);line-height:1.4}.text-english-secondary-caption .text-english{font-size:.85rem;font-weight:400;color:var(--color-english-secondary);opacity:var(--opacity-english);margin-top:.1rem;line-height:1.3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/BACKGROUND-3tvHfWRc.png);background-repeat:repeat;background-size:400px 400px;background-attachment:fixed;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:3rem;color:#2c1810;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:1.2rem;color:#4a3728;margin-top:.5rem}.game-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}@media (max-width: 968px){.game-container{grid-template-columns:1fr}}.main-game-area{background-image:url(/assets/BACKGROUND-3tvHfWRc.png);background-repeat:repeat;background-size:300px 300px;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;position:relative}.main-game-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;border-radius:12px;pointer-events:none;z-index:0}.main-game-area>*{position:relative;z-index:1}.game-board-container{display:flex;justify-content:center;margin-bottom:2rem}.game-board-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.center-decoration{animation:centerGlow 4s ease-in-out infinite}@keyframes centerGlow{0%,to{opacity:.6}50%{opacity:.75}}.valid-move-indicator{transition:opacity .2s ease,fill-opacity .2s ease;cursor:pointer}.valid-move-indicator:hover{opacity:.9;fill-opacity:.8}.piece{cursor:pointer}.piece:hover .piece-body{filter:brightness(1.15) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.selection-glow{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}.controls-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.control-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #2C1810;background:#fff;color:#2c1810;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.control-button:hover:not(:disabled){background:#2c1810;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.control-button:disabled{opacity:.5;cursor:not-allowed}.control-button svg{width:24px;height:24px}.side-panel{display:flex;flex-direction:column;gap:1.5rem}.status-panel{background-image:url(/assets/BACKGROUND-3tvHfWRc.png);background-repeat:repeat;background-size:250px 250px;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;position:relative}.status-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff59;border-radius:12px;pointer-events:none;z-index:0}.status-panel>*{position:relative;z-index:1}.status-message{text-align:center;margin-bottom:1rem}.game-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;padding:.5rem;background:#f5f5f5;border-radius:6px}.info-label{font-weight:600;color:#666}.info-value{font-weight:700;color:#2c1810}.game-over-message{margin-top:1rem;padding:1rem;background:#e8f5e9;border-radius:8px;text-align:center;color:#2e7d32}.move-history{background-image:url(/assets/BACKGROUND-3tvHfWRc.png);background-repeat:repeat;background-size:250px 250px;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;position:relative}.move-history:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff59;border-radius:12px;pointer-events:none;z-index:0}.move-history>*{position:relative;z-index:1}.move-history-title{font-size:1.2rem;color:#2c1810;margin-bottom:1rem;text-align:center}.no-moves{text-align:center;color:#999;font-style:italic}.move-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.move-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f5f5f5;border-radius:6px;font-size:.9rem}.move-number{font-weight:700;color:#666;min-width:30px}.move-player{font-size:1.2rem}.move-player.player-1{color:#1a1a1a}.move-player.player-2{color:#d4a574}.move-details{font-family:Courier New,monospace;color:#2c1810}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #E0E0E0}.modal-header h2{font-size:1.5rem;color:#2c1810}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;color:#666;transition:color .2s}.close-button:hover{color:#2c1810}.modal-body{padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:1.2rem;color:#2c1810;margin-bottom:1rem}.difficulty-options{display:flex;flex-direction:column;gap:.75rem}.difficulty-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #E0E0E0;border-radius:8px;cursor:pointer;transition:all .2s}.difficulty-option:hover{border-color:#2c1810;background:#f5f5f5}.difficulty-option input[type=radio]{width:20px;height:20px;cursor:pointer}.difficulty-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.difficulty-description{font-size:.9rem;color:#666}.rules-info,.about-info{display:flex;flex-direction:column;gap:.75rem;color:#333;line-height:1.6}.rules-info p,.about-info p{padding:.75rem;background:#f5f5f5;border-radius:6px;border-left:3px solid #D4A574}.move-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.move-list::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.move-list::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#d4a574;border-radius:4px}.move-list::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#c19a6b}@media (max-width: 768px){.app{padding:1rem}.app-header h1{font-size:2rem}.subtitle{font-size:1rem}.main-game-area{padding:1rem}.control-button span{display:none}.control-button{padding:.75rem}}.auto-progress-container{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;padding:1rem;margin-bottom:1rem;border:2px solid #2196F3;animation:slideIn .3s ease-out}.auto-progress-text{text-align:center;font-size:.95rem;color:#1976d2;font-weight:600;margin-bottom:.5rem}.auto-progress-preview{font-size:.85rem;color:#424242;text-align:center;margin-bottom:.5rem;font-family:Courier New,monospace}.auto-progress-bar{height:8px;background:#e3f2fd;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.auto-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);transition:width .1s linear;border-radius:4px}.auto-progress-cancel{width:100%;padding:.5rem;background:#fff;border:1px solid #2196F3;border-radius:6px;color:#1976d2;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.auto-progress-cancel:hover{background:#2196f3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.last-move-indicator{animation:lastMovePulse 2s ease-out;pointer-events:none}@keyframes lastMovePulse{0%{opacity:.9;stroke-width:4}to{opacity:.6;stroke-width:3}}.auto-progress-arrow{animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ai-move-arrow{animation:arrowFadeIn .5s ease-out}@keyframes arrowFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auto-progress-arrow line{animation:dashOffset 1s linear infinite}@keyframes dashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.move-preview-ghost{pointer-events:none;transition:opacity .2s}:root{--animation-speed-multiplier: 1}.piece{transition:transform calc(.4s * var(--animation-speed-multiplier)) cubic-bezier(.4,0,.2,1)}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #E0E0E0}.settings-section:last-child{border-bottom:none}.settings-section h3{margin-bottom:.5rem;color:#2c1810;font-size:1.2rem}.settings-description{color:#666;font-size:.9rem;margin-bottom:1rem}.setting-item{margin-bottom:1rem}.setting-item label{display:block;font-weight:600;margin-bottom:.5rem;color:#2c1810}.checkbox-label{display:flex!important;align-items:center;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{margin-right:.5rem;cursor:pointer;width:18px;height:18px}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.radio-label:hover{background:#f5f5f5}.radio-label input[type=radio]{margin-right:.5rem;cursor:pointer}@media (max-width: 768px){.auto-progress-text{font-size:.9rem}.auto-progress-bar{height:10px}.auto-progress-cancel{padding:.75rem;font-size:.9rem}body{background-size:300px 300px}.main-game-area,.status-panel,.move-history{background-size:200px 200px}}@media (max-width: 640px){body{background-size:250px 250px}.main-game-area,.status-panel,.move-history{background-size:150px 150px}}[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #FFD700;outline-offset:4px;box-shadow:0 0 0 4px #ffd70033}g[role=button]:focus-visible circle,circle[role=button]:focus-visible{stroke:gold!important;stroke-width:4!important;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}*:focus-visible{outline:3px solid #FFD700;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.piece{transition:none!important}.selection-glow animate{display:none}.selection-glow,.valid-move-indicator,.position-marker{animation:none!important}}@media (prefers-contrast: high){.control-button,.modal-content,.status-panel,.move-history{border:2px solid currentColor}[role=button]:focus-visible{outline-width:4px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-small{max-width:500px}.modal-medium{max-width:700px}.modal-large{max-width:900px;max-height:85vh}.settings-modal{display:flex;flex-direction:column;height:100%;max-height:85vh}.settings-tabs{display:flex;background:linear-gradient(to bottom,#f8f7f4,#eeede9);border-bottom:2px solid #d4d2cc;padding:0;overflow-x:auto;flex-shrink:0}.settings-tab{flex:1;min-width:100px;padding:1rem .5rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-bottom:3px solid transparent}.settings-tab:hover{background:#ffffff80}.settings-tab.active{background:#fff;border-bottom-color:#8b4513}.tab-icon{font-size:2rem;line-height:1}.settings-tab-content{flex:1;overflow-y:auto;padding:2rem;background:#fff}.settings-group{margin-bottom:3rem}.settings-group:last-child{margin-bottom:0}.asset-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.asset-preview-card{position:relative;border:2px solid #e0e0e0;border-radius:12px;padding:.75rem;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.asset-preview-card:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b451333;transform:translateY(-2px)}.asset-preview-card.selected{border-color:#8b4513;border-width:3px;background:#fff8f0}.preview-image{width:100%;display:flex;justify-content:center;align-items:center}.background-preview{width:100%;height:80px;border-radius:8px;background-size:cover;background-position:center}.pieces-preview{display:flex;gap:.5rem;align-items:center;justify-content:center}.pieces-preview img{width:40px;height:40px;object-fit:contain}.center-preview{width:60px;height:60px;object-fit:contain}.selected-indicator{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:#8b4513;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.speed-selector{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.radio-option{flex:1;min-width:100px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.radio-option:hover{border-color:#8b4513;background:#f5f5f5}.radio-option input[type=radio]{margin-right:.5rem}.option-label{font-weight:500}.keyboard-shortcuts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.shortcut-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f5f5f5;border-radius:6px}kbd{padding:.25rem .5rem;background:#2c1810;color:#fff;border-radius:4px;font-family:monospace;font-size:.9rem;font-weight:700;min-width:30px;text-align:center;display:inline-block}.rule-item{margin-bottom:1.5rem;padding:1rem;background:#f5f5f5;border-radius:8px;border-left:4px solid #8B4513}.rule-item p{margin-top:.5rem;color:#555;line-height:1.6;padding:0;background:transparent;border:none}.about-text{color:#555;line-height:1.6;margin-bottom:1rem}.version-info{padding:1rem;background:#f5f5f5;border-radius:8px}.version-info p{margin-bottom:.5rem;color:#333}.status-icon{font-size:2rem;margin-right:.5rem;display:inline-block;vertical-align:middle}.status-message .bilingual-text{display:inline-flex;vertical-align:middle}.button-text{display:flex;flex-direction:column;align-items:flex-start}.button-text .bilingual-text{align-items:flex-start}@media (max-width: 640px){.modal-large,.modal-medium,.modal-small{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.settings-modal{max-height:100vh}.asset-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.settings-tab-content{padding:1rem}.tab-icon{font-size:1.5rem}.settings-tab{min-width:70px;padding:.75rem .25rem}.keyboard-shortcuts-list{grid-template-columns:1fr}.speed-selector{flex-direction:column}}@media (max-width: 768px){.control-button .button-text{display:none}}.rules-modal{display:flex;flex-direction:column;height:100%}.rules-modal-content{display:flex;flex:1;overflow:hidden}.rules-sidebar{width:200px;background:linear-gradient(to bottom,#f8f7f4,#eeede9);border-right:2px solid #d4d2cc;overflow-y:auto;flex-shrink:0}.rule-nav-button{width:100%;padding:1rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left;border-left:4px solid transparent}.rule-nav-button:hover{background:#ffffff80}.rule-nav-button.active{background:#fff;border-left-color:#8b4513}.rules-main-content{flex:1;overflow-y:auto;padding:2rem;background:#fff}.rule-illustration{margin:2rem 0;padding:1.5rem;background:#f8f7f4;border-radius:12px;border:2px solid #e0e0e0}.rule-illustration-text{color:#333;line-height:1.6}.rule-illustration-text p{margin-bottom:1rem}.rule-illustration-text p:last-child{margin-bottom:0}.rule-illustration-text strong{color:#8b4513;font-weight:600}.rule-description{margin:1.5rem 0}.rule-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.rule-progress{font-weight:600;color:#666}.tutorial-modal{display:flex;flex-direction:column;height:100%}.tutorial-container{display:flex;flex:1;overflow:hidden}.tutorial-sidebar{width:350px;background:linear-gradient(to bottom,#f8f7f4,#eeede9);border-right:2px solid #d4d2cc;padding:2rem;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.tutorial-title{flex:1;margin:0}.tutorial-title .text-maori{display:block;font-size:1.5rem;font-weight:600;color:#2c1810;line-height:1.3;margin-bottom:.25rem}.tutorial-title .text-english{display:block;font-size:1.1rem;font-weight:400;color:#6b5b52;opacity:.75}.tutorial-instruction{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #e0e0e0;margin-bottom:1.5rem}.tutorial-instruction .text-maori{display:block;font-size:1.1rem;font-weight:500;color:#2c1810;line-height:1.5;margin-bottom:.5rem}.tutorial-instruction .text-english{display:block;font-size:.95rem;font-weight:400;color:#6b5b52;opacity:.75;line-height:1.4}.tutorial-progress{margin-bottom:1.5rem}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,#d4a574);transition:width .3s ease;border-radius:4px}.progress-text{font-size:.9rem;color:#666;font-weight:600}.tutorial-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.tutorial-skip{background:#fff!important;color:#666!important;border-color:#e0e0e0!important}.tutorial-skip:hover{background:#f5f5f5!important;color:#2c1810!important}.tutorial-board-area{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.tutorial-board-placeholder{max-width:400px;width:100%}.tutorial-board-placeholder svg{width:100%;height:auto}.how-to-play-container{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.prominent-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:3px solid #8B4513;background:#fff;color:#2c1810;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.prominent-button:hover{background:#8b4513;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #8b45134d}.prominent-button .button-icon{font-size:1.5rem;line-height:1}.how-to-play-button{background:linear-gradient(135deg,gold,orange);border-color:#ff8c00;color:#1a1a1a}.how-to-play-button:hover{background:linear-gradient(135deg,orange,#ff8c00);border-color:tomato;transform:translateY(-2px) scale(1.02)}@media (max-width: 768px){.rules-modal-content,.tutorial-container{flex-direction:column}.rules-sidebar,.tutorial-sidebar{width:100%;border-right:none;border-bottom:2px solid #d4d2cc;max-height:40vh}.rules-main-content,.tutorial-board-area{flex:1}.tutorial-sidebar,.tutorial-board-area{padding:1rem}.prominent-button{width:100%;justify-content:center}.how-to-play-container{margin-top:1rem}}@media (max-width: 640px){.tutorial-sidebar{width:100%}.tutorial-title .text-maori{font-size:1.2rem}.tutorial-title .text-english{font-size:1rem}.rule-navigation{flex-wrap:wrap;gap:.5rem}.rule-progress{width:100%;text-align:center;order:-1;margin-bottom:.5rem}}.about-modal-content{display:flex;flex-direction:column;gap:3rem}.about-hero{text-align:center;padding:2rem 0;background:linear-gradient(to bottom,#f8f7f4,#fff);border-radius:12px;margin:-1.5rem -1.5rem 0;padding:3rem 1.5rem 2rem}.about-title{margin-bottom:2rem}.maori-title{display:block;font-size:3rem;font-weight:700;color:#2c1810;letter-spacing:3px;line-height:1.2;margin-bottom:.5rem}.english-subtitle{display:block;font-size:1.4rem;font-weight:400;color:#6b5b52;letter-spacing:1px}.about-hero-image{margin-top:2rem}.hero-image-placeholder{background:linear-gradient(135deg,#e8dcc4,#d4c4a8);border-radius:12px;padding:3rem 2rem;border:3px dashed #8B4513;min-height:200px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:#6b5b52;font-style:italic;text-align:center;line-height:1.6;max-width:500px}.about-section{padding:1.5rem 0;border-bottom:1px solid #e0e0e0}.about-section:last-child{border-bottom:none}.about-content{margin-top:1.5rem}.text-maori-paragraph{font-size:1.1rem;font-weight:500;color:#2c1810;line-height:1.7;margin-bottom:1rem}.text-english-paragraph{font-size:1rem;font-weight:400;color:#4a3728;line-height:1.6;margin-bottom:1rem}.about-map{margin-top:2rem}.map-placeholder{background:linear-gradient(135deg,#bbdefb,#90caf9);border-radius:12px;padding:2rem;border:2px dashed #2196F3;min-height:150px;display:flex;align-items:center;justify-content:center}.significance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.significance-card{background:#f8f7f4;border-radius:12px;padding:1.5rem;border:2px solid #e0e0e0;transition:all .3s ease;text-align:center}.significance-card:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b451326;transform:translateY(-4px)}.card-icon{font-size:3rem;display:block;margin-bottom:1rem}.card-text{color:#555;line-height:1.6;font-size:.95rem;margin-top:.75rem}.strategy-list{list-style:none;padding:0;margin-top:1.5rem}.strategy-list li{padding:.75rem 1rem .75rem 2.5rem;margin-bottom:.75rem;background:#f5f5f5;border-radius:8px;border-left:4px solid #8B4513;position:relative}.strategy-list li:before{content:"▸";position:absolute;left:1rem;color:#8b4513;font-weight:700}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.material-card{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e0e0e0;transition:all .3s ease;text-align:center}.material-card:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b451326;transform:translateY(-4px)}.material-image-placeholder{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);border-radius:8px;padding:2rem 1rem;margin-bottom:1rem;min-height:120px;display:flex;align-items:center;justify-content:center;border:2px dashed #9E9E9E}.material-image-placeholder .placeholder-text{font-size:.85rem;color:#666}.material-description{font-size:.9rem;color:#666;line-height:1.5;margin-top:.75rem}.materials-note{margin-top:2rem;padding:1rem;background:#fff8f0;border-radius:8px;border-left:4px solid #D4A574}.credits-section{background:#f8f7f4;padding:2rem;border-radius:12px;margin-top:1rem}.credits-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.credit-item{padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #8B4513}.credit-item strong{display:block;color:#2c1810;font-size:1.1rem;margin-bottom:.5rem}.credit-item p{color:#555;line-height:1.6;margin:0;padding:0;background:transparent;border:none}.resources-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.resource-link{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.resource-link:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f333;transform:translate(8px);background:#e3f2fd}.link-icon{font-size:2rem;flex-shrink:0}.link-content{flex:1}.link-content strong{display:block;color:#2c1810;font-size:1.1rem;margin-bottom:.25rem}.link-content p{color:#666;font-size:.9rem;margin:0;line-height:1.4}.about-button{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1565c0}.about-button:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);border-color:#1565c0;transform:translateY(-2px) scale(1.02)}@media (max-width: 768px){.maori-title{font-size:2.2rem}.english-subtitle{font-size:1.1rem}.about-hero{margin:-1rem -1rem 0;padding:2rem 1rem 1.5rem}.significance-grid,.materials-grid{grid-template-columns:1fr}.about-section{padding:1rem 0}.card-icon{font-size:2.5rem}}@media (max-width: 640px){.maori-title{font-size:1.8rem}.english-subtitle,.text-maori-paragraph{font-size:1rem}.text-english-paragraph{font-size:.95rem}.hero-image-placeholder,.map-placeholder,.material-image-placeholder{padding:1.5rem 1rem;min-height:100px}.placeholder-text{font-size:.85rem}}body.high-contrast{--color-maori-primary: #000000;--color-english-secondary: #000000;background:#fff!important}body.high-contrast .app{background:#fff}body.high-contrast .main-game-area,body.high-contrast .status-panel,body.high-contrast .move-history{background:#fff!important;background-image:none!important;border:3px solid #000000!important}body.high-contrast .main-game-area:before,body.high-contrast .status-panel:before,body.high-contrast .move-history:before{display:none}body.high-contrast .control-button,body.high-contrast .prominent-button{background:#fff!important;color:#000!important;border:3px solid #000000!important}body.high-contrast .control-button:hover,body.high-contrast .prominent-button:hover{background:#000!important;color:#fff!important}body.high-contrast .modal-content{background:#fff!important;border:3px solid #000000!important}body.high-contrast .bilingual-text .text-maori,body.high-contrast .bilingual-text .text-english{color:#000!important;opacity:1!important}body.high-contrast .info-item,body.high-contrast .move-item{background:#fff!important;border:2px solid #000000!important}body.large-text{--font-maori-title: 4.5rem;--font-english-subtitle: 1.8rem;--font-maori-heading: 2.6rem;--font-english-subheading: 1.4rem;--font-maori-body: 1.5rem;--font-english-body: 1.2rem}body.large-text .control-button,body.large-text .prominent-button{font-size:1.3rem;padding:1rem 2rem}body.large-text .modal-header h2{font-size:2rem}body.large-text .settings-section h3{font-size:1.6rem}body.large-text .setting-item label,body.large-text .radio-label,body.large-text .checkbox-label{font-size:1.3rem}body.large-text .info-label,body.large-text .info-value{font-size:1.2rem}body.large-text .move-item,body.large-text kbd{font-size:1.1rem}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body.reduced-motion .piece{transition:none!important}body.reduced-motion .selection-glow animate{display:none}body.reduced-motion .selection-glow,body.reduced-motion .valid-move-indicator,body.reduced-motion .position-marker,body.reduced-motion .center-decoration,body.reduced-motion .auto-progress-arrow,body.reduced-motion .ai-move-arrow,body.reduced-motion .last-move-indicator{animation:none!important}body.reduced-motion .control-button:hover,body.reduced-motion .prominent-button:hover,body.reduced-motion .asset-preview-card:hover{transform:none!important}body.screen-reader-mode [role=button],body.screen-reader-mode button{min-width:44px;min-height:44px}body.colorblind-protanopia{filter:url(#protanopia-filter)}body.colorblind-deuteranopia{filter:url(#deuteranopia-filter)}body.colorblind-tritanopia{filter:url(#tritanopia-filter)}body.colorblind-protanopia svg.game-board-svg{filter:brightness(1.1) contrast(1.1) saturate(.8)}body.colorblind-deuteranopia svg.game-board-svg{filter:brightness(1.05) contrast(1.05) saturate(.85)}body.colorblind-tritanopia svg.game-board-svg{filter:brightness(1.1) contrast(1.15) saturate(.75) hue-rotate(20deg)}@media (max-width: 768px){button,[role=button],input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}.settings-tab{min-height:60px}.control-button{min-width:60px;min-height:60px}}body [role=button]:focus-visible,body button:focus-visible{outline:4px solid #FFD700;outline-offset:4px;box-shadow:0 0 0 6px #ffd7004d;z-index:100}body g[role=button]:focus-visible circle,body circle[role=button]:focus-visible{stroke:gold!important;stroke-width:5!important;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))!important}body.high-contrast.large-text .control-button,body.high-contrast.large-text .prominent-button{font-size:1.5rem;padding:1.25rem 2.5rem;min-height:60px}@media (max-width: 768px){body.large-text{--font-maori-title: 3rem;--font-english-subtitle: 1.4rem;--font-maori-heading: 2rem;--font-english-subheading: 1.2rem}}@media (max-width: 640px){body.large-text{--font-maori-title: 2.5rem;--font-english-subtitle: 1.3rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#f5e6d3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}