*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.shell{min-height:100vh;max-width:760px;margin:auto;padding:28px 20px}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mascot{font-size:92px;filter:drop-shadow(0 0 18px #62ff16);margin-bottom:8px}.brand{font-size:70px;font-weight:1000;letter-spacing:-5px}.brand b{color:#62ff16}.brand.small{font-size:34px;letter-spacing:-2px}.tag{font-size:26px;letter-spacing:7px;margin-top:6px}.tag b{color:#62ff16}.sub{letter-spacing:4px;color:#ddd}.sub i{color:#62ff16}.actions{display:grid;grid-gap:12px;gap:12px;width:min(390px,100%);margin-top:30px}.ghost,.primary{border-radius:14px;padding:16px 20px;font-weight:900;font-size:16px;text-decoration:none;text-align:center;cursor:pointer}.primary{border:0;background:#62ff16;color:#050505;box-shadow:0 0 24px #62ff1640}.primary:disabled{opacity:.5}.ghost{border:1px solid #444;background:#101010;color:#fff}.tiny{color:#777;font-size:13px;margin-top:22px}.tiny a{color:#62ff16}.auth{padding-top:70px}.auth h1{font-size:42px;margin:45px 0 6px}.auth>p{color:#999}.auth form{display:grid;grid-gap:12px;gap:12px;margin-top:28px}.auth input{background:#111;border:1px solid #333;border-radius:12px;padding:16px;color:#fff;font-size:16px}.auth input:focus{outline:1px solid #62ff16}.notice{color:#62ff16!important;font-weight:800}.dashboard header{display:flex;justify-content:space-between;align-items:flex-start}.loggedIn{margin-top:6px;font-size:11px;letter-spacing:1.4px;color:#777}.loggedIn b{color:#62ff16}.textBtn{background:none;border:0;color:#777;cursor:pointer}.headerRight{display:flex;align-items:flex-start;gap:16px}.pointsBadge{border:1px solid #62ff16;border-radius:12px;padding:8px 12px;text-align:center;box-shadow:0 0 18px #62ff1630}.pointsBadge b{display:block;color:#62ff16;font-size:20px}.pointsBadge span{font-size:8px;letter-spacing:2px;color:#999}.pointsBadge.zero{border-color:#ff2b2b;box-shadow:0 0 22px #ff2b2b55}.pointsBadge.zero b{color:#ff2b2b}.jail{margin:24px 0 0;border:2px solid #ff2b2b;border-radius:20px;padding:20px;text-align:center;background:#120505;box-shadow:0 0 28px #ff2b2b35}.jailTitle{font-size:25px;font-weight:1000;color:#ff2b2b;letter-spacing:2px}.jail p{color:#aaa;font-size:12px;letter-spacing:1.5px}.rouletteBtn{width:100%;border:1px solid #ff9d00;background:#0b0b0b;color:#ff9d00;border-radius:14px;padding:16px;font-weight:1000;font-size:16px;cursor:pointer;box-shadow:0 0 20px #ff9d0035}.punishment{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.punishment small{color:#ff9d00;letter-spacing:2px}.punishment strong{font-size:24px}.crewBox{margin-top:28px;border:1px solid #2b2b2b;border-radius:20px;padding:18px;background:#0c0c0c}.crewHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.crewHead h2{margin:0 0 5px!important;color:#62ff16!important}.crewHead p{margin:0;color:#666;font-size:10px;letter-spacing:1.2px}.crewHead>span{font-size:10px;color:#62ff16;border:1px solid #62ff1644;border-radius:999px;padding:7px 9px;white-space:nowrap}.crewAdd{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;margin-top:14px}.composer select,.crewAdd input,.crewPickerTrigger{width:100%;background:#111;border:1px solid #333;border-radius:12px;padding:13px 15px;color:#fff;font:inherit}.crewPicker{position:relative}.crewPickerTrigger{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.crewPickerTrigger span{color:#62ff16;font-size:18px;line-height:1}.crewPickerMenu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:240px;overflow-y:auto;background:#111;border:1px solid #62ff16;border-radius:12px;padding:6px;box-shadow:0 0 24px #000}.crewPickerGroup{padding:8px 10px;color:#777;font-size:10px;font-weight:900;letter-spacing:2px}.crewPickerOption{display:block;width:100%;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left;padding:12px 10px;font:inherit;cursor:pointer}.crewPickerOption:focus,.crewPickerOption:hover{background:#62ff16;color:#050505;outline:none}.composer select:focus,.crewAdd input:focus,.crewPickerTrigger:focus{outline:1px solid #62ff16}.crewAdd .primary{padding:12px 15px}.crewNotice{margin-top:10px;color:#62ff16;font-size:11px;font-weight:900;letter-spacing:1px}.crewMember,.crewPending,.crewRequest{margin-top:10px;border:1px solid #252525;border-radius:12px;padding:11px 12px;background:#090909}.crewRequest{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:center}.crewPending,.crewRequest>span{font-size:10px;color:#888;letter-spacing:1px}.crewMember button,.crewRequest button{border-radius:8px;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer;background:#111}.crewAccept{color:#39ff14;border:1px solid #39ff1466}.crewDecline{color:#ff2b2b;border:1px solid #ff2b2b66;margin-left:6px}.crewList{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.crewMember{display:flex;justify-content:space-between;align-items:center;margin-top:0}.crewMember span{display:grid}.crewMember small{color:#666;margin-top:2px}.crewMember button{color:#777;border:1px solid #333}.nagButton{padding:30px 0 26px}.huge{width:100%;font-size:22px}.dashboard h2{font-size:14px;letter-spacing:3px;color:#888}.empty{text-align:center;border:1px dashed #333;border-radius:20px;padding:50px 20px;color:#888}.empty div{font-size:55px}.empty b{display:block;color:#fff;font-size:24px;margin-top:12px}.card{background:#101010;border:1px solid #252525;border-radius:20px;padding:22px;margin:14px 0;transition:.2s;box-shadow:0 0 20px #000}.card.levelGreen{border-color:#39ff14;box-shadow:0 0 20px #39ff1435}.card.levelYellow{border-color:#f5ff00;box-shadow:0 0 20px #f5ff0038}.card.levelOrange{border-color:#ff9d00;box-shadow:0 0 20px #ff9d0038}.card.levelRed{border-color:#ff2b2b;box-shadow:0 0 22px #ff2b2b45}.card h3{font-size:24px}.cardTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.badge{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.choice.levelGreen,.levelGreen .badge{color:#39ff14}.choice.levelYellow,.levelYellow .badge{color:#f5ff00}.choice.levelOrange,.levelOrange .badge{color:#ff9d00}.choice.levelRed,.levelRed .badge{color:#ff2b2b}.from{font-size:10px;letter-spacing:1.3px;color:#7a7a7a}.due{font-size:11px;color:#777;letter-spacing:1px}.nagImage{width:100%;height:360px;display:block;border-radius:14px;margin:14px 0 8px;border:1px solid #262626;object-fit:contain;background:#050505;padding:6px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:20px}.modalBack{position:fixed;inset:0;background:#000d;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px}.composer{position:relative;background:#090909;border:1px solid #292929;border-radius:24px;width:min(620px,100%);max-height:calc(100vh - 24px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:20px 28px;box-shadow:0 0 60px #62ff1618}.composer::-webkit-scrollbar{display:none}.composerLogo{width:88px;height:88px;object-fit:contain;display:block;margin:0}.composer h1{font-size:36px;margin:14px 0 12px}.composer form{display:grid;grid-gap:7px;gap:7px}.composer label{margin-top:7px;color:#888;font-size:12px;font-weight:900;letter-spacing:2px}.composer input,.composer textarea{width:100%;background:#111;border:1px solid #333;border-radius:12px;padding:13px 15px;color:#fff;font:inherit}.composer textarea{min-height:86px;resize:vertical}.composer input:focus,.composer textarea:focus{outline:1px solid #62ff16}.close{position:absolute;right:20px;top:10px;border:0;background:none;color:#777;font-size:32px;cursor:pointer}.choices{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.choices.four{grid-template-columns:repeat(2,1fr)}.choice{background:#111;border:1px solid #333;border-radius:10px;padding:11px 6px;font-weight:800;cursor:pointer;box-shadow:none;color:#aaa;transition:.16s}.choice.levelGreen.active{background:#39ff14;color:#050505;border-color:#39ff14;box-shadow:0 0 20px #39ff146b}.choice.levelYellow.active{background:#f5ff00;color:#050505;border-color:#f5ff00;box-shadow:0 0 20px #f5ff0066}.choice.levelOrange.active{background:#ff9d00;color:#050505;border-color:#ff9d00;box-shadow:0 0 20px #ff9d0066}.choice.levelRed.active{background:#ff2b2b;color:#050505;border-color:#ff2b2b;box-shadow:0 0 20px #ff2b2b70}.choice.whenGreen{color:#39ff14;border-color:#39ff1450}.choice.whenYellow{color:#f5ff00;border-color:#f5ff0050}.choice.whenRed{color:#ff2b2b;border-color:#ff2b2b55}.choice.whenGreen.active{background:#39ff14;color:#050505;border-color:#39ff14;box-shadow:0 0 20px #39ff146b}.choice.whenYellow.active{background:#f5ff00;color:#050505;border-color:#f5ff00;box-shadow:0 0 20px #f5ff0066}.choice.whenRed.active{background:#ff2b2b;color:#050505;border-color:#ff2b2b;box-shadow:0 0 20px #ff2b2b70}.mainSend{border:0;border-radius:14px;padding:15px 20px;font-weight:900;font-size:16px;cursor:pointer;margin-top:10px;color:#050505}.mainSend.levelGreen{background:#39ff14;box-shadow:0 0 24px #39ff146b}.mainSend.levelYellow{background:#f5ff00;box-shadow:0 0 24px #f5ff0066}.mainSend.levelOrange{background:#ff9d00;box-shadow:0 0 24px #ff9d0066}.mainSend.levelRed{background:#ff2b2b;box-shadow:0 0 24px #ff2b2b70}.imagePicker{display:block;margin-top:0!important;min-width:0}.imagePicker input{display:none}.imagePicker span{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;border:1px dashed #444;border-radius:12px;padding:10px 8px;color:#aaa;cursor:pointer;background:#101010;white-space:nowrap;line-height:1}.imagePicker span:hover{border-color:#62ff16;color:#62ff16}.previewWrap{position:relative;background:#050505;border:1px solid #2a2a2a;border-radius:14px;padding:6px}.previewWrap img,.previewWrap video{width:100%;height:190px;max-height:190px;display:block;object-fit:contain;border-radius:10px;background:#050505}.previewWrap button{position:absolute;right:10px;bottom:10px;background:#000c;color:#fff;border:1px solid #555;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.responseBtn{border-radius:14px;padding:16px 20px;font-weight:1000;font-size:16px;cursor:pointer;background:#0b0b0b;transition:.16s}.h8Btn{color:#ff2b2b;border:1px solid #ff2b2b88}.doBtn{color:#39ff14;border:1px solid #39ff1488}.h8Btn.active,.h8Btn:hover{background:#ff2b2b;color:#050505;border-color:#ff2b2b;box-shadow:0 0 26px #ff2b2b88}.doBtn.active,.doBtn:hover{background:#39ff14;color:#050505;border-color:#39ff14;box-shadow:0 0 26px #39ff1488}.myResponse,.responseStatus{margin-top:12px;border-radius:10px;padding:11px 12px;font-size:11px;font-weight:1000;letter-spacing:1.2px;text-align:center}.myResponse.h8,.responseStatus.h8{color:#ff2b2b;border:1px solid #ff2b2b66;background:#ff2b2b0d}.myResponse.done,.responseStatus.done{color:#39ff14;border:1px solid #39ff1466;background:#39ff140d}.responseStatus.waiting{color:#777;border:1px solid #333;background:#090909}.sentTitle{margin-top:48px!important;border-top:1px solid #222;padding-top:28px}.sentCard{opacity:.94}.sentEmpty{padding:28px 20px}.sentEmpty b{font-size:18px}.mediaPickerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:stretch}.mediaActionBtn{border:0;padding:0;background:transparent;font:inherit;min-width:0}.webcamPanel{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;background:#050505;border:1px solid #2a2a2a;border-radius:14px;padding:8px;margin-top:2px;overflow:hidden}.webcamPanel video{grid-column:1/-1;width:100%;height:250px;display:block;object-fit:contain;background:#000;border-radius:10px}.webcamPanel button{border:1px solid #444;border-radius:10px;background:#111;color:#fff;padding:10px 12px;font-weight:900;cursor:pointer}.webcamPanel .recordingBtn{border-color:#ff2b2b;color:#ff2b2b}.webcamPanel .webcamCancel{color:#888}.tempMedia{width:100%;max-height:360px;display:block;object-fit:contain;background:#050505;border:1px solid #262626;border-radius:14px;margin:14px 0 8px}.tempMediaLoading{margin:14px 0 8px;border:1px dashed #333;border-radius:12px;padding:18px;text-align:center;color:#777;font-size:11px;letter-spacing:1.5px}@media(max-width:520px){.brand{font-size:58px}.brand.small{font-size:32px}.tag{font-size:18px;letter-spacing:5px}.shell{padding:22px 16px}.headerRight{gap:8px}.pointsBadge{padding:6px 8px}.pointsBadge b{font-size:17px}.crewHead{flex-direction:column}.crewAdd,.crewRequest{grid-template-columns:1fr}.composer{max-height:calc(100vh - 12px);padding:16px 14px 28px}.composerLogo{width:74px;height:74px}.composer h1{font-size:30px;margin:10px 0}.choices{grid-template-columns:1fr}.choices.whenChoices{grid-template-columns:repeat(3,1fr)}.choices.four{grid-template-columns:1fr 1fr}.cardTop{align-items:flex-start;flex-direction:column}.from{margin-top:-4px}.nagImage{height:280px}.previewWrap img,.previewWrap video{height:145px;max-height:145px}.webcamPanel video{height:180px}.tempMedia{max-height:280px}.imagePicker span{font-size:10px;letter-spacing:.8px;padding:9px 5px;min-height:42px}.jailTitle{font-size:20px}}.logoImage{display:block;object-fit:contain;-webkit-clip-path:polygon(11.538% 6.346%,9.038% 8.846%,7.308% 12.308%,6.538% 12.692%,5.385% 15.769%,4.423% 22.308%,4.423% 77.115%,4.808% 81.154%,5.385% 81.923%,5.192% 83.462%,5.962% 84.038%,6.731% 87.115%,10% 90.769%,10% 91.346%,10.769% 91.346%,11.154% 92.115%,15.769% 94.808%,20.192% 96.346%,25.769% 96.923%,78.462% 96.923%,85.192% 94.808%,86.538% 93.269%,90.577% 90.769%,90.769% 89.615%,93.654% 85.769%,95.192% 79.423%,95% 19.423%,93.654% 14.423%,89.808% 8.269%,85% 4.808%,78.077% 2.5%,56.923% 2.308%,55.577% 1.538%,47.885% 2.115%,47.115% 1.154%,46.154% .962%,43.462% 1.154%,41.923% 2.308%,21.731% 2.5%,17.115% 3.654%);clip-path:polygon(11.538% 6.346%,9.038% 8.846%,7.308% 12.308%,6.538% 12.692%,5.385% 15.769%,4.423% 22.308%,4.423% 77.115%,4.808% 81.154%,5.385% 81.923%,5.192% 83.462%,5.962% 84.038%,6.731% 87.115%,10% 90.769%,10% 91.346%,10.769% 91.346%,11.154% 92.115%,15.769% 94.808%,20.192% 96.346%,25.769% 96.923%,78.462% 96.923%,85.192% 94.808%,86.538% 93.269%,90.577% 90.769%,90.769% 89.615%,93.654% 85.769%,95.192% 79.423%,95% 19.423%,93.654% 14.423%,89.808% 8.269%,85% 4.808%,78.077% 2.5%,56.923% 2.308%,55.577% 1.538%,47.885% 2.115%,47.115% 1.154%,46.154% .962%,43.462% 1.154%,41.923% 2.308%,21.731% 2.5%,17.115% 3.654%)}.heroLogo{width:min(520px,92vw);height:auto;filter:drop-shadow(0 0 28px #62ff1640)}.authLogo{width:180px;height:180px;border-radius:0;filter:drop-shadow(0 0 18px #62ff1635)}.dashboardBrand{display:flex;align-items:center;gap:14px}.dashLogo{width:74px;height:74px;border-radius:0;filter:drop-shadow(0 0 12px #62ff1635)}.composerLogo{width:92px;height:92px;border-radius:0;margin-bottom:12px;filter:drop-shadow(0 0 14px #62ff1635)}.emptyLogo{width:118px;height:118px;border-radius:0;margin:0 auto 14px;filter:drop-shadow(0 0 16px #62ff162f)}@media(max-width:520px){.heroLogo{width:min(390px,94vw)}.authLogo{width:145px;height:145px}.dashLogo{width:62px;height:62px}.dashboardBrand{gap:10px}.composerLogo{width:78px;height:78px}.emptyLogo{width:100px;height:100px}}