:root{--primary: #ff6b6b;--primary-hover: #fa5252;--carrot-orange: #f76707;--grass-green: #2b8a3e;--sky-blue: #e7f5ff;--card-bg: rgba(255, 255, 255, .94);--shadow: 0 10px 25px rgba(0, 0, 0, .15);--radius: 20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{width:100vw;height:100vh;overflow:hidden;background:#dff0ff;color:#2b2b2b}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.interactive{pointer-events:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-title{background:var(--card-bg);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;color:#d9480f;border:3px solid #ffa94d}.title-icon{font-size:1.8rem}.controls-group{display:flex;gap:8px}.btn-icon{background:var(--card-bg);border:2px solid #ced4da;border-radius:50%;width:46px;height:46px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,background .15s}.btn-icon:hover{transform:scale(1.08);background:#fff}.status-container{display:flex;justify-content:center;margin-top:6px}.status-banner{background:var(--card-bg);border:3px solid #40c057;padding:10px 26px;border-radius:30px;box-shadow:var(--shadow);font-size:1.25rem;font-weight:800;text-align:center;transition:all .25s ease;max-width:90%}.status-banner.waiting{border-color:#adb5bd;color:#495057}.status-banner.active-turn{border-color:#ff922b;color:#d9480f;animation:pulse 1.6s infinite alternate}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px #ff922b4d}to{transform:scale(1.03);box-shadow:0 8px 25px #ff922b99}}.bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.players-info-container{display:flex;flex-wrap:wrap;gap:8px;max-width:480px}.player-card{background:var(--card-bg);border-radius:14px;padding:8px 14px;box-shadow:var(--shadow);border:3px solid transparent;min-width:110px;transition:all .2s}.player-card.current{border-color:#ff922b;transform:translateY(-4px);background:#fff9db}.player-card .p-name{font-weight:800;font-size:1rem;display:flex;align-items:center;gap:5px}.player-card .p-rabbits{font-size:.82rem;color:#495057;margin-top:2px}.action-deck-container{display:flex;flex-direction:column;align-items:center;gap:8px}.card-display{width:130px;height:180px;background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000040;border:4px solid #fab005;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;padding:10px}.card-display:hover:not(.disabled){transform:translateY(-8px) scale(1.04);box-shadow:0 18px 35px #0000004d}.card-display.disabled{opacity:.7;cursor:not-allowed}.card-icon{font-size:3rem;margin-bottom:6px}.card-label{font-size:1.15rem;font-weight:800;color:#2b2b2b}.card-subtext{font-size:.8rem;color:#868e96;margin-top:3px}.btn-action{background:linear-gradient(135deg,#ff922b,#f76707);color:#fff;font-size:1.15rem;font-weight:800;border:none;padding:12px 24px;border-radius:28px;box-shadow:0 6px 20px #f7670766;cursor:pointer;transition:all .15s}.btn-action:hover:not(:disabled){transform:scale(1.04);box-shadow:0 10px 25px #f767078c}.btn-secondary{background:#e7f5ff;color:#1971c2;border:2px solid #74c0fc;padding:12px 20px;border-radius:20px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#d0ebff;transform:scale(1.02)}.emoji-bar{display:flex;flex-direction:column;gap:8px}.btn-emoji{background:var(--card-bg);border:2px solid #e9ecef;border-radius:50%;width:44px;height:44px;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s}.btn-emoji:hover{transform:scale(1.15)}.rabbit-picker-bar{background:var(--card-bg);border:3px solid #ff922b;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);margin-bottom:8px}.picker-btn{background:#fff;border:2px solid #ced4da;border-radius:12px;padding:8px 14px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s}.picker-btn:hover{border-color:#ff922b;background:#fff9db;transform:scale(1.05)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-card{background:#fff;padding:28px 32px;border-radius:24px;box-shadow:0 20px 50px #0000004d;max-width:520px;width:92%;text-align:center;border:4px solid #ffa94d;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.6rem;font-weight:900;color:#d9480f;margin-bottom:10px}.modal-text{font-size:1.05rem;color:#495057;margin-bottom:18px;line-height:1.45}.setup-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;padding:16px;margin-bottom:20px;text-align:left}.player-count-buttons{display:flex;gap:10px;margin-bottom:16px;justify-content:center}.btn-count{background:#fff;border:2px solid #ced4da;border-radius:12px;padding:8px 18px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .15s}.btn-count.active{background:#ff922b;color:#fff;border-color:#f76707}.player-input-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.player-color-dot{width:22px;height:22px;border-radius:50%;display:inline-block;flex-shrink:0}.player-input-field{flex:1;padding:10px 14px;font-size:1rem;border:2px solid #ced4da;border-radius:12px;font-weight:600;outline:none}.player-input-field:focus{border-color:#ff922b}.share-box{background:#f8f9fa;border:2px dashed #adb5bd;border-radius:14px;padding:12px;margin:16px 0;font-size:.95rem;word-break:break-all;-webkit-user-select:text;user-select:text}.floating-emoji{position:absolute;font-size:3.5rem;animation:floatUp 2.5s forwards ease-out;pointer-events:none;z-index:50}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-40px) scale(1.3);opacity:1}80%{transform:translateY(-160px) scale(1.1);opacity:1}to{transform:translateY(-240px) scale(.8);opacity:0}}@media(max-width:768px){.game-title span:last-child{display:none}.status-banner{font-size:1.05rem;padding:6px 16px}.card-display{width:105px;height:150px}.card-icon{font-size:2.2rem}.card-label{font-size:.95rem}.player-card{min-width:90px;padding:6px 10px}}.btn-mode{flex:1;padding:10px 6px;border-radius:12px;border:3px solid #ffd8a8;background:#fff9db;font-weight:800;font-size:1rem;color:#d9480f;cursor:pointer;transition:transform .12s,background .12s}.btn-mode:hover{transform:translateY(-2px)}.btn-mode.active{background:#ff922b;border-color:#e8590c;color:#fff}.status-container{position:absolute;top:86px;left:0;width:100%;pointer-events:none}.status-banner{font-size:1rem;padding:10px 22px}body{background:#badce6}:root{--primary: #548331;--primary-hover: #3b6922;--shadow: 0 8px 28px #213e2529;--card-bg: #fffdf2ed}.game-title{border:1px solid #dce6bf;color:#395629;font-size:1.08rem}.btn-icon,.emoji-bar,.player-card{background:#fffdf2ed;border:1px solid #e2e7ca}.status-banner.active-turn{background:#fffdf2f5;color:#35542d;border:1px solid #d7e3b5}.modal-overlay{background:#16321945;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{background:#fffdf4;border:1px solid #e5e9cc;box-shadow:0 28px 90px #14371f55}.modal-title{color:#47752d}.setup-box{background:#eff3e4}.player-card.current{border-color:#709b3d;box-shadow:0 0 0 3px #bed58e66}.btn-count.active,.btn-mode.active{background:#5f8737;border-color:#5f8737}@media(max-width:650px){.game-title{font-size:.82rem;padding:7px 10px}.emoji-bar{display:none}}.camera-panel{position:absolute;right:70px;top:78px;width:280px;padding:18px;display:grid;gap:10px;border-radius:18px;background:#fffdf4f5;box-shadow:0 12px 40px #263c3540}.camera-panel[hidden]{display:none}.camera-panel button,.camera-panel select{border:1px solid #cad5b4;background:#f2f5e8;border-radius:9px;padding:10px;color:#30492c;font:inherit;cursor:pointer}.camera-panel small{color:#66715e;line-height:1.4}.camera-panel .camera-mode{text-align:left;font-weight:700}.camera-panel .camera-mode small{display:block;font-weight:400;font-size:.78rem;margin-top:2px}.camera-panel .camera-mode[aria-pressed=true]{border:2px solid #d9480f;background:#fff1e0}.camera-panel label{font-size:.85rem}#play-dock{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:#fffdf1f0;box-shadow:0 8px 30px #25382430;margin-right:auto}.dock-action{display:flex;align-items:center;gap:10px;color:#345129;font:inherit;font-weight:800;border:0;background:transparent;cursor:pointer;max-width:180px;text-align:left}.dock-action img{width:45px;height:66px;transform:rotate(-5deg);filter:drop-shadow(3px 3px 0 #a1aa8f)}.dock-action:disabled{opacity:.52;cursor:default}.dock-action:not(:disabled):hover img{transform:rotate(0) translateY(-3px)}.dock-card{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:2px solid #e2e7ca}.dock-card[hidden]{display:none}#dock-current{width:66px;height:97px;object-fit:contain;filter:drop-shadow(2px 3px 0 #c9d1b3)}.dock-card-text{display:grid;line-height:1}#dock-card-big{font-size:2.6rem;font-weight:900;color:#d9480f}#dock-card-small{font-size:.9rem;font-weight:800;color:#345129;margin-top:4px;white-space:nowrap}.dock-card.is-carrot #dock-card-big{font-size:2.2rem}.bottom-bar{justify-content:flex-start}.emoji-bar{position:absolute;right:16px;bottom:150px;display:flex;flex-direction:column}.status-banner.active-turn{animation:none}@media(max-width:800px){.bottom-bar{display:grid;grid-template-columns:1fr;gap:7px;width:100%}#play-dock{order:2;padding:8px 10px;gap:8px;margin:0;width:100%;justify-content:space-between}.players-info-container{max-width:100%;display:flex;flex-wrap:nowrap;gap:5px}.player-card{min-width:0;flex:1;padding:6px 8px}.player-card .p-rabbits{font-size:.65rem}.player-card .p-name{font-size:.8rem}.camera-panel{right:12px;top:78px}.emoji-bar{display:flex;gap:3px;right:8px;bottom:170px;padding:3px}.emoji-bar .btn-emoji{width:32px;height:32px;font-size:1.1rem}.dock-action{font-size:.8rem;max-width:140px}.dock-action img{width:34px;height:50px}#dock-current{width:46px;height:68px}#dock-card-big{font-size:1.9rem}#dock-card-small{font-size:.75rem}}button:focus-visible,select:focus-visible{outline:3px solid #edb642;outline-offset:3px}.rabbit-bubbles{display:flex;gap:6px;margin-top:7px}.rabbit-bubble{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#fffdf5;border:2px solid var(--rabbit-color);color:#33402e;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.rabbit-bubble[aria-pressed=true]{background:var(--rabbit-color);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--rabbit-color)}.rabbit-bubble:disabled{opacity:.28;cursor:default;text-decoration:line-through}#camera-home{font-size:1.7rem}@media(max-width:800px){.rabbit-bubbles{gap:4px}.rabbit-bubble{width:25px;height:25px;flex-basis:25px}.controls-group{gap:4px}.controls-group .btn-icon{width:36px;height:36px}}.scoreboard{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:18px;background:#fffdf2ed;border:1px solid #e2e7ca;box-shadow:var(--shadow);font-weight:800;color:#395629;margin:0 auto}.scoreboard[hidden]{display:none}.scoreboard-title{font-size:.9rem;white-space:nowrap}.scoreboard-entries{display:flex;gap:14px;flex-wrap:wrap}.score-entry{display:flex;align-items:baseline;gap:6px}.score-name{font-size:.9rem}.score-wins{font-size:1.25rem;font-weight:900;color:#d9480f;min-width:1ch;text-align:center}@media(max-width:650px){.scoreboard{padding:6px 10px;gap:8px}.scoreboard-title{display:none}.scoreboard-entries{gap:8px}.score-name{font-size:.72rem}.score-wins{font-size:1rem}}.player-card{position:relative;transition:transform .25s,opacity .25s,box-shadow .25s,background .25s}.players-info-container .player-card:not(.current){opacity:.72}.player-card.current{border:3px solid var(--player-color, #709b3d);background:color-mix(in srgb,var(--player-color, #709b3d) 14%,#fffdf2);box-shadow:0 0 0 4px color-mix(in srgb,var(--player-color, #709b3d) 30%,transparent),0 10px 26px #25382440;transform:translateY(-6px) scale(1.04);animation:turnGlow 1.8s ease-in-out infinite}.turn-badge{display:none;position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:999px;background:var(--player-color, #709b3d);color:#fff;font-size:.72rem;font-weight:900;white-space:nowrap;letter-spacing:.02em;box-shadow:0 3px 8px #0003}.player-card.current .turn-badge{display:block}@keyframes turnGlow{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--player-color, #709b3d) 30%,transparent),0 10px 26px #25382440}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--player-color, #709b3d) 18%,transparent),0 10px 26px #25382440}}@media(prefers-reduced-motion:reduce){.player-card.current{animation:none}}@media(max-width:650px){.turn-badge{font-size:.6rem;top:-10px;padding:1px 7px}.player-card.current{transform:translateY(-4px)}}.room-status{position:absolute;top:155px;left:50%;transform:translate(-50%);max-width:min(90vw,740px);padding:8px 14px;border-radius:16px;background:#fffbeee8;color:#36512c;font-size:13px;text-align:center;cursor:pointer}.sound-panel{position:absolute;top:82px;right:20px;width:min(310px,90vw);background:#fffbed;padding:16px;border-radius:18px;box-shadow:0 8px 30px #0003;z-index:120}.sound-panel[hidden],.room-status[hidden]{display:none}.sound-panel button{display:block;width:100%;padding:12px;margin-bottom:8px;border:0;border-radius:10px;cursor:pointer;color:#294321;background:#e5edda;font-weight:700}.sound-panel button[aria-pressed=true]{background:#b7e4a0}.sound-panel p{font-size:13px;line-height:1.4}.join-room{display:grid;gap:18px}#room-start{margin-top:12px;width:100%}#room-start:disabled{opacity:.5;cursor:default}.waiting-room{position:fixed;top:80px;right:0;bottom:0;left:0;display:grid;place-items:center;background:#173a1940;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;z-index:70;padding:20px}.waiting-room[hidden]{display:none}.waiting-card{width:min(480px,94vw);max-height:calc(100dvh - 110px);overflow-y:auto;background:#fffdf4;border-radius:24px;padding:26px;box-shadow:0 18px 70px #16321955;text-align:center;color:#36512c}.waiting-card h2{font-size:28px;margin-bottom:12px}.waiting-card p{line-height:1.5;margin:10px 0}.waiting-card ul{list-style:none;margin:18px 0;display:grid;gap:10px;text-align:left}.waiting-card li{background:#e9f0de;padding:13px 16px;border-radius:12px;font-weight:700}.waiting-card button{display:block;width:100%;margin-top:12px}.waiting-card button[hidden]{display:none}.waiting-card button:disabled{opacity:.5;cursor:default}.waiting-voice{font-size:13px}.waiting-name-form{text-align:left;margin:18px 0}.waiting-name-form label{display:block;font-weight:700;margin-bottom:6px}.waiting-name-form>div{display:flex;gap:8px}.waiting-name-form input{min-width:0;flex:1;padding:10px 12px;border:1px solid #b8cba5;border-radius:10px;font-size:16px;-webkit-user-select:text;user-select:text}.waiting-name-form button{width:auto;margin:0;padding:10px 12px}.waiting-name-form span{display:block;margin-top:5px;font-size:12px}.online-waiting #players-container,.online-waiting .bottom-bar,.online-waiting #scoreboard,.online-waiting #room-status{visibility:hidden}.camera-choice,.camera-choice p{margin:8px 0}#camera-feedback{font-size:.8rem;opacity:.8}#waiting-players li{display:flex;align-items:center;gap:12px}.portrait-frame{position:relative;flex:0 0 72px;width:72px;height:72px;border:3px solid #ffb348;border-radius:22px;background:#f9efce;box-shadow:0 3px #c47a29;display:grid;place-items:center;font-size:32px;overflow:hidden}.portrait-frame img{position:absolute;width:100%;height:100%;object-fit:cover}.waiting-card{max-height:92dvh;overflow-y:auto}#portrait-preview{width:180px;height:180px;object-fit:cover;border:4px solid #ffb348;border-radius:24px;margin:8px auto}#portrait-preview:not([hidden]){display:block}.animal-choices{display:flex;gap:10px;justify-content:center;margin:14px 0}.animal-choice{padding:0;width:72px;height:72px;border:3px solid #ffb348;border-radius:20px;overflow:hidden;cursor:pointer}.animal-choice img{width:100%;height:100%;object-fit:cover}#portrait-frame-choice{margin:10px;padding:10px;border-radius:12px}.portrait-frame[data-frame=forest]{border-color:#40914a;box-shadow:0 3px #24502c}.portrait-frame[data-frame=sky]{border-color:#72c5ff;box-shadow:0 3px #397caf}.portrait-frame[data-frame=rainbow]{border:5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#f65,#ffdf6b,#67cd8e,#62bdff,#bd7be4,#f65) border-box}.portrait-frame[data-frame=gold]{border:5px double #e5b529;box-shadow:0 0 10px #e5b529}