:root{color-scheme:light;--ink: #283b30;--muted: #68786b;--paper: #fbfaf5;--leaf: #e6efdf;--accent: #456c50;--line: #e0e6dc;--gold: #c49b4a;--red: #a94a3a;font-family:ui-rounded,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(ellipse at 8% 0%,#dcead5 0,transparent 34rem),#f4f1e8}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.72;cursor:not-allowed;transform:none!important}button:focus-visible,input:focus-visible{outline:3px solid #8bb595;outline-offset:2px}.page{width:min(1120px,calc(100% - 30px));margin:0 auto;padding:25px 0 40px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #d5e4ce;border-radius:16px;background:#eef5e9;font-size:27px}.eyebrow{margin:0 0 3px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(21px,4vw,28px);letter-spacing:-.04em}.head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:12px;font-weight:800;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover{transform:translateY(-1px);border-color:#b9cbb8;background:#fff}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.primary:hover{background:#34553d}.button:disabled:hover{border-color:var(--line);background:var(--paper)}.volume-control input{width:74px;accent-color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.82fr);gap:17px;align-items:start}.card{border:1px solid #dfe5da;border-radius:21px;background:#fbfaf5f5;box-shadow:0 15px 40px #2d412f14}.board-card{padding:clamp(14px,2.5vw,22px)}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}h2{margin:0;font-size:17px}.level-name{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700}.stage{padding:7px 10px;border-radius:999px;background:var(--leaf);color:var(--accent);font-size:11px;font-weight:900;white-space:nowrap}.stage.stirring{background:#f6e7c8;color:#7a5621}.stage.awake{background:#f4d8d1;color:var(--red)}.board-wrap{overflow-x:auto;padding:2px 2px 8px}.board{display:grid;gap:clamp(3px,.7vw,7px);width:max-content;min-width:min(100%,300px);margin:auto}.tile{display:grid;width:clamp(34px,7.2vw,62px);aspect-ratio:1;place-items:center;padding:0;border:1px solid #d8e4d2;border-radius:clamp(7px,1.3vw,12px);background:var(--leaf);font-size:clamp(17px,3vw,25px);transition:transform .13s ease,filter .13s ease,outline .13s ease}.tile:disabled{opacity:1;cursor:default}.tile:hover:not(:disabled){filter:brightness(1.035);transform:translateY(-1px)}.tile.wall{border-color:#b8c0ae;background:#d6d8cc}.tile.floor{background:#f7f4e9}.tile.leaf{border-color:#d3e4ca;background:#dff0d7}.tile.twig{border-color:#d4b58d;background:#f0dfc8}.tile.banana{border-color:#e8d79a;background:#fcf2ca}.tile.sloth{border-color:#cfceb7;background:#e7e5d6}.tile.player{border-color:#8dad87;background:#d7e8cd}.tile.monkey{border-color:#e4c58f;background:#f5e7c8}.tile.highlight{outline:3px solid #83a77c;outline-offset:1px}.tile.noisy{animation:noisy .6s ease-in-out infinite alternate}.tile.captured{position:relative;z-index:1;animation:capture-pop .8s ease-out both}.capture-burst{position:absolute;top:-4px;right:-2px;font-size:.62em;animation:sparkle .8s ease-out both}@keyframes capture-pop{0%{transform:scale(.8)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sparkle{0%{opacity:0;transform:translateY(5px) scale(.5)}35%{opacity:1;transform:translateY(-5px) scale(1.2)}to{opacity:0;transform:translateY(-14px) scale(.8)}}@keyframes noisy{to{filter:saturate(1.4) brightness(1.07)}}.legend{display:flex;flex-wrap:wrap;gap:7px 13px;margin:10px 0 0;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px}.stat{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#fffefa}.stat span{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.stat strong{display:block;margin-top:4px;font-size:19px}.meter{height:6px;margin-top:8px;overflow:hidden;border-radius:10px;background:#eceee7}.meter-fill{height:100%;border-radius:inherit;background:#82a86f;transition:width .25s ease,background .25s ease}.meter-fill.stirring{background:var(--gold)}.meter-fill.awake{background:var(--red)}.level-tip{margin:13px 0 0;padding:10px 12px;border-radius:12px;background:#f0f3e9;color:#596b5b;font-size:12px;line-height:1.5}.message{min-height:39px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.message.error{color:var(--red)}.right{display:grid;gap:14px}.agent-card,.level-card{padding:18px}.agent-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:#eee4d3;font-size:25px}.agent-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.agent-text{min-height:83px;margin:0 0 11px;padding:12px;border:1px solid #e9e5d9;border-radius:5px 14px 14px;background:#fffefa;color:#495b4d;font-size:13px;line-height:1.55}.agent-card>.primary{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.level-title{margin-bottom:10px}.level-list{display:grid;gap:6px}.level-choice{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fffefa;text-align:left;font-size:12px;font-weight:800}.level-choice:hover:not(:disabled){border-color:#b9cbb8;background:#fff}.level-choice.current{border-color:var(--accent);background:#edf4e8}.level-choice:disabled:not(.current){opacity:.8;color:#536458}.level-choice span:last-child{color:var(--muted);font-size:10px}details{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}summary{color:var(--muted);cursor:pointer;font-size:11px;font-weight:850}.settings{display:grid;gap:9px;margin-top:10px}.settings label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:800}.settings input{width:100%;min-height:34px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px}.check-row{justify-content:flex-start}.check-row input{width:auto;accent-color:var(--accent)}.settings-note{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.local-badge{padding:10px 12px;border:1px solid #d6e5d2;border-radius:12px;background:#eef5e9;color:#46694b;font-size:11px;font-weight:800;text-align:center}.footer-note{margin:13px 0 0;color:var(--muted);font-size:10px;text-align:center}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer a{color:var(--accent);font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.site-footer a:hover{color:#2f5439}@media(max-width:760px){.page{width:min(600px,calc(100% - 22px));padding-top:16px}header{align-items:flex-start;flex-direction:column}.head-actions{justify-content:flex-start}.layout{grid-template-columns:1fr}.board{margin:0 auto}}@media(max-width:430px){.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:span 2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}