:root{color-scheme:dark;--ink:#f1eedc;--muted:#afc2b3;--gold:#d7ba78;--jade:#70bea3}*{box-sizing:border-box}body{margin:0;background:#0b1f1d;color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif;background-image:linear-gradient(90deg,#081c1ce8,#0b211db8),url('garden.webp');background-size:cover;background-attachment:fixed}button,select{font:inherit;color:inherit}button{cursor:pointer;background:#ffffff09;border:1px solid #d7e3ce30;border-radius:9px;padding:10px 15px;transition:background .18s,transform .18s}button:hover{background:#c9dfba21}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.35}main{max-width:1130px;padding:25px 36px 15px;margin:auto}header,footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{text-decoration:none;color:var(--ink);font-size:14px;letter-spacing:4px;display:flex;align-items:center;gap:14px}.brand span{font-size:35px;color:var(--gold)}header button,footer button{font-size:13px}.intro{padding:23px 0 25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--gold);margin:0 0 10px}h1{font:clamp(37px,5vw,61px)/1.1 Georgia,serif;margin:0 0 12px;letter-spacing:-2px}.intro>p:last-child{color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:30px}.table{border:1px solid #d5c69f35;border-radius:22px;padding:22px;background:linear-gradient(#102a23b3,#10251ff5),url('garden.webp') center/cover;box-shadow:0 25px 80px #0005}.topline{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px}#badge{color:var(--gold)}h2{font:28px Georgia,serif;margin:13px 0 5px}#instruction{font-size:13px;color:var(--muted);margin:0 0 20px;min-height:20px}#board{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:490px;margin:auto}.quarter{background:linear-gradient(140deg,#54726399,#1b3931e8);padding:10px;border-radius:13px;border:1px solid #c5d5b729;box-shadow:inset 0 2px 1px #ffffff12}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cell{padding:0;aspect-ratio:1;border-radius:50%;border:1px solid #1a3022;position:relative;background:radial-gradient(circle at 55% 65%,#263e32,#071d17);box-shadow:inset 0 3px 8px #0009;min-width:0}.cell:disabled{opacity:1}.cell:not(:disabled):hover{background:radial-gradient(circle,#8bceb980,#173a2b)}.stone{position:absolute;inset:7%;border-radius:50%;box-shadow:inset -4px -5px 7px #0005,inset 2px 3px 5px #fff6,0 3px 4px #0008}.jade{background:radial-gradient(circle at 33% 24%,#a1e4c2,#4eae8e 47%,#176f58)}.pearl{background:radial-gradient(circle at 33% 24%,#fffef1,#e2d4a8 57%,#9d967c)}.win{outline:3px solid var(--gold);outline-offset:-1px}.hinted{outline:3px dashed var(--gold);outline-offset:2px}.rotations{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.rotations button{padding:3px 10px;flex:1;font-size:19px;border-radius:6px;line-height:1.2}.q-label{font-size:9px;color:var(--muted);margin:0 0 5px;letter-spacing:1px}.caption{text-align:center;color:#96ad99;font-size:9px;letter-spacing:3px;margin:20px 0 0}.panel{padding:23px;border:1px solid #cadaac27;border-radius:16px;background:#152e26d9}.player{display:flex;align-items:center;gap:14px;margin:19px 0}.player i{width:29px;height:29px;border-radius:50%;box-shadow:inset -3px -3px 5px #0005}.player strong,.player small{display:block}.player small{font-size:11px;color:var(--muted);margin-top:2px}label{font-size:11px;color:var(--muted);display:block;margin:23px 0 7px}select{width:100%;background:#13271f;padding:11px;border:1px solid #9bb69e44;border-radius:8px;font-size:13px}.tools{display:flex;gap:9px;margin:17px 0 10px}.tools button{flex:1;font-size:13px}.primary{width:100%;background:#d7ba78;color:#14291f;border:0;font-size:13px;font-weight:700}.primary:hover{background:#edce87}#message{font-size:11px;color:var(--muted);min-height:32px;margin:14px 0 0}.note{padding:24px 12px;color:var(--muted);font-size:12px}.note span{font-size:9px;letter-spacing:2px;color:var(--gold)}.note p{margin:5px 0 14px}footer{font-size:11px;color:var(--muted);padding:24px 0 0}dialog{color:var(--ink);background:#163329;border:1px solid #c4c7a455;border-radius:18px;padding:32px;max-width:min(540px,92vw);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#001611b8;backdrop-filter:blur(8px)}dialog h2{padding-right:25px}dialog p,dialog li{font-size:14px;color:#c3d3c3}dialog a{color:var(--gold)}#close{position:absolute;right:13px;top:10px;font-size:25px;border:0;padding:2px 10px}.dialog-art{width:100%;border-radius:9px;margin-top:15px}@media(max-width:760px){main{padding:16px}.intro{padding:20px 0}.layout{grid-template-columns:1fr;gap:16px}.table{padding:16px}.panel{padding:18px}.note{display:none}aside .panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.panel>.eyebrow{grid-column:1/-1}.player{margin:5px 0}.player small{font-size:10px}.panel label{margin:7px 0 0;align-self:end}.panel select{grid-column:1/-1}.tools{margin:0;grid-column:1}.primary{grid-column:2;grid-row:6}#message{grid-column:1/-1;margin:2px 0;min-height:16px}.topline{font-size:9px}h2{font-size:25px}#board{gap:10px}.quarter{padding:8px}.grid{gap:6px}footer{font-size:10px;align-items:start}footer span{max-width:160px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}