:root{font-family:system-ui,sans-serif;color:#173e3d;background:#f4f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #c8d2c7}.brand{font-size:1.35rem;font-weight:800;color:inherit;text-decoration:none}.brand span{display:block;font-size:.8rem;font-weight:400;margin-top:5px}.preview,.hint{font-size:.87rem;color:#466462}.intro{max-width:650px;padding:22px 0}.eyebrow{letter-spacing:.16em;font-size:.76rem;font-weight:700}h1{font-size:clamp(2.3rem,6vw,4rem);letter-spacing:-.045em;line-height:1.04;margin:14px 0}p{line-height:1.6}.intro>p:last-child{font-size:1.1rem;max-width:570px}.play{background:#fffdf5;border:1px solid #c4d1c7;border-radius:18px;padding:24px;box-shadow:0 8px 30px #173e3d09}h2{margin-top:0;font-size:1.35rem}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;font-weight:650}select,input,button{font:inherit;border-radius:7px;border:1px solid #8aa39b;padding:10px 12px}select{max-width:100%;background:white;color:inherit}button{cursor:pointer;background:#1b5650;color:#fff;font-weight:650;min-height:44px}button:hover{background:#24695f}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ca6417;outline-offset:3px}input{width:95px}fieldset{width:100%;border:1px solid #c4d1c7;border-radius:8px;display:flex;gap:12px;flex-wrap:wrap}fieldset[hidden]{display:none}fieldset p{width:100%;font-size:.8rem;margin:0}form .hint{margin:0 0 10px}.dashboard{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #d4ddd4;margin:18px 0}.dashboard p{font-size:.83rem}.dashboard span{display:block;font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{background:#e5eee7;color:#173e3d}.actions button[aria-pressed=true]{background:#173e3d;color:white}#error:empty{display:none}#error{color:#a1241e;font-weight:650}#status{font-weight:650;min-height:1.6em}.board-scroll{overflow-x:auto;padding:6px 6px 12px;max-width:100%;overscroll-behavior-x:contain}#board{width:max-content;display:flex;flex-direction:column;gap:3px;padding:7px;background:#b6c8bc;border-radius:8px}.board-row{display:flex;gap:3px}.cell{width:32px;height:32px;min-height:32px;padding:0;border:1px solid #507365;border-radius:4px;background:#faffed;color:#163e31;font-size:1rem;line-height:1;font-weight:800;touch-action:manipulation}.cell:hover{background:#d4e6cc}.cell.open{background:#e1e8dd;border-color:#c4d1c5}.cell.flag{background:#ffe3a8;color:#6c3e00}.cell.mine{background:#ffd6c5;color:#862709}.cell.exploded{background:#a82320;color:white}.cell.wrong{background:#f4c4cf;color:#7e1530}.cell.n1{color:#184581}.cell.n2{color:#155c33}.cell.n3{color:#97261e}.cell.n4,.cell.n5,.cell.n6,.cell.n7,.cell.n8{color:#5a267c}.cell:focus-visible{position:relative;z-index:1;outline:3px solid #c65712;outline-offset:0}.rules{padding:32px 0}.rule-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rules h3{font-size:1rem}.rules p{font-size:.93rem}footer{border-top:1px solid #c8d2c7;font-size:.85rem}a{color:#175c57}@media(max-width:600px){header,main,footer{padding:16px}header{align-items:start}.preview{max-width:105px;font-size:.75rem;margin:0}.brand span{max-width:170px}.play{padding:14px}.rule-columns{grid-template-columns:1fr;gap:0}.dashboard{gap:18px}form>label{width:100%}.actions button{font-size:.85rem}.cell{width:30px;height:30px;min-height:30px}#board{gap:2px;padding:4px}.board-row{gap:2px}}
/* PORTFOLIO:START */
.portfolio-network{max-width:1160px;margin:36px auto;padding:24px 0;border-top:1px solid #abbcac;clear:both}.portfolio-network h2{font-size:26px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.portfolio-card{background:#fff;border:1px solid #b9c7ba;border-radius:12px;padding:18px;overflow-wrap:anywhere}.portfolio-card h3{margin:8px 0;font-size:18px}.portfolio-card p{font-size:14px}.portfolio-card a{color:#215942}.portfolio-category,.portfolio-owner{font-size:12px;font-weight:bold;color:#405c4a}.portfolio-soon{color:#526360}.portfolio-network summary{cursor:pointer;padding:12px;font-weight:bold}.portfolio-network details{margin-top:18px}@media(max-width:740px){.portfolio-grid{grid-template-columns:1fr}.portfolio-network{padding:18px 0}}@media print{.portfolio-network{display:none!important}}
/* PORTFOLIO:END */