:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#213d3b;background:#eef3ee;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:clamp(10px,3vw,36px)}main{max-width:1000px;margin:auto;background:#fffdf6;border:2px solid #c5d5ca;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #263d3018}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(18px,4vw,34px);background:#dcece3;border-bottom:2px solid #b0c8b8}h1,h2,p{margin:0 0 .6em}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}h2{font-size:1.5rem}.eyebrow{font-size:.95rem;font-weight:700;color:#315952}.signal-art{width:clamp(95px,22vw,180px);flex:none}section{padding:clamp(18px,4vw,34px)}button,summary{font:inherit;min-height:48px;border:2px solid #48685f;border-radius:8px;padding:9px 14px;background:#fffdf6;color:#213d3b;cursor:pointer;font-weight:700}button:hover:not(:disabled),summary:hover{background:#e7f0e6}button:focus-visible,summary:focus-visible,a:focus-visible,.table-scroll:focus-visible{outline:4px solid #205c86;outline-offset:3px}button[aria-pressed=true]{background:#f3d9a0;border-color:#795922;box-shadow:inset 0 0 0 2px #fff}button:disabled{opacity:.65;cursor:default}.choices,.actions{display:flex;flex-wrap:wrap;gap:9px}.primary{background:#245d52;color:#fff;border-color:#1a453d}.primary:hover:not(:disabled){background:#1a453d}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin:18px 0}fieldset{min-width:0;border:2px solid #c4d9ca;background:#f3f8f1;border-radius:10px;padding:12px}legend{font-size:1.1rem;font-weight:700}legend span{display:block;font-size:.85rem;font-weight:500}.fixed{padding:10px 0;font-weight:700}.instruction{max-width:70ch}details{border:1px solid #aac5b7;border-radius:8px;overflow:hidden}summary{border:0;border-radius:0}details ul{padding-right:18px}.table-scroll{overflow-x:auto;border:2px solid #b3c9ba;border-radius:8px}table{width:100%;min-width:500px;border-collapse:collapse;text-align:left}caption{font-weight:700;text-align:left;padding:8px 12px;background:#e2eee4}th,td{padding:9px 10px;border-bottom:1px solid #cfddd0}th{background:#f0f6ef}tr:last-child td{border-bottom:0}.match{font-weight:700;color:#215e45}.mismatch{font-weight:700;color:#8a392b}.status{background:#fff4d8;border-left:5px solid #a87527;min-height:3em;padding:10px;margin:18px 0;font-weight:700}footer{padding:20px 30px;background:#e8f0e8;border-top:1px solid #c5d5ca}a{color:#205c86;font-weight:700}@media(max-width:380px){body{padding:6px}header,section{padding:16px}.signal-art{width:80px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}