:root{font-family:Georgia,serif;color:#183f3a;background:#f4efdf;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:36px 36px 20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bcc9b5;padding-bottom:24px}.eyebrow{font:11px system-ui;letter-spacing:.24em;color:#677667}h1{font-size:54px;font-weight:500;letter-spacing:-2px;margin:10px 0 0}h1 span{font:18px Georgia;letter-spacing:.04em;margin-left:22px;color:#8d6b3c}.seal{border:1px solid #9bab87;border-radius:50%;width:84px;height:84px;display:grid;place-content:center;text-align:center;font:10px/1.7 system-ui;letter-spacing:.16em;transform:rotate(8deg)}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0}.intro p{font-size:17px;line-height:1.55}.intro strong{font-weight:normal;color:#6b796b;font-size:15px}select,button{font:14px system-ui;color:inherit;background:#fffdf5;border:1px solid #b9c7b2;border-radius:9px;padding:11px;cursor:pointer}select{max-width:265px;margin-left:8px}button:hover{background:#e8edda}button:focus-visible,select:focus-visible{outline:3px solid #d29343;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.game{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.pond{background:#163c39;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #213c3222;color:#f2edce}.ribbon{padding:17px 22px;display:flex;justify-content:space-between;font:12px system-ui;letter-spacing:.06em;border-bottom:1px solid #ffffff16}canvas{width:100%;display:block;touch-action:manipulation}#message{min-height:54px;padding:0 22px;margin:0 0 12px;font:14px/1.5 system-ui;color:#e9dfb6}.desk{font-family:system-ui}.numbers{font-size:12px;display:flex;justify-content:space-between;color:#667865;margin:0 0 16px}.coils{display:flex;gap:10px}fieldset{margin:0;border:1px solid #bac7af;border-radius:14px;min-width:0;width:50%;padding:10px 8px;text-align:center}legend{font-size:10px;letter-spacing:.16em;color:#68765e}fieldset div{display:flex;align-items:center;justify-content:space-between}fieldset button{padding:7px 10px;font-size:20px}output{font:32px Georgia;color:#9a6b37}small{font-size:10px;color:#68765e}#prediction{font-size:12px;line-height:1.6;min-height:40px}.primary{background:#244e43;color:#fff4d7;width:100%;font-size:16px;padding:15px;border-color:#244e43}.primary:hover{background:#376a54}.primary small{color:#b7ceab;margin-left:20px}.tools{display:flex;gap:6px;margin:10px 0}.tools button{flex:1;padding:10px 5px;font-size:12px}.guide{margin-top:23px;border-top:1px solid #bdc9b4;padding-top:13px;color:#52664e;font-size:12px;line-height:1.6}.guide h2{font:20px Georgia;color:#254b3d;margin:0}.guide ol{padding-left:18px}.guide li{margin:7px 0}.guide p{font-style:italic}footer{font:11px/1.7 system-ui;color:#71816d;margin-top:25px}footer p{max-width:900px}a{color:#456c52}[hidden]{display:none!important}@media(max-width:850px){main{padding:20px}.game{grid-template-columns:1fr}.desk{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.numbers,.guide{grid-column:1/-1}.coils{grid-row:2/5}.tools{margin:0}.guide{margin-top:12px}h1{font-size:43px}h1 span{display:block;margin:4px 0 0}.seal{width:70px;height:70px}.intro{align-items:flex-start}.intro p{font-size:15px}label{font-size:12px}select{display:block;margin:5px 0;max-width:190px}#prediction{margin:0}.guide ol{columns:2;column-gap:25px}}@media(max-width:500px){main{padding:16px 12px}.intro{display:block}.intro p{margin:12px 0}.intro label{display:flex;align-items:center;gap:10px}select{max-width:none;flex:1}.desk{gap:10px}.coils{grid-column:1/-1;grid-row:auto}fieldset{padding:5px 15px}.primary{grid-column:1/-1}.tools,#prediction{grid-column:1/-1}.guide ol{columns:1}canvas{min-height:225px}.ribbon{font-size:10px;padding:13px}#message{font-size:12px;padding:0 14px;min-height:43px}h1{font-size:40px}.eyebrow{font-size:9px}.seal{width:65px;height:65px}}