:root{font-family:"Open Sans",Arial,sans-serif;color:#667078;font-size:13px;background:#f1f4f9}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;background:white;border:1px solid #ddd;color:inherit;padding:9px 14px}button:hover,a:hover{color:#ff6500}input,textarea{border:1px solid #dce1e4;padding:11px;background:#fff;border-radius:0;color:#4d565d}.primary{background:#ff6500;border:0;color:white}.primary:hover{background:#e65b00;color:white}#login{min-height:100vh;display:grid;place-items:center}.login-box{width:min(330px,90vw);text-align:center}.login-box h1{font-size:28px;font-weight:400}.login-box form{display:grid;gap:14px;margin:25px 0}.login-box small{display:block;margin:30px}#login-error,#pin-error{color:#a83124}header{height:60px;background:#fff;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:2;border-bottom:1px solid #e6e9ed;padding-right:20px}header .logo{align-self:stretch;width:160px;flex:none;display:grid;place-items:center;background:#ff6500;color:white;font-size:20px;font-weight:bold}header img{border-radius:50%}header button{border:0}.notification{color:#ff6500}.game-link{margin-left:auto}aside{width:160px;position:fixed;top:60px;bottom:0;background:#364357;color:#96a1b3}.profile{text-align:center;padding:20px 10px}.profile img{width:60px;height:60px;border-radius:50%;display:block;margin:0 auto 9px}.profile strong{display:block;color:#fff;font-size:13px}.profile small{display:block;margin-top:5px}nav a{display:flex;gap:12px;padding:17px 18px;align-items:center}nav a.active,nav a:hover{background:#2f3c4e;color:white}main{margin-left:160px;padding:20px;min-height:calc(100vh - 60px)}h2{font-size:24px;font-weight:400;margin:0 0 24px}#status:empty{display:none}#status{padding:10px;background:#fff4e8}.panel{background:white;padding:16px;min-height:100px}.mail-table{border-collapse:collapse;width:100%;text-align:left}.mail-table td{border-top:1px solid #ddd;padding:17px 14px}.mail-table tr:nth-child(even){background:#f8f8f8}.mail-table tr:hover{background:#fff8ee}.mail-table .unread{font-weight:bold}.star{color:#777}.star.on{color:#ebcd37}.mail-table button{padding:0;border:0;background:none;text-align:left;color:inherit;width:100%}.mail-table .date{white-space:nowrap}.table-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 15px 20px}.message-header{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid #eee;padding:5px 0 16px}.message-header h3{font-weight:400;font-size:19px;margin:0}.message-header h3 span{color:#999;margin-right:10px}.sender{padding:20px 0;font-weight:bold}.message-body{color:#666;line-height:1.75;padding-bottom:15px}.message-body p{margin:0 0 16px}.attachments{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0}.attachment-card{border:1px solid #eee;width:260px;padding:0;text-align:left;display:block}.attachment-card img{max-width:100%;width:100%;display:block}.attachment-card .file-icon{display:block;font-size:44px;padding:28px;background:#f5f5f5}.attachment-card .label{padding:10px;display:block}.attachment-card p{margin:0 0 5px}.attachment-card span span{font-size:12px;color:#aaa}.message-actions{display:flex;justify-content:flex-end;gap:10px}footer{margin:40px -20px -20px;padding:20px;background:white;font-size:12px}#compose-form{display:grid;gap:12px}#compose-form label{display:grid;gap:8px;font-weight:bold}#compose-form textarea{min-height:350px;resize:vertical}#compose-form .primary{justify-self:start}.safe-table{border-collapse:collapse;width:100%;text-align:left}.safe-table th,.safe-table td{border-bottom:1px solid #ddd;padding:18px 12px}.safe-table button{border:0;padding:0;text-align:left;word-break:break-all}.strength-hoch{color:#2d9c70}.strength-gering{color:#db4b47}.strength-mittel{color:#bd952a}.empty{padding:40px;text-align:center}.table-wrap{overflow:auto}dialog{border:0;max-width:95vw;color:inherit;box-shadow:0 15px 80px #0006;padding:32px}dialog::backdrop{background:#172437b8}.close{float:right;border:0;font-size:22px;padding:0 0 10px 20px}#pin-dialog{width:380px}#pin-dialog h2{font-size:18px}#pin-dialog form{display:grid;gap:14px}.pin{display:flex;gap:10px}.pin input{width:55px;height:65px;text-align:center;font-size:25px}#attachment{padding:15px;max-height:95vh}#attachment img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}.sent-body{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){header{gap:10px;padding-right:10px}header .logo{width:120px}header img,header>span:not(.notification){display:none}.game-link{font-size:11px}aside{width:120px}.profile{padding:15px 5px}nav a{padding:14px 12px;gap:7px}main{margin-left:120px;padding:15px}.mail-table td{padding:12px 8px}.mail-table .date{font-size:11px}.mail-table td:nth-child(3){min-width:200px}.message-header{display:block}.message-header p{font-size:11px}.safe-table th,.safe-table td{padding:12px 8px}footer{margin:30px -15px -15px}}@media(max-width:460px){aside{width:92px}.profile strong{font-size:11px}.profile small{font-size:10px}nav a{font-size:11px;gap:5px;padding:14px 7px}main{margin-left:92px}header .logo{width:92px;font-size:17px}.notification{display:none}header button{font-size:11px;padding:8px}.attachment-card{width:100%}}