:root{color:#263c39;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f4ec;font-family:ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#263c39;cursor:pointer;background:#fffdf6;border:1px solid #c5d1c5;border-radius:12px;min-height:48px;padding:10px 16px;font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ce7845}.primary{color:#fff;background:#246b5e;border-color:#246b5e}.app{grid-template-rows:80px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;gap:18px;height:100dvh;min-height:620px;padding:22px;display:grid}header{grid-column:1/-1;align-items:center;gap:24px;display:flex}h1{margin:8px 0;font-size:38px;line-height:1}h2{margin:0 0 8px;font-size:20px}.eyebrow{letter-spacing:1.5px;color:#68766b;font-size:10px;font-weight:750}.badge{background:#eee5bd;border-radius:24px;padding:8px 12px;font-size:12px}.score{text-align:right;flex-direction:column;gap:5px;margin-left:auto;display:flex}.score strong{font-size:32px}.score span{color:#63746a;font-size:12px}.arena{background:#edf1e6;border:1px solid #d9dfd2;border-radius:20px;min-width:0;min-height:0;position:relative;overflow:hidden}.scene,.scene canvas{width:100%;height:100%;display:block}.scene canvas{touch-action:none}.controls{scrollbar-width:thin;min-height:0;padding:12px 8px 18px 0;overflow-y:auto}.controls p{margin:8px 0 12px;font-size:14px;line-height:1.45}.piece-instructions>p{min-height:61px}.piece-pad{color:#6b582f;touch-action:none;-webkit-user-select:none;user-select:none;background:#f2e4b9;border:3px dashed #bc9550;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;max-width:100%;height:160px;margin:8px auto 14px;display:flex}.piece-pad span{font-size:64px;line-height:1}.piece-pad small{letter-spacing:1px;font-size:10px;font-weight:750}.piece-pad.ready{background:#dfeeda;border-style:solid;border-color:#246b5e}.piece-pad.holding{box-shadow:0 0 0 9px #dfd59d55}.actions{gap:8px;margin:12px 0;display:flex}.actions button{flex:1}.settings{grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;display:grid}.settings label{flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.settings input{accent-color:#246b5e;width:100%;min-height:28px}.settings>p{grid-column:1/-1;margin:0}.metric{font-variant-numeric:tabular-nums;font-weight:650}details{border-top:1px solid #d9dfd2;margin-top:12px;padding-top:10px;font-size:12px;line-height:1.5}summary{cursor:pointer;font-weight:700}details p{font-size:12px!important}#desktop-simulator label{align-items:center;gap:8px;margin:10px 0;display:flex}.check input{width:22px;height:22px}.notice{color:#64736a;margin-top:18px;font-size:10px;display:block}.celebration{pointer-events:none;color:#805730;background:#fff9e7ef;border-radius:12px;padding:10px 15px;font-size:18px;font-weight:750;display:none;position:absolute;top:22px;left:22px}.celebration.active{display:block}.loading{text-align:center;background:#edf1e6;place-content:center;padding:30px;line-height:1.5;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}[hidden]{display:none!important}@media (max-width:1000px){.app{grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:14px}h1{font-size:30px}.badge{max-width:220px}.piece-pad{width:130px;height:130px}}@media (max-width:680px){.app{grid-template-rows:auto 360px auto;grid-template-columns:1fr;height:auto;min-height:100dvh}.controls{padding:0;overflow:visible}.badge{max-width:150px;font-size:10px}header{gap:10px}.eyebrow{font-size:8px}.score strong{font-size:22px}.score span{font-size:9px}.score{min-width:70px}h1{font-size:27px}}