:root{--felt-green: #1b5e20;--felt-green-dark: #124016;--text-light: #ffffff;--text-dark: #333333;--primary-color: #fbc02d;--panel-bg: rgba(0, 0, 0, .6);--error-color: #d32f2f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--felt-green);background-image:url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%231b5e20" fill-opacity="0.1" fill-rule="evenodd"%3E%3Ccircle cx="3" cy="3" r="3"/%3E%3Ccircle cx="13" cy="13" r="3"/%3E%3C/g%3E%3C/svg%3E');color:var(--text-light);height:100vh;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:20px;width:100%}.card-panel{background:var(--panel-bg);border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button{background-color:var(--primary-color);color:var(--text-dark);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}button:hover{background-color:#fdd835}button:disabled{background-color:#ccc;cursor:not-allowed}input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;background:#ffffffe6}.error-message{color:#ff5252;margin-bottom:1rem;font-size:.9rem}.game-table-container{position:relative;width:100%;flex-grow:1;overflow:hidden;background-image:url(/drachenlogo_green.png);background-position:center;background-repeat:no-repeat;background-size:50vmin}@media(min-width:1025px){.game-table-container{background-size:35vmin}}.table-topbar{position:absolute;top:0;left:0;width:100%;padding:10px 20px;display:flex;justify-content:space-between;z-index:100;background:linear-gradient(to bottom,#00000080,#0000)}.player-slot{position:absolute;width:160px;height:135px;z-index:10}.pos-1{bottom:0;right:0;width:260px;height:180px;z-index:10}.pos-2{top:50%;left:20px;transform:translateY(-50%)}.pos-3{top:60px;left:15vw}.pos-4{top:20px;left:50%;transform:translate(-50%)}.pos-5{top:60px;right:15vw}.pos-6{top:50%;right:20px;transform:translateY(-50%)}.center-info{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:clamp(110px,22vmin,150px);height:clamp(110px,22vmin,150px);border-radius:50%;border:4px solid var(--felt-green-dark);display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffffb3;font-weight:700;pointer-events:none;background-color:var(--felt-green)}.chat-anchor{position:absolute;bottom:0;left:0;z-index:60}.ansage-anchor{position:absolute;bottom:0;left:50%;z-index:60}.chat-dummy{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;padding:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#ffffffb3;font-size:.9rem}.btn-ansage{appearance:button;background-color:#fbc02d;border:solid transparent;border-radius:16px;border-width:0 0 4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:900;letter-spacing:.8px;line-height:20px;margin:0;outline:none;overflow:visible;padding:13px 16px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:100%;position:relative;z-index:1}.btn-ansage:after{background-clip:padding-box;background-color:#f57f17;border:solid transparent;border-radius:16px;border-width:0 0 4px;content:"";inset:0 0 -4px;position:absolute;z-index:-1}.btn-ansage,.btn-ansage:focus{-webkit-user-select:auto;user-select:auto}.btn-ansage:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}.btn-ansage:disabled{cursor:auto;opacity:.6}.btn-ansage:active{border-width:4px 0 0;background:none}.rule-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.85rem;margin:0;padding:0;text-align:left;line-height:1}.rule-label input{margin:0;padding:0;width:13px;height:13px}.rules-category{margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}*{touch-action:manipulation}@media(max-width:1024px){.player-slot{width:120px;height:68px}.pos-1{width:180px;height:100px}.pos-2{left:10px}.pos-3{left:8vw;top:50px}.pos-4{top:10px}.pos-5{right:8vw;top:50px}.pos-6{right:10px}.chat-anchor{display:none}button{min-height:44px;min-width:44px}}@media(max-width:480px){.player-slot{width:90px;height:50px}.pos-1{width:140px;height:78px}.pos-2{left:5px}.pos-3{left:5vw;top:40px}.pos-4{top:5px}.pos-5{right:5vw;top:40px}.pos-6{right:5px}.table-topbar{padding:5px 10px}}@media(max-height:500px)and (orientation:landscape){.player-slot{width:100px;height:56px}.pos-1{width:140px;height:78px}.pos-3,.pos-4,.pos-5{top:5px}}