:root{--wood-light: #d99a5b;--wood: #b8743a;--wood-dark: #6b3f1d;--cream: #fff6e3;--ink: #3b2a1a;--green: #5dbb4a;--green-dark: #2e7d32;--orange: #ff9f1c;--orange-dark: #c96a00;--danger: #e53935;font-family:"Baloo 2",system-ui,sans-serif;color:var(--cream)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#86cf62;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game canvas{display:block;touch-action:none}.hidden{display:none!important}button{font:inherit;cursor:pointer;border:0}.wood{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px),linear-gradient(180deg,var(--wood-light),var(--wood));border:3px solid var(--wood-dark);border-radius:16px;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000026,0 5px 0 var(--wood-dark),0 10px 20px #00000040;color:var(--cream);text-shadow:0 2px 0 var(--wood-dark)}.btn{display:block;width:100%;padding:12px;border-radius:16px;font-size:22px;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.btn,.skin,.icon-btn,.icon{transition:transform .45s cubic-bezier(.34,1.9,.5,1)}.btn:active,.skin:active,.icon-btn:active,.icon:active{transform:scale(1.08,.86);transition:transform .08s ease-out}.btn.blue{display:flex;gap:10px;align-items:center;justify-content:center;background:linear-gradient(180deg,#7fc8ff,#2f8fe0);box-shadow:inset 0 3px #ffffff73,0 5px #1f5f9e}.btn.blue canvas{width:64px;height:20px}.btn.grey,.btn.grey:disabled{opacity:1;filter:none;background:linear-gradient(180deg,#c9c2b8,#a39a8e);box-shadow:inset 0 3px #ffffff59,0 5px #6f675e;color:#f4efe8}.btn.grey em{margin-left:6px;padding:2px 8px;border-radius:8px;background:var(--ink);font-size:12px;font-style:normal;vertical-align:middle}.btn.big{padding:16px;font-size:28px}.screen .btn.small{margin:12px auto 0}.screen .message:empty{display:none}[data-ref=skins]{max-height:calc(100vh - 220px);overflow-y:auto;padding:2px 4px}.look-preview{width:220px;height:68px;margin:0 auto;border-radius:14px;background:#9fdc7c}.screen h3{margin:0 0 -6px;font-size:15px;text-align:left;opacity:.9}.skins.outlines{grid-template-columns:repeat(2,1fr);width:60%;margin:0 auto}.skins.patterns{grid-template-columns:repeat(5,1fr)}.screen .toggle{justify-content:center;margin-top:10px}.screen h2{margin:0 0 14px;font-size:26px}.screen{display:grid;gap:14px;margin-top:14px}.screen .link{margin:-6px auto 0}.screen .name{text-align:center}#menu.typing{place-items:start center;padding-top:8px}#menu.typing .logo,#menu.typing .menu-icons,#menu.typing .screen h2,#menu.typing .screen .link,#menu.typing [data-ref=friends]>:not(.join-code){display:none}#menu.typing [data-ref=name]{grid-template-columns:1fr auto;margin-top:0}#menu.typing [data-ref=name] .btn.big{padding:8px 16px;font-size:18px}#menu.typing .menu-card{padding:10px 14px}.name-view{display:flex;gap:8px;align-items:center;justify-content:center;font-size:24px;font-weight:800}.name-text{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:38px;height:38px;border-radius:50%;background:#3b2a1a59;color:#fff;font-size:17px}.menu-card{position:relative}.menu-icons{position:fixed;top:10px;right:10px;display:flex;gap:6px}.btn.green{background:linear-gradient(180deg,#8ee26f,var(--green));box-shadow:inset 0 3px #ffffff73,0 5px 0 var(--green-dark)}.btn.orange{background:linear-gradient(180deg,#ffc15e,var(--orange));box-shadow:inset 0 3px #ffffff73,0 5px 0 var(--orange-dark)}.btn.small{width:auto;padding:4px 12px;font-size:15px;border-radius:10px}#menu,#results,#lobby{position:fixed;inset:0;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(circle at 50% 35%,#ffffff26,#1e3c148c)}.menu-card,.result-card,.lobby-card{width:min(430px,100%);padding:24px 22px;text-align:center}.logo{margin:0;font-size:clamp(48px,13vw,70px);font-weight:800;line-height:.9;color:#c6e86a;-webkit-text-stroke:3px var(--ink);text-shadow:0 5px 0 var(--ink)}.logo span{display:block;margin-top:6px;font-size:clamp(18px,5vw,24px);letter-spacing:3px;color:#ffd54f;-webkit-text-stroke:0;text-shadow:0 2px 0 var(--ink),0 0 6px rgba(0,0,0,.35)}.name{width:100%;padding:10px 14px;border-radius:14px;border:3px solid var(--wood-dark);background:var(--cream);color:var(--ink);font:inherit;font-size:20px;font-weight:700;text-align:center;outline:none;user-select:text}.skins{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 18px}.skin{padding:6px 2px;border-radius:12px;background:#9fdc7c;border:3px solid transparent;box-shadow:inset 0 -3px #0000001f;transition:transform .12s}.skin canvas{display:block;width:100%}.skin:hover{transform:scale(1.06)}.skin.selected{border-color:#ffd54f;background:#b7eb95}.toggle{display:flex;gap:6px;align-items:center;font-weight:800;white-space:nowrap;cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--green)}.join-code{display:flex;gap:10px;margin-top:12px}.code-input{flex:1;font-size:22px;letter-spacing:6px;text-transform:uppercase}.join-code .btn.small{padding:8px 20px;font-size:20px}.link{margin-top:12px;background:none;color:var(--cream);text-decoration:underline;text-shadow:0 2px 0 var(--wood-dark)}.message{min-height:1em;margin:10px 0 0;color:#ffe0e0;font-weight:800}#hud{position:fixed;inset:0;pointer-events:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.35)}.timer{position:absolute;top:10px;left:50%;display:flex;gap:8px;align-items:center;padding:4px 14px;border-radius:999px;background:#3b2a1a73;line-height:1;transform:translate(-50%)}.timer span{font-size:22px;font-weight:800}.timer small{font-size:12px;font-weight:700;opacity:.9}#hud.closing .timer{background:#e53935bf;animation:pulse .8s ease-in-out infinite}.board{position:absolute;top:10px;left:12px;width:220px}.board h3{margin:0 0 2px;font-size:13px;font-weight:800}.board ol,.feed,.powers{margin:0;padding:0;list-style:none}.board ol{font-size:13px;line-height:1.35}.board li,.me-row{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.board li span:first-child{overflow:hidden;text-overflow:ellipsis}.board li.me,.me-row{color:#ffe66d;font-weight:800}.me-row{font-size:13px}.me-row:empty{display:none}.room{margin-top:6px;font-size:12px;opacity:.85}.topright{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chips{display:flex;gap:6px;align-items:center}.icon,.kills-chip{height:34px;border-radius:999px;background:#3b2a1a73;color:#fff}.icon{width:34px;font-size:15px;pointer-events:auto}.kills-chip{display:flex;gap:6px;align-items:center;padding:0 14px;font-size:16px;font-weight:800}.kills-chip b{color:#ffe66d}.minimap{width:130px;height:130px;border:2px solid rgba(255,255,255,.7);border-radius:50%;opacity:.85;box-shadow:0 4px 12px #0003}.feed{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:column;gap:2px}.feed li{font-size:13px;font-weight:700}.powers{position:absolute;bottom:14px;left:50%;display:flex;gap:10px;transform:translate(-50%)}.powers li{position:relative;display:grid;place-items:center;width:48px;height:48px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:#3b2a1a80;font-size:22px;text-shadow:none}.powers li b{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#fff;color:var(--ink);font-size:12px}.ping{position:absolute;left:10px;bottom:8px;font:600 12px/1 sans-serif;color:#ffffff8c;pointer-events:none}.ping.meh{color:#ffd54f}.ping.bad{color:#ff7043}.notice{position:absolute;top:28%;left:50%;width:90%;transform:translate(-50%);font-size:clamp(22px,5vw,34px);font-weight:800;text-align:center;color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}@media(pointer:coarse){.board{width:160px}.board ol,.me-row{font-size:11px}.board li:nth-child(n+6):not(.me){display:none}.minimap{width:90px;height:90px}.feed li{font-size:11px}.feed li:not(:last-child){display:none}.powers li{width:40px;height:40px;font-size:18px}.notice{font-size:17px;-webkit-text-stroke:1px var(--ink);text-shadow:0 2px 0 var(--ink)}}.trophy{font-size:64px;line-height:1;animation:bounce 1s ease-in-out infinite}.rank{font-size:56px;font-weight:800;line-height:1;color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}#results.won .rank{font-size:40px;color:#ffd54f;animation:jackpot .7s cubic-bezier(.2,1.6,.4,1) both}.of{margin:4px 0 14px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.numbers div{padding:8px;border-radius:14px;background:#3b2a1a59}.numbers b{display:block;font-size:30px;color:#ffe66d}.numbers span{font-size:14px}.winner{min-height:1em;margin-bottom:12px}.next{margin-top:12px}.callout{position:absolute;top:38%;left:50%;font-size:clamp(34px,8vw,64px);font-weight:800;color:#ffd54f;white-space:nowrap;-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink);opacity:0;transform:translate(-50%,-50%)}.callout.on{animation:callout 1.4s ease-out}.flash{position:absolute;inset:0;background:#fff;opacity:0}.flash.on{animation:flash .25s ease-out}@media(pointer:coarse)and (orientation:portrait){#rotate{position:fixed;inset:0;z-index:10;display:grid;place-content:center;gap:12px;background:#86cf62;color:#fff;font-size:24px;font-weight:800;text-align:center;-webkit-text-stroke:1px var(--ink)}#rotate div{font-size:72px;animation:spin 2s ease-in-out infinite}}#confirm{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:16px;background:#14280f8c}.confirm-card{width:min(340px,100%);padding:18px 20px;text-align:center}.confirm-card p{margin:0 0 14px;font-size:20px;font-weight:800}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn.small{margin:0;padding:8px 18px;font-size:18px}.lobby-card h2{margin:0;font-size:28px}.lobby-card .code{margin:4px 0 10px;font-size:54px;font-weight:800;letter-spacing:8px;color:#ffd54f;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}.lobby-card .btn.small{margin:0 auto}.invite-url{width:100%;margin-top:8px;padding:6px 10px;border:0;border-radius:10px;background:#3b2a1a59;color:var(--cream);font:inherit;font-size:13px;text-align:center;user-select:text;-webkit-user-select:text}.players{margin:14px 0;padding:0;list-style:none;display:grid;gap:6px}.players li{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:6px 10px;border-radius:12px;background:#3b2a1a59;font-weight:700;text-align:left}.players canvas{width:64px}.lobby-card .toggle{justify-content:center;margin-bottom:12px}.btn:disabled{filter:grayscale(.8);opacity:.6;cursor:not-allowed}.hint{margin:10px 0 0}.death{position:absolute;top:44%;left:50%;transform:translate(-50%);padding:10px 22px!important;text-align:center;pointer-events:auto}.killer{font-size:24px;font-weight:800}.watching{margin:2px 0 8px}.watching:empty{display:none}.install{margin:12px auto 0}.install-guide{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#14280fb3}.guide-card{width:min(380px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:20px;text-align:left}.guide-card h2{margin:0 0 8px;text-align:center}.guide-card ol{margin:0 0 14px;padding-left:22px;line-height:1.6}.guide-card .btn{margin:0 auto}.guide-card p{margin:0 0 10px;line-height:1.45}.legend{margin:0 0 10px;padding:0;list-style:none;font-size:14px;line-height:1.5}.legend li{display:inline}.legend li:not(:last-child):after{content:", "}.guide-card h3{margin:0 0 6px;font-size:15px}.legend span{margin-right:2px}.feedback{width:100%;box-sizing:border-box;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;font:inherit;font-size:14px;resize:vertical}.private-note{margin:4px 0 8px;font-size:12px;opacity:.85}.keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.keywords span{padding:3px 10px;border-radius:999px;font-size:13px;background:#3b2a1a59}.guide-arrow{position:fixed;bottom:8px;left:50%;font-size:48px;transform:translate(-50%);animation:bounce .9s ease-in-out infinite}@media(max-height:520px){#menu,#results,#lobby{padding:8px}.menu-card{padding:12px 18px}.menu-card{width:min(460px,100%)}.screen{gap:8px;margin-top:8px}.btn.big{padding:10px;font-size:22px}.screen h2{margin-bottom:8px;font-size:20px}.name-view{font-size:20px}.logo{font-size:38px}.logo span{font-size:18px;margin-top:2px}.menu-card:has([data-ref=skins]:not(.hidden)){width:min(760px,100%)}.menu-card:has([data-ref=skins]:not(.hidden)) .logo,.look-preview{display:none}[data-ref=skins]{max-height:calc(100vh - 60px);overflow-y:auto}.skins.outlines{grid-template-columns:repeat(2,1fr)}.skins.patterns{grid-template-columns:repeat(5,1fr)}.skins{grid-template-columns:repeat(10,1fr)}.name{margin-top:10px;padding:6px 12px;font-size:17px}.skins{gap:6px;margin:10px 0 0}.skin{padding:3px 1px}.btn{padding:8px;font-size:18px}.join-code{margin-top:10px}.code-input{font-size:17px;padding:6px 10px}.link{margin-top:6px;font-size:14px}.message{margin:4px 0 0;min-height:0}.install{margin-top:6px}.lobby-card,.result-card{width:min(560px,100%);padding:12px 18px}.lobby-card h2{font-size:20px}.lobby-card .code{font-size:34px;margin:0 0 6px}.players{margin:8px 0;max-height:120px;overflow-y:auto}.players li{padding:3px 8px}.lobby-card .toggle{margin-bottom:6px}.hint{margin-top:4px;font-size:14px}.trophy,.rank{font-size:40px}#results.won .rank{font-size:28px}.of{margin:2px 0 8px}.numbers{margin-bottom:6px}.numbers b{font-size:22px}.winner{margin-bottom:6px}.next{margin-top:6px}}@keyframes spin{50%{transform:rotate(90deg)}}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes flash{0%{opacity:.45}}@keyframes alarm{50%{opacity:.25}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes jackpot{0%{transform:scale(.2) rotate(-8deg);opacity:0}}@keyframes bounce{50%{transform:translateY(-8px)}}.fps{position:fixed;top:4px;left:50%;z-index:30;padding:2px 8px;border-radius:6px;background:#0009;color:#0f0;font:12px monospace;transform:translate(-50%);pointer-events:none}.icon svg,.icon-btn svg{display:block;margin:auto}.emote-bar{position:absolute;top:54px;right:12px;display:flex;gap:6px;padding:6px;border-radius:999px;background:#3b2a1a73;pointer-events:auto}.icon.emote{width:40px;height:40px;font-size:22px;background:#fff3}@media(pointer:coarse){.emote-bar{top:50px;right:110px}}.cutter-alert{position:absolute;top:64px;left:50%;transform:translate(-50%);font-size:clamp(16px,3.4vw,24px);font-weight:800;color:#ff5252;-webkit-text-stroke:1px var(--ink);text-shadow:0 2px 0 var(--ink);white-space:nowrap;pointer-events:none}#hud.cutting:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #ff17448c;animation:alarm .6s ease-in-out infinite;pointer-events:none}.cutter-btn{position:absolute;right:18px;bottom:90px;padding:14px 20px;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#ff6e6e,#d32f2f);box-shadow:0 5px #7f1d1d;color:#fff;font:inherit;font-size:22px;font-weight:800;animation:bounce .9s ease-in-out infinite;pointer-events:auto}