@import "https://fonts.googleapis.com/css2?family=Anton&family=Nunito:wght@700;800;900&display=swap";*{box-sizing:border-box}body{color:#fff;background:#07172f;margin:0;font-family:Nunito,Arial,sans-serif;font-weight:800}button{cursor:pointer;font:900 16px Nunito}.draw-shell{transform-origin:50%;background:radial-gradient(circle at 78% 10%,#1268d866,#0000 28%),radial-gradient(circle at 12% 90%,#ed4b2559,#0000 29%),#07172f;width:1920px;height:1080px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.draw-shell:before{content:"";opacity:.45;background:linear-gradient(130deg,#0000 49.7%,#f7c928 50%,#0000 50.3%),repeating-linear-gradient(0deg,#0000 0 70px,#ffffff08 71px 72px);position:absolute;inset:0}.studio-header{z-index:8;background:linear-gradient(90deg,#07172f 0 58%,#0c3470 100%);border-bottom:3px solid #f7c928;justify-content:flex-end;align-items:center;height:174px;padding:20px 62px;display:flex;position:absolute;inset:0 0 auto}.studio-header:before{content:"";filter:drop-shadow(0 9px #020b1a);background:url(/images/tratto-live-logo-final.png) 50%/contain no-repeat;width:500px;height:158px;position:absolute;top:7px;left:48px}.tratto-logo-image,.round-label{display:none}.top-actions{gap:8px;display:flex;position:relative}.top-actions>button{color:#fff;background:#0a2349;border:1px solid #f7c928;border-radius:999px;padding:8px 12px;font-size:11px}.top-actions>button:first-child{color:#07172f;background:#f7c928}.audio-panel{z-index:20;background:#081c3b;border:2px solid #f7c928;width:250px;padding:14px;position:absolute;top:48px;right:0;box-shadow:6px 6px #ed4b25}.audio-panel label{justify-content:space-between;align-items:center;gap:8px;margin:7px 0;font-size:11px;display:flex}.audio-panel input{accent-color:#f7c928;width:130px}.private-desk{z-index:3;flex-direction:column;gap:16px;width:350px;display:flex;position:absolute;top:210px;bottom:50px;left:50px}.score-card,.chat-card{background:#0c294e;border:2px solid #226fdc;border-radius:18px;padding:21px;box-shadow:8px 9px #020d1e}.score-card{flex:1;min-height:210px}.score-card small,.chat-card small{letter-spacing:2px;color:#f7c928;margin-bottom:10px;font-size:12px;display:block}.score-card p{border-bottom:1px solid #ffffff1e;align-items:center;margin:7px 0;padding:7px 0;font-size:15px;display:flex}.score-card p b{color:#f7c928;margin-right:10px}.score-card p strong{color:#4de0d4;margin-left:auto}.score-card>span{color:#b4c9e4;font-size:14px}.chat-card{color:#07172f;background:linear-gradient(135deg,#fff4d1,#fffdf5);border-color:#f7c928;min-height:130px;box-shadow:8px 9px #ed4b25}.chat-card small{color:#ed4b25}.chat-card strong{font:25px Anton;display:block}.chat-card span{color:#54708f;margin-top:6px;font-size:12px;display:block}.webcam-zone{min-height:255px}.private-title{letter-spacing:1.5px;color:#b4c9e4;justify-content:space-between;margin:0 5px 8px;font-size:11px;display:flex}.private-title b{color:#f7c928}.webcam-cover{color:#d7e5f5;background:linear-gradient(145deg,#103b70,#07172f);border:2px dashed #4de0d4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:230px;padding:17px;display:flex}.webcam-cover>span{color:#f7c928;font-size:42px}.webcam-cover>strong{font:25px Anton}.webcam-cover>button{color:#fff;background:#ed4b25;border:0;border-radius:10px;padding:12px 18px;box-shadow:0 4px #9a2119}.webcam-cover>small{letter-spacing:1px;font-size:10px}.word-picker{text-align:left;flex-direction:column;gap:7px;width:100%;display:flex}.word-picker small{color:#f7c928;font-size:10px}.word-picker strong{color:#fff;font:23px Anton}.word-picker button{color:#fff;text-align:left;background:#1268d8;border:0;border-radius:8px;padding:9px 11px}.word-picker button:last-child{background:#ed4b25}.word-picker button b{float:right}.word-picker span{color:#d2e2f3;font-size:11px}.word-picker .secret-word{color:#f7c928;font-size:34px}.custom-word{gap:5px;margin-top:5px;display:flex}.custom-word input{color:#07172f;border:2px solid #f7c928;border-radius:6px;width:100%;padding:8px;font:800 11px Nunito}.word-picker .custom-word button{color:#07172f;background:#f7c928;font-size:10px}.stage{z-index:2;background:#0b2347;border:2px solid #2577e7;border-radius:36px;position:absolute;inset:210px 55px 50px 445px;overflow:hidden;box-shadow:18px 20px #020d1e}.stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 84% 15%,#f7c928 0 7%,#0000 7.4%),radial-gradient(circle at 12% 84%,#ed4b2533 0 20%,#0000 20.4%),linear-gradient(145deg,#113967,#071a35 68%);position:absolute;inset:0}.stage-top{z-index:3;color:#6bdce0;letter-spacing:2px;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;height:76px;padding:0 42px;font-size:12px;display:flex;position:relative}.timer{color:#07172f;background:#f7c928;border:6px solid #07172f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;font:46px/.65 Anton;display:flex;box-shadow:5px 5px #ed4b25}.timer small{margin-top:14px;font:10px Nunito}.urgent{color:#fff;background:#ed4b25;animation:.7s infinite pulse}.center-panel{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 76px);padding:35px;display:flex;position:relative}.center-panel:after{content:"✦  ✦  ✦";color:#f7c928;letter-spacing:26px;opacity:.75;font-size:30px;position:absolute;bottom:70px}.center-panel p{color:#f7c928;letter-spacing:3px;margin:0;font-size:14px}.center-panel h1{color:#fff;text-shadow:5px 5px #1268d8;margin:18px 0;font:94px/.88 Anton}.center-panel h1 em{color:#f7c928;text-shadow:5px 5px #ed4b25;font-style:normal}.center-panel>span{color:#dce8f4;max-width:580px;font-size:21px}.pick-panel{background:repeating-linear-gradient(-45deg,#0000 0 20px,#f7c92813 20px 22px)}.pick-panel i{color:#ed4b25;font-size:86px;font-style:normal;position:absolute;bottom:70px;left:65px}canvas{z-index:1;cursor:crosshair;touch-action:none;background:#fffdf7;border:5px solid #f7c928;border-radius:22px;width:calc(100% - 88px);height:calc(100% - 220px);position:absolute;top:108px;left:44px;right:44px;box-shadow:0 0 0 8px #1268d8}.guess-status{z-index:3;color:#fff;letter-spacing:1.5px;background:#07172f;border-radius:999px;padding:11px 17px;font-size:12px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.guess-status button{color:#fff;background:#ed4b25;border:0;border-radius:7px;margin-left:11px;padding:5px 8px;font-size:10px}.tool-dock{z-index:4;color:#fff;background:#07172f;border:2px solid #f7c928;border-bottom:0;border-radius:22px 22px 0 0;align-items:center;gap:9px;height:84px;padding:11px 20px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tool-dock>button{color:#fff;background:#113967;border:1px solid #4387df;border-radius:10px;min-width:58px;height:55px;font-size:22px}.tool-dock>button small{font-size:8px;display:block}.tool-dock>button.selected{background:#ed4b25;border-color:#f7c928}.colors{border-left:1px solid #fff3;border-right:1px solid #fff3;gap:6px;padding:0 8px;display:flex}.colors button{border:3px solid #fff;border-radius:50%;width:23px;height:23px;padding:0}.colors button.active{outline:3px solid #f7c928}.tool-dock label{color:#b4c9e4;flex-direction:column;gap:5px;font-size:10px;display:flex}.tool-dock input{accent-color:#f7c928;width:95px}.win-panel{background:radial-gradient(circle,#f7c92866 0,#0000 45%)}.win-panel h1 em,.champion{color:#f7c928}.champion{letter-spacing:2px;font:40px Anton}@keyframes pulse{50%{transform:scale(1.08)}}