body{padding-bottom:100px}#main-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;margin:0;padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fff;border-top:3px solid #cf1735;box-shadow:0 -5px 25px #39071319}#main-nav[hidden]{display:none}#main-nav button{min-height:62px;border:2px solid #f0d4db;border-radius:14px;background:#fff3f5;color:#781329;font-size:13px;font-weight:800;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:3px}#main-nav button span{font-size:24px;line-height:26px}#main-nav button.active{background:#cf1735;color:white;border-color:#9a0a23;box-shadow:0 3px 0 #890c20}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #c38500;outline-offset:3px}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-card{text-align:left;border:2px solid #f1d9dd;background:white;border-radius:20px;padding:17px;color:#391721;min-height:145px}.rule-card .rule-icon{display:block;font-size:30px;color:#c8102e;margin-bottom:8px}.rule-card b,.rule-card small{display:block}.rule-card small{line-height:1.4;margin-top:7px}.rule-card.learned{border-color:#bd891e;background:#fff9e6}#rules-settings{background:white;border:2px solid #d9bac1;border-radius:16px;padding:16px;margin:20px 0}#rules-settings summary{font-weight:800;cursor:pointer;min-height:28px}.rules-selects{display:grid;gap:12px;margin-top:16px}.rule-local-box{border-left:5px solid #bd891e;background:#fff8df;padding:16px;border-radius:12px}.rule-local-box h3{margin:0 0 10px}.rule-local-box li{margin-bottom:7px}.rule-local-box details{margin-top:12px}.rule-local-box button{margin-top:10px}.rule-layout{display:grid;gap:22px;margin-top:20px}.rule-picture{background:#173d35;border-radius:20px;overflow:hidden;border:3px solid #173d35}.rule-picture svg{width:100%;display:block}.rule-caption{min-height:2.8em;font-weight:800;text-align:center}.rule-notice{padding:12px;background:#fff3cf;border-radius:12px;font-size:14px}.rule-notice[hidden]{display:none}.rule-layout h1{font-size:30px}.rule-layout h2{font-size:21px}#rule-feedback:empty{display:none}#rule-feedback{padding:14px;background:#fff3cf;border-radius:12px}.rule-layout .remember{margin:14px 0}#rules-count{font-weight:800;color:#a81029}.rules-source-label{font-size:12px;line-height:1.5} @media(min-width:700px){#main-nav{left:50%;transform:translateX(-50%);max-width:780px;border-radius:22px 22px 0 0}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-selects{grid-template-columns:1fr 1fr}.rule-layout{grid-template-columns:1fr 1fr;align-items:start}.rule-picture{position:sticky;top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}