:root{color-scheme:light;--color-bg:#eef3e8;--color-bg-soft:#f8f1df;--color-felt:#2f7653;--color-felt-dark:#1e563c;--color-wood:#5a351e;--color-wood-dark:#2a170f;--color-surface:#fffaf0;--color-surface-strong:#fff4dc;--color-text:#1b2119;--color-muted:#687060;--color-line:#d9c7a4;--color-accent:#c99a35;--color-accent-strong:#8a5a13;--color-red:#9b3028;--shadow-card:0 18px 44px #121c1229;--shadow-raised:0 22px 70px #00000047}*{box-sizing:border-box}html,body{overflow-x:hidden}html{background:radial-gradient(circle at 16% 0%, #2f76531f, transparent 30rem), linear-gradient(180deg, var(--color-bg) 0%, #f5f3e9 46%, var(--color-bg-soft) 100%);min-height:100%;color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.75}body{margin:0}button,input,summary{touch-action:manipulation}button,input{font:inherit}.rules-page{width:min(100% - 32px,1120px);margin:0 auto;padding:28px 0 72px}.rules-hero{margin:0 calc(50% - 50vw);padding:28px max(16px,50vw - 560px) 0;position:relative}.hero-panel{background:linear-gradient(90deg, #fffaf0f5 0%, #fffaf0eb 58%, #fffaf0bd 100%), url(/assets/mahjong-table-hero.png) center / cover no-repeat, linear-gradient(135deg, var(--color-felt-dark), var(--color-felt));min-height:430px;box-shadow:var(--shadow-raised);color:var(--color-text);border:1px solid #fff4dc3d;border-radius:8px;align-content:end;gap:28px;padding:clamp(28px,6vw,64px);display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;border:1px solid #ecbe605c;border-radius:6px;position:absolute;inset:12px}.hero-copy,.hero-stat-row{z-index:1;position:relative}.rules-eyebrow,.section-kicker{color:var(--color-accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.hero-copy h1{gap:4px;max-width:none;margin:0;font-size:clamp(2.5rem,8vw,5.9rem);line-height:.98;display:grid}.hero-copy h1 span{white-space:nowrap}.hero-copy h1 span:last-child{color:var(--color-red)}.hero-copy p:last-child{color:#334038;max-width:38rem;margin:18px 0 0;font-size:clamp(1rem,2.2vw,1.18rem)}.hero-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:760px;display:grid}.hero-stat{backdrop-filter:blur(8px);background:#fffaf0d1;border:1px solid #c99a3561;border-radius:8px;min-width:0;padding:12px 14px}.hero-stat span{color:var(--color-muted);font-size:.76rem;font-weight:800;display:block}.hero-stat strong{overflow-wrap:anywhere;color:var(--color-text);margin-top:2px;font-size:.98rem;line-height:1.45;display:block}.rules-section,.search-panel{margin-top:28px}.rules-section h2{color:#193322;align-items:center;gap:10px;margin:0 0 16px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.3;display:flex}.rules-section h2:before{background:linear-gradient(180deg, var(--color-accent), var(--color-red));content:"";border-radius:999px;width:9px;height:1.35em}.summary-grid,.change-list,.yaku-grid,.glossary-grid{grid-template-columns:1fr;gap:12px;display:grid}.summary-card,.change-card,.rule-card,.accordion-list details,.search-panel{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:8px}.summary-card,.change-card,.rule-card{min-width:0;padding:16px;position:relative}.summary-card{border-top:4px solid var(--color-accent);background:linear-gradient(180deg, #fff8e8, var(--color-surface));overflow:hidden}.summary-card p,.summary-card strong,.rule-card h3,.rule-card p,.change-card h3,.change-card p{overflow-wrap:anywhere}.summary-card p,.reading,.legend,.rule-note{color:var(--color-muted);margin:0}.summary-card strong{color:#152018;margin-top:6px;font-size:1.15rem;line-height:1.45;display:block}.change-card h3,.rule-card h3{color:#172219;margin:0;font-size:1.05rem;line-height:1.4}.change-table-wrap{display:none}.change-table{border:1px solid var(--color-line);border-collapse:separate;border-spacing:0;background:var(--color-surface);width:100%;box-shadow:var(--shadow-card);border-radius:8px;overflow:hidden}.change-table th,.change-table td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:13px 14px}.change-table thead th{color:#fff8e8;background:#173822;font-size:.9rem}.change-table tbody th{color:var(--color-text);font-weight:800}.change-table tbody tr:last-child th,.change-table tbody tr:last-child td{border-bottom:0}.change-card dl{gap:8px;margin:12px 0;display:grid}.change-card dl>div{background:#fff6e5;border:1px solid #ead9b8;border-radius:6px;padding:10px}.change-card dl>div:last-child{background:#eef6ec;border-color:#16523547}.change-card dt{color:var(--color-muted);font-size:.82rem;font-weight:800}.change-card dd{margin:2px 0 0}.accordion-list{gap:12px;display:grid}.accordion-list details{overflow:hidden}.accordion-list summary{cursor:pointer;color:#173822;min-height:52px;padding:14px 44px 14px 16px;font-weight:800;list-style:none;position:relative}.accordion-list summary::-webkit-details-marker{display:none}.accordion-list summary:after{border:1px solid var(--color-line);width:18px;height:18px;color:var(--color-accent-strong);content:"+";text-align:center;background:#fff6e5;border-radius:50%;font-size:.9rem;line-height:16px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.accordion-list details[open] summary{border-bottom:1px solid var(--color-line);background:#fff6e5}.accordion-list details[open] summary:after{content:"-"}.accordion-list ul{margin:0;padding:16px 18px 18px 34px}.accordion-list li+li{margin-top:8px}.card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-heading span,.tag-row span,.result-meta span{color:#6f4712;background:#fff1cd;border:1px solid #c99a3557;border-radius:999px;flex:none;padding:7px 9px;font-size:.76rem;font-weight:800;line-height:1}.tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.rule-card p{margin:8px 0 0}.legend,.rule-note{margin-top:18px}.rule-note{border:1px solid var(--color-line);background:#fffaf0bd;border-radius:8px;padding:14px 16px}.search-panel{background:linear-gradient(#fffaf0f5,#fff4dcf5),linear-gradient(135deg,#fffaf0,#fff4dc);padding:18px;position:relative;overflow:hidden}.search-panel:before{background:linear-gradient(90deg, var(--color-red), var(--color-accent), var(--color-felt));content:"";height:5px;position:absolute;inset:0 0 auto}.search-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-heading h2{color:#173822;margin:0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.25}.clear-button,.filter-group button{border:1px solid var(--color-line);max-width:100%;min-height:44px;color:var(--color-text);white-space:normal;background:#fffaf0;border-radius:999px;font-weight:800}.clear-button{padding:0 14px}.search-input-label{color:var(--color-muted);margin-top:16px;font-size:.9rem;font-weight:800;display:block}.search-input{width:100%;min-height:54px;color:var(--color-text);background:#fffdf7;border:2px solid #cdb789;border-radius:8px;outline:none;margin-top:6px;padding:0 14px}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #c99a352e}.filter-group{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.filter-group button{padding:0 13px}.filter-group button[aria-pressed=true]{color:#fffaf0;background:linear-gradient(#1f6541,#123d2a);border-color:#0e3825;box-shadow:inset 0 0 0 1px #fffaf033}.advanced-filters{border:1px solid var(--color-line);background:#fff8ea;border-radius:8px;margin-top:12px}.advanced-filters summary{cursor:pointer;color:#173822;min-height:46px;padding:10px 12px;font-weight:800}.advanced-filters .filter-group{margin:0;padding:0 12px 12px}.search-results{border-top:1px solid var(--color-line);margin-top:18px;padding-top:16px}.result-count,.empty-result{color:var(--color-muted);margin:0;font-weight:800}.result-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.result-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.rules-page,.search-panel,.summary-card,.change-card,.rule-card{min-width:0}@media (width<=720px){.rules-page{width:min(100% - 20px,1120px);padding-top:10px}.rules-hero{padding-top:10px}.hero-panel{min-height:390px;padding:28px 20px}.hero-copy h1{font-size:clamp(2.15rem,9.5vw,2.35rem)}.hero-stat-row{grid-template-columns:1fr}.search-heading{display:grid}}@media (width>=760px){.summary-grid{grid-template-columns:repeat(3,1fr)}.yaku-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.change-list--mobile{display:none}.change-table-wrap{display:block}.search-panel{padding:22px}.result-grid{grid-template-columns:repeat(2,1fr)}}