.rules-guide{color:#d8e1d0;min-width:0;padding:8px 0 4px;font-size:13px;line-height:1.65}.rules-guide *{box-sizing:border-box}.rules-guide .rules-goal{background:linear-gradient(120deg,#d7c18d15,#d7c18d05);border:1px solid #d4bd793d;border-radius:14px;margin:0 0 21px;padding:16px}.rules-guide .rules-goal>span{letter-spacing:.08em;color:#d8bd82;font-size:10px;font-weight:700}.rules-guide .rules-goal>p{color:#f2ead7;word-break:keep-all;margin:7px 0 12px;font-size:17px;font-weight:650;line-height:1.5}.rules-guide .rules-tags{flex-wrap:wrap;gap:5px;display:flex}.rules-guide .rules-tags>span{color:#bbc9b0;background:#112d2440;border:1px solid #c6d5b727;border-radius:6px;padding:3px 7px;font-size:10px}.rules-guide .rules-start h3{color:#f0e5c9;margin:0 0 12px;font-size:13px;font-weight:700}.rules-guide .rules-start ol{flex-direction:column;gap:12px;margin:0 0 21px;padding:0;list-style:none;display:flex}.rules-guide .rules-start li{align-items:flex-start;gap:10px;display:flex}.rules-guide .rules-start li>span{color:#e7d5a6;background:#bcccac17;border:1px solid #c3cfb52c;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid}.rules-guide .rules-start li>p{color:#c8d4c0;margin:0;padding-top:1px;font-size:13px;line-height:1.7}.rules-guide .rules-section{margin:0 0 16px}.rules-guide .rules-table-wrap{border:1px solid #a9bd9e30;border-radius:11px;overflow:hidden}.rules-guide .rules-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:12px}.rules-guide .rules-table caption{text-align:left;color:#f0dfb4;caption-side:top;background:#081f1738;padding:12px;font-size:13px;font-weight:700}.rules-guide .rules-table thead{color:#91ad97;background:#b5c5a912;font-size:10px}.rules-guide .rules-table th:first-child{width:30%}.rules-guide .rules-table th,.rules-guide .rules-table td{vertical-align:top;overflow-wrap:anywhere;word-break:keep-all;border-bottom:1px solid #b5c5a91b;padding:10px 11px;line-height:1.7}.rules-guide .rules-table th{font-weight:600}.rules-guide .rules-table tbody th{color:#dfd9bc;background:#bacaaa06}.rules-guide .rules-table td{color:#becfbd}.rules-guide .rules-table tr:last-child>*{border-bottom:0}.rules-guide .rules-more{border:1px solid #afc1a32c;border-radius:11px;margin:9px 0;overflow:hidden}.rules-guide .rules-more>summary{cursor:pointer;color:#d6ddc6;background:#ffffff03;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:13px;font-weight:600;list-style:none;display:flex}.rules-guide .rules-more>summary::-webkit-details-marker{display:none}.rules-guide .rules-more>summary>span{color:#c8b276;font-size:17px;font-weight:400}.rules-guide .rules-more[open]>summary{color:#f0dbab;border-bottom:1px solid #a5bb9c2b}.rules-guide .rules-more[open]>summary>span{transform:rotate(45deg)}.rules-guide .rules-more .rules-table-wrap{border:0;border-radius:0}.rules-guide .rules-more .rules-table caption{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.rules-guide .rules-note{color:#dccba2;background:#ddc2810b;border-left:2px solid #c9ae68;margin:10px 12px;padding:10px 12px;font-size:12px;line-height:1.7}.rules-guide>.rules-note{margin:0 0 18px}.rules-guide .rules-save{text-align:center;color:#8ea990;margin:20px 0 0;font-size:10px;line-height:1.8}.rules-guide .rules-hwatu-examples{gap:15px;padding:13px;display:grid}.rules-hwatu-examples figure{margin:0}.rules-hwatu-examples figcaption{color:#e4d8b7;margin-bottom:7px;font-size:12px}.rules-hwatu-examples figure>div{gap:7px;display:flex}.rules-hwatu-examples .hwatu{width:38px}.rules-guide summary:focus-visible{outline-offset:-3px;border-radius:9px;outline:2px solid #e2c387}.game-sheet:has(.rules-guide){max-height:88dvh;padding-bottom:max(18px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#6b8a70 transparent}@media (max-width:420px){.game-sheet:has(.rules-guide){padding-left:16px;padding-right:16px}.rules-guide .rules-goal{padding:13px}.rules-guide .rules-goal>p{font-size:16px}.rules-guide .rules-table th,.rules-guide .rules-table td{padding:9px}.rules-guide .rules-table{font-size:12px}.rules-guide .rules-table th:first-child{width:29%}}.rules-guide .rules-done{color:#233d2e;cursor:pointer;background:#dcc58d;border:1px solid #dbc28c55;border-radius:10px;width:100%;min-height:44px;margin:18px 0 0;padding:10px;font-size:13px;font-weight:700;display:block}.rules-guide .rules-done:focus-visible{outline-offset:3px;outline:3px solid #fff1b7}
