:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#2b2418;background-color:#fefbe3;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#fff2c1,#fefbe3 45%,#f4e4b7)}a{color:inherit}button{border-radius:10px;border:1px solid #d7c593;padding:10px 14px;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#fff2c8,#f2d58d);color:#2b2418;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000014}button:hover:not(:disabled){border-color:#e4873e;box-shadow:0 6px 18px #e4873e40;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;background:linear-gradient(135deg,#f7ecce,#e8ddba);color:#8a7a54}.app{min-height:100vh}.board-layout{display:flex;justify-content:center;align-items:flex-start;gap:36px;padding:12px 24px 32px;flex-wrap:nowrap;max-width:1400px;margin:0 auto}.board-container{display:flex;gap:28px;align-items:flex-start;flex-wrap:nowrap;justify-content:center;margin-top:-18px}.board-wrapper{position:relative;flex-shrink:0;display:inline-block}.panel{background:linear-gradient(145deg,#fffffff2,#fef4cdf2);border:1px solid #e0d3a3;border-radius:16px;padding:18px;box-shadow:0 10px 28px #0000002e;width:220px;min-height:460px}.panel h2{margin:0 0 16px;font-family:Dancing Script,Brush Script MT,Lucida Handwriting,cursive;font-size:2.8rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#d3842f,#8f5a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 12px rgba(228,135,62,.3)}.turn-line{font-weight:800;font-size:2rem;margin-bottom:16px;letter-spacing:.02em}.black-text{color:#2b2418}.white-text{color:#6a4a1e;text-shadow:0 1px 0 #fefbe3}.wall-inventory{display:flex;flex-direction:column;gap:16px;min-width:170px}.wall-count{background:linear-gradient(135deg,#fff5d1f2,#f5e0aceb);border:2px solid rgba(228,135,62,.3);border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000001a,0 0 20px #e4873e26;transition:all .3s ease;width:100%;max-width:220px}.wall-count:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f,0 0 30px #e4873e33;border-color:#e4873e73}.wall-count.black-walls{border-color:#0000001f;box-shadow:0 8px 24px #0000001f,0 0 20px #00000014}.wall-count.black-walls:hover{border-color:#00000038;box-shadow:0 12px 32px #00000029,0 0 30px #0000001f}.wall-label{font-size:1.6rem;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em;color:#2b2418;text-shadow:0 2px 8px rgba(0,0,0,.08)}.wall-numbers{display:flex;flex-direction:column;gap:10px}.wall-type{font-size:1.4rem;font-weight:700;color:#5a3b12;padding:8px 12px;background:#e4873e1f;border-radius:8px;border:1px solid rgba(228,135,62,.35)}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.controls button{font-size:1.05rem;padding:12px 18px}.controls button.selected{border-color:#e88f3a;box-shadow:inset 0 0 0 2px #e4873e55,0 8px 16px #e8873a33}.board-stack{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;position:relative}.wall-stack-column{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;min-width:90px;transform:translateY(0);margin-top:130px}.wall-stack{display:flex;align-items:center;justify-content:center;gap:8px}.horizontal-stack{flex-direction:column}.vertical-stack{display:grid;grid-template-columns:repeat(3,12px);grid-auto-rows:92px;gap:14px 16px;justify-items:center}.supply-bar{display:block;border-radius:6px;box-shadow:0 2px 6px #0003;opacity:.9}.supply-bar.horizontal{width:92px;height:12px;background:linear-gradient(90deg,#e4873e,#f29e52)}.supply-bar.vertical{width:12px;height:92px;background:linear-gradient(180deg,#2c8dd8,#56a8f2)}.horizontal-stack .supply-bar:nth-child(odd){transform:translate(-8px)}.horizontal-stack .supply-bar:nth-child(2n){transform:translate(8px)}.horizontal-stack .supply-bar:nth-child(3n){transform:translate(-4px)}.vertical-stack .supply-bar:nth-child(3n+1){transform:translateY(6px)}.vertical-stack .supply-bar:nth-child(3n+2){transform:translateY(12px)}.vertical-stack .supply-bar:nth-child(3n){transform:translateY(0)}.celebration-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;animation:popIn .3s ease}.celebration-card{background:#fffaeaf2;border:2px solid rgba(228,135,62,.5);border-radius:14px;padding:14px 18px;box-shadow:0 12px 28px #00000047;text-align:center;min-width:260px}.celebration-title{font-size:1.6rem;font-weight:800;color:#c1611d;margin-bottom:6px}.celebration-sub{color:#4a3a1e;font-size:1rem}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.wall-inventory-cards{display:none;width:100%;gap:12px;justify-content:center;align-items:flex-start}.control-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 14px;background:linear-gradient(135deg,#fff4cf,#f3dc9b);border:1px solid #e0d3a3;border-radius:14px;box-shadow:0 10px 22px #0000001f;width:fit-content;max-width:100%}.turn-chip{padding:8px 12px;border-radius:12px;background:#fff7e0;border:1px solid #e0d3a3;font-weight:800;font-size:1.05rem;color:#2b2418;box-shadow:inset 0 1px #ffffffb3}.control-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.control-buttons button{padding:9px 13px;font-size:.98rem}.hint{margin:10px 0;color:#9b5a1a;font-weight:600;font-size:1.05rem}.message{margin:4px 0 2px;padding:8px 10px;background:#e4873e1f;border:1px solid rgba(228,135,62,.4);border-radius:8px;font-size:1rem;color:#5a3b12;text-align:center;max-width:820px;width:100%}.winner{font-weight:800;color:#2e8c55;font-size:1.4rem}.legend{font-size:1rem;color:#4c3a1c;line-height:1.6}.board{position:relative;background:#faf5a0;border-radius:22px;box-shadow:inset 0 0 0 2px #d2a43d;display:grid;overflow:hidden;flex-shrink:0}.cell{border:1px solid #d8b352;position:relative;background:linear-gradient(90deg,#fff5c833,#ffeca040)}.cell:hover{background:#f7e6a9}.start{box-shadow:inset 0 0 0 4px #9e7c25e6}.start-black{background:#ffdf96b3}.start-white{background:#fff4cdcc}.move-dot{position:absolute;width:16px;height:16px;background:#5a3b12b3;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #5a3b1233,0 0 12px #5a3b1273}.token{position:absolute;width:36px;height:36px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 6px 12px #00000073;border:2px solid rgba(0,0,0,.3)}.token.black{background:radial-gradient(circle at 30% 30%,#444,#0a0a0a 60%)}.token.white{background:radial-gradient(circle at 30% 30%,#fff,#dfe1e4 60%);border:2px solid #c7c7c7}.token.active{box-shadow:0 0 0 6px #6369ff59,0 6px 14px #0000008c}.wall{position:absolute;border-radius:8px;box-shadow:0 4px 8px #00000040}.wall-hotspot{position:absolute;background:transparent;border:2px dashed rgba(0,0,0,.18);border-radius:10px;padding:0}.wall-hotspot.horizontal:hover{background:#e4873e2e;border-color:#e4873e66}.wall-hotspot.vertical:hover{background:#2c8dd82e;border-color:#2c8dd866}.game-shell{max-width:1400px;margin:0 auto;padding:16px;color:#2b2418}.header{text-align:center;margin-bottom:16px;color:#2b2418}.landing{position:relative;min-height:100vh;overflow:hidden;color:#2b2418;display:flex;align-items:center;justify-content:center;text-align:center;padding:48px}.bg-layer{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(228,135,62,.18),transparent 40%),radial-gradient(circle at 70% 60%,rgba(156,122,52,.16),transparent 42%),#fefbe3;z-index:1}.bg-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(1px) brightness(.85);transform:scale(1.02);z-index:0}.landing-content{position:relative;z-index:2;max-width:960px}.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:#9b5a1a;margin-bottom:12px}.hero-title{font-family:Montserrat,Inter,system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:.05em;font-size:clamp(64px,10vw,120px);margin:0 0 16px;color:#2b2418;text-shadow:0 12px 32px rgba(0,0,0,.18),0 0 24px rgba(228,135,62,.18)}.hero-subtitle{font-size:1.25rem;line-height:1.7;max-width:760px;margin:0 auto 28px;color:#4b3c23}.cta{display:flex;justify-content:center}.play-btn{min-width:240px;padding:16px 26px;font-size:1.2rem;letter-spacing:.05em;background:linear-gradient(135deg,#f2b34a,#e4873e);border:1px solid #d7c593;color:#2b2418;box-shadow:0 16px 32px #e4873e47}.play-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.play-stack{display:flex;flex-direction:column;align-items:center;gap:12px}.play-options button{padding:14px 20px;font-size:1.05rem}.single-options{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:center}.single-label{margin:0;font-weight:700;color:#5a3b12}.single-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.secondary{background:linear-gradient(135deg,#fff2c8,#ebd79f);border:1px solid #d7c593;color:#2b2418}.secondary.disabled{opacity:.7}@media(max-width:1100px){.board-layout{flex-direction:column;gap:18px;padding:0 14px 28px;align-items:center}.board-container{flex-direction:column;align-items:center;gap:12px}.wall-stack-column{display:none}.wall-inventory-cards{display:flex;flex-wrap:wrap}.wall-stack{gap:6px}.supply-bar.horizontal{width:76px;height:11px}.supply-bar.vertical{height:76px;width:11px}.vertical-stack{grid-template-columns:repeat(3,11px);grid-auto-rows:76px;gap:12px 14px}}@media(max-width:720px){.game-shell{padding:12px 8px}.board-layout{gap:12px;padding:0 8px 20px;align-items:center;flex-direction:column}.board-container{gap:12px;flex-direction:column;align-items:center}.control-strip{width:100%;max-width:700px;justify-content:center}.wall-stack-column{display:none}.wall-inventory-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.supply-bar.horizontal{width:68px;height:10px}.supply-bar.vertical{height:68px;width:10px}.vertical-stack{grid-template-columns:repeat(3,10px);grid-auto-rows:68px;gap:10px 12px}.wall-count{max-width:46%;min-width:160px;flex:1 1 46%;padding:14px 12px}.wall-label{font-size:1.3rem}.wall-type{font-size:1.1rem;padding:6px 10px}}.landing-graphics{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.decor-wall{position:absolute;border-radius:6px;opacity:.35;animation:float 8s ease-in-out infinite;box-shadow:0 4px 12px #0000004d}.decor-wall.horizontal{height:12px;background:linear-gradient(90deg,#e4873e,#ff9d5c);transform-origin:center}.decor-wall.vertical{width:12px;background:linear-gradient(180deg,#2c8dd8,#4da3ff);transform-origin:center}.decor-token{position:absolute;width:36px;height:36px;border-radius:50%;transform:translate(-50%,-50%);opacity:.4;animation:float 6s ease-in-out infinite;box-shadow:0 4px 16px #0006}.decor-token.black{background:radial-gradient(circle at 30% 30%,#333,#111);border:2px solid rgba(255,255,255,.1)}.decor-token.white{background:radial-gradient(circle at 30% 30%,#f5f5f5,#ddd);border:2px solid rgba(0,0,0,.2)}.decor-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(156,122,52,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(156,122,52,.12) 1px,transparent 1px);background-size:60px 60px;opacity:.3;animation:gridShift 20s linear infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-3px)}75%{transform:translateY(-15px) translate(3px)}}@keyframes gridShift{0%{background-position:0 0}to{background-position:60px 60px}}.decor-wall.horizontal:nth-of-type(1){animation-delay:0s}.decor-wall.horizontal:nth-of-type(2){animation-delay:1s}.decor-wall.horizontal:nth-of-type(3){animation-delay:2s}.decor-wall.horizontal:nth-of-type(4){animation-delay:1.5s}.decor-wall.vertical:nth-of-type(1){animation-delay:.5s}.decor-wall.vertical:nth-of-type(2){animation-delay:2.5s}.decor-wall.vertical:nth-of-type(3){animation-delay:1.2s}.decor-wall.vertical:nth-of-type(4){animation-delay:.8s}.decor-token.black:nth-of-type(1){animation-delay:0s}.decor-token.white:nth-of-type(1){animation-delay:1.5s}.decor-token.black:nth-of-type(2){animation-delay:.7s}.decor-token.white:nth-of-type(2){animation-delay:2.2s}.app{width:100%}.header{text-align:center;margin-bottom:0;color:#2b2418;display:flex;justify-content:center}.header-row{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;max-width:1320px;width:100%;margin:0 auto;padding:0}.header h1{font-family:Dancing Script,Brush Script MT,Lucida Handwriting,cursive;font-size:3.5rem;font-weight:700;letter-spacing:.05em;margin:0;background:linear-gradient(135deg,#d3842f,#8f5a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 12px rgba(228,135,62,.3)}.header .subtitle{font-size:1.2rem}.subtitle{color:#5a4a2c;margin-top:4px}.rules-btn{position:absolute;right:0;top:4px;min-width:100px;padding:10px 14px;font-size:.95rem;letter-spacing:.04em;background:linear-gradient(135deg,#f2b34a,#e4873e);border:1px solid #d7c593;color:#2b2418;box-shadow:0 12px 22px #e4873e47;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.rules-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #e4873e52}@media(max-width:720px){.header-row{flex-direction:column;align-items:center;gap:10px;padding-right:0}.rules-btn{position:static;margin-top:6px}}.rules-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.rules-modal{position:relative;background:#fff9e8fa;border-radius:18px;padding:24px;max-width:1100px;width:80%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.rules-modal h2{margin-top:0;margin-bottom:12px;color:#2b2418}.rules-list{padding-left:20px;color:#3b2f18;line-height:1.6;margin-bottom:18px}.rules-columns{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:20px;align-items:start}.rules-text{color:#3b2f18;line-height:1.7}.rules-text h3{margin:14px 0 6px}.rules-text ul{margin:0 0 10px 20px;padding:0}.rules-text li{margin-bottom:8px}.rules-images{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.rules-images figure:nth-child(1),.rules-images figure:nth-child(4){grid-column:span 2}.rules-images img{width:100%;display:block;border-radius:12px;box-shadow:0 8px 16px #0000002e}.rules-images figcaption{margin-top:8px;color:#4a3a1e;font-size:.95rem}.close-btn{position:fixed;top:14px;right:14px;border:none;background:#f2d58d;color:#2b2418;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #00000026;display:inline-flex;align-items:center;justify-content:center;padding:0}.close-btn:hover{background:#eeb66a}