:root{color:#233c35;background:#f6f4eb;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #dbdfd2;justify-content:space-between;align-items:center;padding:22px 5vw;display:flex}header a{color:#244c3f;letter-spacing:2px;font-weight:850;text-decoration:none}header span{letter-spacing:4px;margin-top:4px;font-size:11px;display:block}main{max-width:1280px;margin:35px auto;padding:0 28px}h1{letter-spacing:-2px;margin:16px 0 22px;font-family:Georgia,serif;font-size:clamp(40px,6vw,78px);line-height:1.03}h2{margin:14px 0;font-family:Georgia,serif;font-size:clamp(28px,4vw,46px)}p{font-size:19px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#456854;font-size:12px;font-weight:800}.hero,.layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:30px;display:grid}.card{background:#fffdf7;border:1px solid #dce1d4;border-radius:24px;padding:28px;box-shadow:0 10px 35px #243d3508}.dark{color:#fffdf1;background:#234c3e}.dark p{color:#e0e6d6}.badge{background:#e6eddd;border-radius:40px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.dark .badge{background:#3c6452}button{color:#243e31;cursor:pointer;background:#d8ed8f;border:0;border-radius:13px;min-height:50px;padding:16px 24px;font:700 16px system-ui}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:default}.quiet{color:inherit;background:0 0;border:1px solid #b8c6b3}input,select{width:100%;font:inherit;color:#243e31;background:#fff;border:1px solid #b7c6b6;border-radius:12px;margin:8px 0 18px;padding:15px;display:block}label{font-size:14px;font-weight:650}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.code{letter-spacing:8px;margin:14px 0;font-size:54px;font-weight:850}.join{overflow-wrap:anywhere;font-size:16px}.qr{float:right;background:#fff;border-radius:12px;width:160px;margin:0 0 10px 16px;padding:8px}.people{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.person{background:#e8eee1;border-radius:24px;padding:10px 14px;font-size:15px}.person button{background:0 0;min-height:24px;padding:0 6px}.village{background:linear-gradient(#d8e9e5 0 57%,#acc98b 57% 62%,#789e64 62%);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:end;gap:12px;min-height:300px;padding:28px;display:flex;position:relative;overflow:hidden}.village:before{content:"☀";color:#eab95b;font-size:65px;position:absolute;top:10px;right:32px}.village:after{content:"";background:#c4d5a4;border-radius:50%;width:110%;height:100px;position:absolute;bottom:60px;left:-5%;transform:rotate(-8deg)}.building{z-index:1;filter:drop-shadow(0 8px 3px #2c4c3628);font-size:65px;animation:.6s pop}.empty{z-index:1;color:#244532;background:#fffb;border-radius:12px;padding:12px;font-weight:700}.progress{background:#dce3cf;border-radius:10px;height:9px;margin:20px 0;overflow:hidden}.progress div{background:#597d4a;height:100%;transition:width .5s}.choices{gap:12px;margin-top:24px;display:grid}.choices button{text-align:left;background:#e6eddb}.clue{background:#eff4e5;border-left:5px solid #d8ed8f;border-radius:8px;padding:20px;font-size:27px}.notice{background:#edf2e4;border-radius:14px;padding:18px}.small{font-size:14px}#error,#connection{text-align:center;color:#9f3925;margin:12px 24px}#connection{color:#4f655b}footer{text-align:center;letter-spacing:2px;color:#64776b;padding:25px;font-size:11px}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #df9436}@keyframes pop{0%{transform:translateY(20px)scale(.7)}to{transform:none}}@media (max-width:750px){.hero,.layout{grid-template-columns:1fr}main{margin:24px auto;padding:0 18px}.card{padding:22px}header{padding:16px}.village{min-height:240px}.building{font-size:44px}.code{font-size:40px}.qr{width:125px}p{font-size:17px}header .quiet{padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}