body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#07140d;color:#f5e7c8}.app-shell{max-width:1180px;margin:auto;padding:24px}.hero-card,.lobby-card,.panel{background:#102818;border:1px solid rgba(245,231,200,.18);border-radius:20px;padding:20px;margin-bottom:16px}.hero-card{display:flex;gap:16px;align-items:center}.brand-mark{display:grid;place-items:center;width:72px;height:72px;border:2px solid #d4a017;border-radius:18px;color:#d4a017;font-size:40px}.eyebrow{color:#d4a017;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.08em}h1{margin:0;font-size:clamp(32px,7vw,72px)}button{border:0;border-radius:999px;padding:12px 16px;background:#d4a017;color:#07140d;font-weight:800;cursor:pointer}input{box-sizing:border-box;width:100%;padding:12px;border-radius:10px;border:1px solid #45634a;background:#07140d;color:#f5e7c8}.button-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.hidden{display:none}.game-layout{display:grid;grid-template-columns:250px 1fr 280px;gap:18px}.board{width:min(92vw,640px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:8px solid #0b2616;border-radius:18px;overflow:hidden}.square{display:grid;place-items:center;font-weight:900;cursor:pointer}.square.light{background:#ead8ad;color:#123d23}.square.dark{background:#466b38;color:#f5e7c8}.square.selected{outline:5px solid #d4a017;outline-offset:-5px}.square.target-selected{outline:5px solid #f5e7c8;outline-offset:-5px}.square:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffd37a;outline-offset:3px;z-index:1}.piece{width:78%;height:78%;border-radius:50%;display:grid;place-items:center;border:3px solid currentColor;font-size:clamp(18px,4vw,38px);pointer-events:none}.piece.light-side{background:#f5e7c8;color:#123d23}.piece.dark-side{background:#102818;color:#d4a017}.chat-log{height:260px;overflow:auto;background:#07140d;border-radius:12px;padding:10px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.notice{color:#ffd37a}.small-note{overflow-wrap:anywhere;color:#d8cfb6}.copy-invite-button{margin-top:6px;min-height:44px}.copy-status{display:inline-block;margin-left:8px;color:#ffd37a;font-weight:700}@media(max-width:900px){.button-row,.game-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}