:root{color:#294338;font-synthesis:none;background:#f7f1e4;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,input{font:inherit}button{min-height:54px;color:inherit;touch-action:manipulation;cursor:pointer;background:#fff9ed;border:2px solid #b9cbbc;border-radius:15px;padding:12px 16px;font-weight:800}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:4px solid #f1b636}button.primary{background:#efc550;border-color:#bd9223}button.selected{background:#f6b295;border-color:#c37357}.app{grid-template-rows:86px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 365px;gap:10px;height:100dvh;min-height:650px;padding:12px;display:grid}header{grid-column:1/-1;align-items:center;gap:28px;padding:0 15px;display:flex}h1{margin:3px 0;font-size:31px}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:900}.badge{background:#e6eedf;border-radius:20px;max-width:320px;padding:10px 14px;font-size:13px}.score{text-align:center;flex-direction:column;gap:2px;margin-left:auto;display:flex}.score strong{font-size:32px}.score span{font-size:13px}.arena{background:#edf1e6;border:2px solid #c9d8c6;border-radius:28px;min-height:360px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene-hint{pointer-events:none;background:#fff9eddd;border-radius:18px;padding:9px 14px;font-size:15px;font-weight:800;position:absolute;bottom:16px;left:18px}.controls{scrollbar-width:thin;padding:5px 8px 18px;overflow:auto}.controls>div,.controls>details{margin-bottom:15px}.controls h2{margin:0 0 7px;font-size:19px}.controls p{margin:8px 0;line-height:1.4}.intro{font-size:19px;font-weight:800}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button{white-space:nowrap;flex:1}.ramp-tabs{gap:5px;display:flex}.ramp-tabs button{flex:1;min-width:0;padding:10px 5px;font-size:14px}.piece-instructions{background:#e7eee0;border-radius:24px;padding:15px}.piece-instructions>button{width:100%}.piece-pad{background:#f7f5e9;border:5px dashed #8aab91;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:13px auto;display:flex;position:relative}.piece-pad>span{font-size:51px;font-weight:900;line-height:1}.piece-pad small{letter-spacing:.08em;font-size:10px;font-weight:900}.piece-pad.ready{background:#e0f1d9;border-style:solid;border-color:#4c9878}.piece-pad.holding{background:#fff0b8;border-color:#ddad31}.hint,.notice,.metric{font-size:13px}.metric{font-variant-numeric:tabular-nums}.notice{opacity:.75;display:block}details{background:#ece8dc;border-radius:15px;padding:12px}summary{cursor:pointer;min-height:28px;font-weight:800}details p{font-size:13px}label{flex-direction:column;gap:7px;margin:12px 0;font-size:14px;display:flex}label.check{flex-direction:row;align-items:center}input[type=range]{accent-color:#537c6b;width:100%;height:30px}input[type=checkbox]{accent-color:#537c6b;width:25px;height:25px}.loading{text-align:center;background:#edf1e6;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:25px;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.celebration{opacity:0;pointer-events:none;background:#f3cc58;border-radius:20px;padding:13px 23px;font-size:26px;font-weight:900;transition:opacity .2s;position:absolute;top:24px;left:50%;transform:translate(-50%)}.celebration.active{opacity:1}@media (min-width:1600px){.app{grid-template-rows:90px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 405px;gap:14px;padding:16px}.controls{padding:8px 16px}.piece-pad{width:176px;height:176px}button{min-height:60px;font-size:17px}.controls h2{font-size:21px}.controls p{font-size:16px}.controls details p,.hint,.notice,.metric{font-size:14px}}@media (max-width:850px){.app{grid-template-rows:auto 52vh auto;grid-template-columns:minmax(0,1fr);gap:10px;height:auto;min-height:100dvh;padding:8px}header{grid-column:auto;gap:10px;padding:8px}.eyebrow{font-size:9px}h1{font-size:24px}.badge{padding:7px;font-size:11px}.score strong{font-size:25px}.score span{font-size:10px}.arena{min-height:300px}.controls{padding:10px;overflow:visible}.piece-pad{width:145px;height:145px}.scene-hint{font-size:12px;bottom:9px;left:9px}.celebration{white-space:nowrap;font-size:20px}}@media (max-width:400px){header{flex-wrap:wrap}.badge{text-align:center;order:3;width:100%;max-width:none}.score{margin-left:auto}button{font-size:14px}.scene-hint{font-size:11px}}.exit-button{color:#743c2e;background:#fff0e6;border:2px solid #ba7563;flex:none;min-width:112px;min-height:60px;padding:12px 20px;font-size:18px}header{gap:16px}header .badge{max-width:230px}@media (max-width:850px){header{flex-wrap:wrap}.exit-button{min-width:100px;margin-left:auto}}.view-corner{z-index:3;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff9eddd;border:1px solid #b9cbbc;border-radius:20px;width:176px;padding:6px;position:absolute;top:14px;right:14px}.view-cube-space{perspective:360px;pointer-events:none;place-items:center;height:130px;display:grid}.view-cube{width:64px;height:64px;transform-style:preserve-3d;position:relative}.view-corner .cube-face{color:#365d4c;backface-visibility:hidden;pointer-events:auto;touch-action:manipulation;background:#fffdf5;border:1px solid #829d8d;border-radius:0;width:64px;height:64px;min-height:64px;padding:0;font-size:12px;font-weight:900;position:absolute;inset:0}.view-corner .cube-face:hover{background:#f3cc58}.cube-front{transform:translateZ(32px)}.cube-back{transform:rotateY(180deg)translateZ(32px)}.cube-right{transform:rotateY(90deg)translateZ(32px)}.cube-left{transform:rotateY(-90deg)translateZ(32px)}.cube-top{transform:rotateX(90deg)translateZ(32px)}.cube-bottom{transform:rotateX(-90deg)translateZ(32px)}.cube-actions{gap:6px;display:flex}.view-corner .cube-actions button{border-radius:12px;flex:1;min-width:0;min-height:52px;padding:8px 6px;font-size:14px}@media (max-width:850px){.view-corner{width:152px;padding:4px;top:8px;right:8px}.view-cube-space{height:112px}.view-corner .cube-actions button{min-height:46px;font-size:12px}}.piece-station{z-index:2;text-align:center;-webkit-user-select:none;user-select:none;background:#fff9edf2;border:2px solid #a5bea8;border-radius:24px;width:204px;padding:12px;position:absolute;bottom:64px;left:18px;box-shadow:0 5px 18px #365d4c18}.piece-station-title{font-size:15px;line-height:1.25;display:block}.handle-caption{margin-top:5px;font-size:13px;line-height:1.3;display:block}.handle-caption strong{white-space:nowrap;color:#476f5a}.piece-station .piece-pad{margin:10px auto}.piece-station>button{width:100%;min-height:54px;padding:10px 8px;font-size:15px}.scene-hint{max-width:calc(100% - 36px)}@media (min-width:1600px){.piece-station{width:230px;padding:14px;bottom:68px;left:22px}.piece-station-title{font-size:18px}.handle-caption{font-size:16px}.piece-station>button{min-height:60px;font-size:17px}}@media (max-width:1300px){.piece-station{border-radius:20px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:5px 10px;width:calc(100% - 18px);max-width:340px;padding:10px;display:grid;bottom:64px;left:9px}.piece-station-title{grid-area:1/2;font-size:14px}.handle-caption{grid-area:2/2;margin:0;font-size:13px}.piece-station .piece-pad{border-width:4px;grid-area:1/1/4;width:108px;height:108px;margin:0}.piece-station .piece-pad>span{font-size:40px}.piece-station .piece-pad small{font-size:8px}.piece-station>button{grid-area:3/2;min-height:48px;font-size:14px}}@media (max-width:850px){.app{grid-template-rows:auto minmax(440px,52vh) auto}.piece-station{bottom:62px}.scene-hint{max-width:calc(100% - 18px)}}