:root{--ink:#101a19;--cream:#f3eddc;--gold:#e7b83f;--green:#1f4f45;--line:#d9d0bb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{height:76px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:3px solid var(--gold)}.brand{display:flex;gap:10px;align-items:center;letter-spacing:2px;font-size:13px}.brand span{font-size:42px;color:var(--gold)}button,input,select{font:inherit}button{cursor:pointer}.active,nav button{border:0;background:none;color:white;font-weight:800;letter-spacing:1px;padding:25px 10px}.active{border-bottom:3px solid var(--gold)}main{max-width:1180px;margin:auto;padding:44px 24px 80px}.card{background:#fffaf0;border:1px solid var(--line);box-shadow:7px 7px 0 #d9d0bb}.auth{max-width:560px;margin:35px auto;padding:40px}.eyebrow{color:#9c7421;font-size:12px;font-weight:900;letter-spacing:2px}h1{font:700 clamp(36px,6vw,68px)/.98 Georgia,serif;margin:12px 0 20px}h1 em{color:var(--green);font-style:italic}h2{font-family:Georgia,serif}p{line-height:1.55;color:#52605d}.tabs{display:flex;border-bottom:1px solid var(--line);margin:25px 0}.tabs button{flex:1;padding:12px;border:0;background:none;font-weight:800}.tabs .on{color:var(--green);border-bottom:3px solid var(--green)}form{display:grid;gap:12px}input,select{padding:13px;border:1px solid #aaa;background:white}.gold{background:var(--gold);border:0;padding:13px 18px;font-weight:900;letter-spacing:.7px;color:var(--ink)}.error{color:#a52a2a}.hero{display:flex;justify-content:space-between;align-items:center}.knight{font-size:150px;color:var(--green);text-shadow:5px 5px 0 var(--gold)}.grid,.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.mode{padding:26px;border-top:6px solid var(--green)}.mode.mystery{background:var(--green);color:white}.mode.mystery p{color:#d8e4df}.icon{font:70px Georgia;color:var(--gold)}.panel{padding:22px;margin:24px 0}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1}.item{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;gap:10px}.ghost{background:transparent;border:1px solid currentColor;padding:10px 14px;font-weight:800}.gamehead{display:flex;justify-content:space-between;align-items:center}.gamehead h1{font-size:42px}.gamegrid{display:grid;grid-template-columns:minmax(300px,720px) 1fr;gap:25px}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:10px solid var(--ink);box-shadow:8px 8px 0 var(--gold);max-width:720px}.sq{border:0;display:flex;align-items:center;justify-content:center;font:clamp(27px,6vw,66px)/1 Georgia;background:#e9dfc6;position:relative;padding:0}.sq.dark{background:#487064}.sq.sel{outline:6px solid var(--gold);z-index:2}.sq.revealed{box-shadow:inset 0 0 0 6px #40e06f}.sq .black{color:#131b1a;text-shadow:0 1px #fff}.sq .white{color:#fffdf5;text-shadow:0 2px 2px #111}.coord{position:absolute;left:3px;top:2px;font:10px system-ui;opacity:.5}.setup{margin-top:25px}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.types button{font-size:30px;padding:10px;background:#eee;border:2px solid transparent}.types button.on{border-color:var(--gold)}dialog{max-width:430px;border:0;padding:28px;box-shadow:10px 10px 0 var(--gold)}dialog::backdrop{background:#101a19cc}#log{font-size:13px;color:#52605d}#legend{padding:12px;background:#eee8d8} @media(max-width:780px){main{padding:25px 14px}.grid,.columns,.gamegrid{grid-template-columns:1fr}.knight{display:none}.sq{font-size:10vw}.gamegrid aside{order:2}.auth{padding:25px}.row>*{min-width:100%}}