@charset "UTF-8";@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9YL1la1OD.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9YLNlaw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JUjfVPf62XiF7kO-i9aAhAfmKi2Oud.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JUjfVPf62XiF7kO-i9aAhAfmyi2A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bottom-bar{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.pixel-btn{height:64px;border:6px solid #161616;border-radius:999px;font-size:20px;letter-spacing:2px;box-shadow:0 6px #161616,inset 0 -4px #0000001f}.pixel-btn:active{transform:translateY(3px);box-shadow:0 3px #161616,inset 0 0 #0000}.btn-green{background:#6ac26a}.btn-cyan{background:#2b6cb0}.btn-orange{background:#e35a2f}.bottom-bar .pixel-btn{width:100%;max-width:320px;justify-self:center}@media(max-width:880px){.bottom-bar{grid-template-columns:1fr 1fr;grid-auto-rows:64px}.bottom-bar .pixel-btn{max-width:none}}.alert-timer{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:8px 12px 10px;border:4px solid #161616;border-radius:999px;background:linear-gradient(180deg,#f55,#b42020 90%);box-shadow:0 4px #161616,inset 0 -2px #00000040;text-align:center;animation:pulseGlow 1.5s infinite ease-in-out}.right-side .alert-timer .label{font-size:clamp(9px,1vw,12px);color:#fff;text-shadow:none;line-height:1.2}@keyframes pulseGlow{0%,to{box-shadow:0 5px #161616,0 0 6px 2px #ff505066}50%{box-shadow:0 5px #161616,0 0 16px 4px #ff5050cc}}.alert-timer .label{font-size:12px;letter-spacing:2px;text-shadow:1px 1px 0 #3a1e10}.alert-timer .time{font-size:18px;background:#fff;color:#b42020;padding:4px 10px;border-radius:999px;border:3px solid #161616;box-shadow:inset 0 -2px #0000001a,0 3px #161616;min-width:90px}.alert-timer .timer-bar{position:relative;width:100%;height:12px;border:3px solid #161616;border-radius:999px;background:#fff;overflow:hidden;box-shadow:inset 0 -2px #0000001f}.alert-timer .timer-bar .fill{height:100%;width:100%;background:linear-gradient(90deg,#fc0,#ff3b3b);transition:width .4s linear}.alert-timer.low-time{animation:flashRed .5s infinite alternate}@keyframes flashRed{0%{background:linear-gradient(180deg,#f55,#b42020 90%)}to{background:linear-gradient(180deg,#f88,#d93636 90%)}}.chat{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:200px;flex:1;box-sizing:border-box;color:#f5e1c0}.chat .messages{flex:1;min-height:0}.chat>header{font-size:clamp(10px,1vw,13px);letter-spacing:.5px}.chat .messages{flex:1;min-height:0;width:100%;box-sizing:border-box;background:var(--panel-raised);color:var(--panel-ink);border-radius:8px;padding:12px;overflow:auto}.turn-order{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px;gap:8px;overflow:hidden;flex-shrink:0}.turn-order ul{list-style:none;margin:0;width:100%;display:flex;flex-direction:column;gap:6px;align-items:center;overflow-x:hidden;max-height:200px;overflow-y:auto;padding:0 6px 6px}.turn-order li{font-size:clamp(9px,.9vw,12px);letter-spacing:.5px;color:var(--panel-ink);background:var(--panel-surface);border:3px solid var(--wood-3);border-radius:6px;padding:6px 8px;width:100%;box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark),0 2px #0003;display:flex;justify-content:center;align-items:center;gap:6px;font-weight:400;box-sizing:border-box}.turn-order header{font-size:clamp(10px,1vw,13px);color:#fff;text-shadow:1px 1px 0 var(--wood-3);letter-spacing:.5px;background:var(--wood-1);padding:6px 0;border-radius:6px;box-shadow:inset 0 2px #b56a3d,inset 0 -2px 0 var(--wood-4);width:100%;box-sizing:border-box;font-family:var(--pixel)}.turn-order img{width:20px;height:20px}.turn-order li b{font-weight:400}.turn-order li.active{background:#5c4033;color:#fff;border-color:var(--ink-accent);box-shadow:inset 1px 1px #7b5644,inset -1px -1px 0 var(--wood-3),0 2px #0000004d;transition:background-color .2s,color .2s}.turn-order li.abandoned{background:#b8b8b8;color:#666;opacity:.6;border-color:var(--panel-ink-muted);pointer-events:none;cursor:not-allowed}.turn-order li.abandoned .name{text-decoration:line-through}.turn-order li.abandoned .name:after{content:" [Abandonn\e9]";font-size:.8em;color:#d32f2f;font-weight:700;text-decoration:none;margin-left:4px}.turn-order li.abandoned .wins-badge{opacity:.5}.turn-order li.abandoned img{opacity:.4}.character-card{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;background:var(--panel-sunken);color:var(--panel-ink);box-sizing:border-box}.character-card .card-header{display:grid;grid-template-areas:"name name" "avatar hp";grid-template-columns:120px 1fr;gap:12px;align-items:center;min-height:0}.character-card .name-row{grid-area:name}.character-card .name{margin:0;padding:8px 12px;font-size:clamp(14px,1.4vw,18px);letter-spacing:1px;color:#fff;background:var(--wood-1);border:3px solid var(--wood-3);border-radius:10px;text-align:center;box-shadow:inset 0 2px #b56a3d,inset 0 -2px 0 var(--wood-4)}.character-card .avatar{grid-area:avatar;border:4px solid var(--wood-3);border-radius:12px;background:var(--panel-warm);color:var(--panel-ink);overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center}.character-card .title-block{grid-area:hp}.character-card .hp-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-family:var(--pixel, "Press Start 2P", monospace)}.character-card .hp-label,.character-card .hp-count{font-size:12px;color:var(--panel-ink)}.character-card .hp-bar{position:relative;height:14px;border:3px solid #161616;border-radius:8px;background:var(--panel-raised);color:var(--panel-ink);box-shadow:inset 0 -2px #0000001f;overflow:hidden}.character-card .hp-fill{height:100%;width:var(--hp, auto);background:linear-gradient(90deg,#51cf66,#2b8a3e);box-shadow:inset 0 0 0 2px #0000000d;transition:width .25s ease}.character-card.is-low .hp-fill{background:linear-gradient(90deg,#ff6b6b,#c92a2a)}.character-card.is-mid .hp-fill{background:linear-gradient(90deg,#ffd43b,#f59f00)}.character-card.is-high .hp-fill{background:linear-gradient(90deg,#51cf66,#2b8a3e)}.character-card .card-body{display:grid;gap:12px}.character-card .stats{list-style:none;margin:0;padding:0;display:grid;gap:6px}.character-card .stats li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border:3px solid var(--wood-3);border-radius:10px;background:var(--panel-surface);box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark);font-size:12px;color:var(--panel-ink)}.character-card .stats .ico{display:grid;place-items:center;font-size:14px}.character-card .stats b{font-weight:400}.character-card .dice{display:flex;gap:8px;flex-wrap:wrap}.character-card .die{min-width:40px;padding:6px 10px;border:3px solid #161616;border-radius:999px;background:var(--tint-cool);color:var(--panel-ink);box-shadow:0 3px #161616,inset 0 -2px #0000001f;font-family:var(--pixel, "Press Start 2P", monospace);font-size:11px;text-align:center}.character-card .die.alt{background:var(--tint-warm)}.character-card .card-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.character-card .counter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;border:3px solid var(--wood-3);border-radius:12px;background:var(--panel-warm);color:var(--panel-ink);box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark)}.character-card .counter label{font-family:var(--pixel, "Press Start 2P", monospace);font-size:11px;color:var(--panel-ink)}.character-card .pill{min-width:28px;padding:4px 10px;border:3px solid #161616;border-radius:999px;background:var(--panel-raised);color:var(--panel-ink);font-family:var(--pixel, "Press Start 2P", monospace);font-size:12px;text-align:center;box-shadow:0 3px #161616,inset 0 -2px #0000001f}.character-card.is-active{outline-offset:0;box-shadow:0 0 0 3px var(--wood-3) inset,0 0 12px #ffd16699}.main-buttons{position:relative;z-index:2;background:transparent;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,5vh,50px);padding:25px;margin-top:70px}.buttons a{display:flex;align-items:center;justify-content:center;width:clamp(280px,40vw,500px);height:clamp(56px,9vw,70px);border-radius:40px;border:4px solid #000;font-size:clamp(14px,2.2vw,18px);letter-spacing:.06em;color:var(--button-gold-ink);text-decoration:none;margin:30px 0}.menu-btn{background:linear-gradient(180deg,var(--button-gold-menu-top) 0%,var(--button-gold-menu-bottom) 100%);box-shadow:0 6px #00000059,inset 0 1px #ffffff40;transition:transform .1s ease,filter .2s ease}.menu-btn:hover{filter:brightness(1.1)}.menu-btn:active{transform:translateY(2px)}.popup-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fade-in .2s ease-out}.popup-box{background:#1a1a1a;color:#fff;border:4px solid;border-radius:8px;width:420px;max-width:90%;display:flex;flex-direction:column;font-family:"Press Start 2P",monospace;animation:pop-in .25s ease-out;box-shadow:0 0 0 4px #000,0 0 15px #ff8800b3}.popup-header{color:#000;text-align:center;padding:10px;font-size:14px;text-transform:uppercase;border-bottom:2px solid #000;display:flex;flex-direction:column;align-items:center;gap:8px}.popup-header .popup-gif{width:48px;height:48px;image-rendering:pixelated}.popup-footer button{color:#000;border:2px solid #000;border-radius:4px;padding:8px 24px;font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:var(--panel-raised);color:var(--panel-ink);padding:30px;border-radius:16px;width:450px;max-width:90%;box-shadow:0 8px 25px #0009;display:flex;flex-direction:column;gap:15px;text-align:center}.modal-box h2{margin-bottom:10px;font-size:1.2rem}.modal-box label{font-size:.9rem;margin-top:10px;text-align:left}.modal-box select{padding:8px;border:2px solid black;border-radius:8px;font-size:.9rem;font-family:Silkscreen,sans-serif;cursor:url("./media/cursor-ZOZAUWGY.png")}.modal-box select option{cursor:url("./media/cursor-ZOZAUWGY.png")}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:25px;cursor:url("./media/cursor-ZOZAUWGY.png");font-size:.9rem;font-family:Silkscreen,sans-serif;border:2px solid black;transition:background .3s ease,transform .2s ease}.modal-actions button:first-child{background:#d33e3e;color:#fff}.modal-actions button:first-child:hover{background:#ff5252;color:#fff}.modal-actions button:last-child{background:#208f24;color:#fff}.modal-actions button:last-child:hover{background:#45a049;color:#fff}.game-preview{position:relative}.game-preview img{width:120px;height:120px;border-radius:8px;border:2px solid black;object-fit:cover;transition:transform .2s ease}.object-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;object-fit:contain;z-index:20;cursor:grab;transition:transform .15s ease-out;box-sizing:border-box;max-width:80%;max-height:80%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.object-image:hover{transform:translate(-50%,-50%) scale(1.1)}.object-image:active{cursor:grabbing}.popup-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-header{background:transparent;color:var(--panel-ink);text-align:center;padding:10px;font-size:16px;text-transform:uppercase;border-bottom:none}.popup-body{padding:15px;text-align:center;font-size:12px;line-height:1.4}.validation-errors-list{list-style-type:none;padding:0;margin:15px 0 0;text-align:left}.validation-errors-list li{background:#f803;border-left:3px solid #ff8800;padding:8px 12px;margin-bottom:8px;font-size:11px;line-height:1.5;border-radius:4px}.validation-errors-list li:before{content:"\26a0\fe0f  ";margin-right:6px}.popup-body img{display:block;margin:0 auto 12px;width:96px;height:auto;image-rendering:pixelated}.popup-footer{padding:12px;text-align:center}.popup-footer button{background:#f80;color:#2b170a;border:2px solid #000;padding:8px 20px;font-size:12px;font-family:"Press Start 2P",monospace;cursor:pointer;border-radius:8px;box-shadow:3px 3px #000;transition:transform .1s,box-shadow .1s}.popup-footer button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-start{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#706e6ee3;color:#e5e5e5;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:not-allowed;transition:filter .12s ease,transform .12s ease,background-color .12s ease}.btn-start:disabled{opacity:.9;filter:grayscale(30%)}.btn-start--sticky{position:sticky;bottom:0;z-index:1}.popup-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fade-in .2s ease-out}.popup-box{background:#1a1a1a;color:#fff;border:4px solid #ff8800;border-radius:8px;width:420px;max-width:90%;display:flex;flex-direction:column;font-family:"Press Start 2P",monospace;animation:pop-in .25s ease-out;box-shadow:0 0 0 4px #000,0 0 15px #ff8800b3}.popup-box.popup-info{border-color:#4caf50;box-shadow:0 0 0 4px #000,0 0 15px #4caf50b3}.popup-box.popup-info .popup-header,.popup-box.popup-info .popup-footer button{background:#4caf50}.popup-box.popup-info .popup-footer button:hover{background:#45a049}.popup-box.popup-warning{border-color:orange;box-shadow:0 0 0 4px #000,0 0 15px #ffa500b3}.popup-box.popup-warning .popup-header,.popup-box.popup-warning .popup-footer button{background:orange}.popup-box.popup-warning .popup-footer button:hover{background:#ff8c00}.popup-box.popup-error{border-color:#f44336;box-shadow:0 0 0 4px #000,0 0 15px #f44336b3}.popup-box.popup-error .popup-header,.popup-box.popup-error .popup-footer button{background:#f44336}.popup-box.popup-error .popup-footer button:hover{background:#d32f2f}.popup-header{background:#f80;color:#000;text-align:center;padding:10px;font-size:14px;text-transform:uppercase;border-bottom:2px solid #000}.popup-header h2{margin:0;font-size:14px}.popup-body{padding:20px;text-align:center;font-size:12px;line-height:1.6}.popup-body p{margin:0}.popup-footer{padding:12px;text-align:center;border-top:2px solid rgba(255,255,255,.1)}.popup-footer button{background:#f80;color:#000;border:2px solid #000;border-radius:4px;padding:8px 24px;font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.popup-footer button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.popup-footer button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.popup-footer-dual{display:flex;justify-content:space-around;gap:12px}.popup-footer-dual .btn-retry{background:#4caf50;color:#fff;flex:1}.popup-footer-dual .btn-retry:hover{background:#45a049}.popup-footer-dual .btn-home{background:#f44336;color:#fff;flex:1}.popup-footer-dual .btn-home:hover{background:#d32f2f}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-top:6px}.avatars button,.avatars .avatar-tile{border:3px solid #333;border-radius:8px;background:transparent;cursor:pointer;aspect-ratio:1/1;display:grid;place-items:center;padding:0;overflow:hidden;position:relative;transition:transform .1s ease,box-shadow .15s ease}.avatars button:hover:not(.disabled):not(.active){transform:translateY(-2px);box-shadow:0 3px #0006}.avatars button.active,.avatars .avatar-tile.selected{border-color:#7a5a1e;outline:3px solid #ffcc33;outline-offset:1px;box-shadow:0 0 0 2px #000,0 0 10px #fc3c;animation:avatar-pulse 1.4s ease-in-out infinite}.avatars button.disabled,.avatars .avatar-tile.disabled{cursor:not-allowed;opacity:.4;filter:grayscale(100%);pointer-events:none}.avatars button.disabled:after,.avatars .avatar-tile.disabled:after{content:"";position:absolute;inset:0;background:#0000004d;pointer-events:none}.avatar-tile.unavailable{cursor:not-allowed;opacity:.4;filter:grayscale(100%);pointer-events:none}.avatars img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:pixelated}.avatar-tile .selected-badge{position:absolute;bottom:4px;right:4px;background:#2f855a;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;pointer-events:none}@keyframes avatar-pulse{0%,to{box-shadow:0 0 0 2px #000,0 0 10px #fc3c}50%{box-shadow:0 0 0 2px #000,0 0 16px #fc3}}.btn{border-radius:999px;padding:.65rem 1.2rem;font-weight:700;letter-spacing:.02em;border:2px solid #333;box-shadow:0 2px #0003;cursor:pointer}.btn.primary{background:#3fa760;color:#fff}.btn.secondary{background:var(--button-gold-secondary);color:var(--button-gold-ink)}.btn[aria-disabled=true]{background:gray;filter:grayscale(.3) brightness(.9);cursor:not-allowed;opacity:.95;pointer-events:auto}.btn.danger{background-color:#c62828;color:#fff}.btn.danger:hover{background-color:#8e0000}.btn.success{background-color:#2e7d32;color:#fff}.btn.success:hover{background-color:#1b5e20}.pips{list-style:none;display:grid;grid-auto-flow:column;gap:var(--pip-gap);padding:0;margin:0;justify-content:start}.pips li{width:var(--pip-size);height:var(--pip-size);box-sizing:border-box;border-radius:50%;border:2px solid #333;background:transparent}.pips li.filled{background:#2f855a;box-shadow:inset 0 -2px #00000026}.virtual-player-btn{height:3.2vh;font-size:1.1rem;font-weight:600;color:#fff;background-color:#2bb1b6;border:none;border-radius:8px;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:background-color .3s,transform .2s}.virtual-player-btn:hover{background-color:#239296}.virtual-player-btn:active{background-color:#239296;transform:translateY(0)}:root{--font-silkscreen: "Silkscreen", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-surface: #fffdf5;--app-text: #172447;--wood-1: #5a2c15;--wood-2: #4b2a13;--wood-3: #3a1e10;--wood-4: #2a120a;--panel-surface: #fdf9f3;--panel-raised: #fff;--panel-sunken: #efe9e2;--panel-muted: #d9d0c7;--panel-ink: #1a1a1a;--panel-ink-muted: #777;--panel-ink-faint: #999;--panel-dashed-border: #b8aa9b;--panel-warm: #f7f2eb;--panel-tint: #f0e8dc;--ink-accent: #5a2c15;--accent-danger: #a52828;--tint-cool: #e2f0ff;--tint-warm: #fde2cf;--frame: #8b4a2b;--panel-border: #4b2a13;--panel-bevel-light: #fff;--panel-bevel-dark: #cfc7bf;--input-surface: #fff;--input-ink: #161616;--input-error-surface: #ffe6e6;--veil-rgb: 255, 255, 255;--scrollbar-track: #ded5cb;--scrollbar-thumb: #8a6a4a;--scrollbar-thumb-hover: #6d5133;--button-gold-action-top: #ffe9b8;--button-gold-action-middle: #e0af52;--button-gold-action-bottom: #c9922f;--button-gold-action-hover-top: #fff2d0;--button-gold-action-hover-middle: #f0bd63;--button-gold-action-hover-bottom: #d9a13d;--button-gold-control-top: #f4d16f;--button-gold-control-bottom: #c78d35;--button-gold-control-active-top: #ffe595;--button-gold-control-active-bottom: #d9a447;--button-gold-menu-top: #cca273;--button-gold-menu-bottom: #66513a;--button-gold-solid: #efbf55;--button-gold-secondary: #f2c979;--button-gold-ink: #18203d;--button-disabled-top: #c9bd9b;--button-disabled-middle: #a89365;--button-disabled-bottom: #82724e;--button-disabled-ink: #e8e0ce;--button-inactive-top: #52381f;--button-inactive-bottom: #24150a;--button-inactive-ink: #ffffff;--button-gold-glow: rgba(255, 196, 64, .55);--button-gold-focus: #fff8d9;--button-gold-pressed-inset: rgba(73, 42, 18, .35);--credit-badge-top: #f9dc75;--credit-badge-bottom: #c99836;--credit-ink: #202842;--credit-label: #efbf55}:root.app-theme-dark{color-scheme:dark;--app-surface: #202842;--app-text: #fffdf5;--wood-1: #34190c;--wood-2: #2b170b;--wood-3: #221208;--wood-4: #150a04;--panel-surface: #241f1a;--panel-raised: #2b251f;--panel-sunken: #1b1713;--panel-muted: #2a241e;--panel-ink: #ece4d8;--panel-ink-muted: #a89e92;--panel-ink-faint: #8d8377;--panel-dashed-border: #4a3f34;--panel-warm: #221d18;--panel-tint: #251f19;--ink-accent: #c9a77f;--accent-danger: #ff8a80;--tint-cool: #1e2a36;--tint-warm: #33261c;--frame: #3a2216;--panel-border: #221208;--panel-bevel-light: #3a322a;--panel-bevel-dark: #120f0c;--input-surface: #1a1612;--input-ink: #ece4d8;--input-error-surface: #3a1f1f;--veil-rgb: 26, 22, 18;--scrollbar-track: #221d18;--scrollbar-thumb: #6d5c4a;--scrollbar-thumb-hover: #8a7660;--button-gold-action-top: #9b654d;--button-gold-action-middle: #704230;--button-gold-action-bottom: #482820;--button-gold-action-hover-top: #b87a5b;--button-gold-action-hover-middle: #864f39;--button-gold-action-hover-bottom: #593126;--button-gold-control-top: #8c5b46;--button-gold-control-bottom: #482820;--button-gold-control-active-top: #aa7054;--button-gold-control-active-bottom: #61372a;--button-gold-menu-top: #7b4d3c;--button-gold-menu-bottom: #3d241e;--button-gold-solid: #744534;--button-gold-secondary: #83503d;--button-gold-ink: #ffd682;--button-disabled-top: #765548;--button-disabled-middle: #563b32;--button-disabled-bottom: #38231e;--button-disabled-ink: #a8917f;--button-inactive-top: #3d241e;--button-inactive-bottom: #1e100d;--button-inactive-ink: #ffd682;--button-gold-glow: rgba(198, 116, 78, .5);--button-gold-focus: #ffd6ad;--button-gold-pressed-inset: rgba(37, 17, 14, .65);--credit-badge-top: #8c5b46;--credit-badge-bottom: #482820;--credit-ink: #ffd682;--credit-label: #efb28a}html,body{height:100%;background:var(--app-surface);color:var(--app-text)}html:has(app-creation-page),body:has(app-creation-page){background:url("./media/background-creation-MGOV3SBM.png") center/cover fixed;overflow:hidden;overscroll-behavior:none}html:has(app-game-page),body:has(app-game-page){overflow:hidden;overscroll-behavior:none}*{margin:0;font-family:var(--font-silkscreen);cursor:url("./media/cursor-ZOZAUWGY.png"),auto!important}button,input,select,textarea{font:inherit}input,select,textarea,select option{background:var(--input-surface);color:var(--input-ink)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root.app-theme-dark .auth-card,:root.app-theme-dark .game-card,:root.app-theme-dark .games-section,:root.app-theme-dark .history-box,:root.app-theme-dark .transparent-box,:root.app-theme-dark .modal-box,:root.app-theme-dark .popup-box,:root.app-theme-dark .modal-content,:root.app-theme-dark .players-panel,:root.app-theme-dark .character-card,:root.app-theme-dark .turn-order,:root.app-theme-dark .chat,:root.app-theme-dark .journal{background:var(--panel-surface)!important;color:var(--panel-ink);border-color:var(--panel-border)}:root.app-theme-dark :is(.page,.creation-container,.game-end-stats-page,.waiting-room,.game-view,.info-panel,.right-side,.input-panel,.tools-panel,.objects-panel,.bottom-panel,.right-panel){color:var(--panel-ink)}:root.app-theme-dark :is(.game-info h3,.game-description,.detail-item,.empty,.form-group,.input-label,.title,.label,.value){color:var(--panel-ink)!important}:root.app-theme-dark app-chat-page :is(.chat-page,.chat-panel,.left-side){border-color:var(--panel-border);background:var(--panel-sunken);color:var(--panel-ink)}:root.app-theme-dark app-chat-page :is(.top,.canal-header,.chat-panel .hdr,.chat-panel .panel-switch){background:var(--wood-1);border-color:var(--wood-3);box-shadow:inset 0 2px 0 var(--wood-2),inset 0 -2px 0 var(--wood-4)}:root.app-theme-dark app-chat-page :is(.search-bar input,.create-canal input,.channel-dialog input,.input,.joinable,.message-bubble,.chat-panel .panel-channel,.chat-panel .messages .message,.char-counter){border-color:var(--wood-3);background:var(--panel-surface);color:var(--panel-ink);box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark)}:root.app-theme-dark app-chat-page .canal{border-color:var(--wood-3);background:var(--panel-surface);color:var(--panel-ink);box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark)}:root.app-theme-dark app-chat-page .empty:not(.empty--fullpage){border-color:var(--panel-dashed-border);background:var(--panel-surface);color:var(--panel-ink-faint);box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark)}:root.app-theme-dark app-chat-page :is(.icon-btn:not(.icon-btn--danger),.dialog-actions button:not([type=submit]):not(.danger)){border-color:var(--wood-3);background:var(--panel-raised);color:var(--panel-ink);box-shadow:0 3px 0 var(--wood-4),inset 0 -2px 0 var(--panel-bevel-dark)}:root.app-theme-dark app-chat-page .confirm-bar{background:var(--panel-raised);color:var(--panel-ink)}:root.app-theme-dark app-chat-page :is(.create-canal,.chat-footer,.chat-panel .write,.chat-panel .panel-channels){background:var(--panel-tint);border-color:var(--wood-3)}:root.app-theme-dark app-chat-page :is(.canals,.chat-panel .messages){background:var(--panel-warm);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:root.app-theme-dark app-chat-page :is(.chat-page .canal.canal--active,.chat-panel .panel-channel.panel-channel--active){background:linear-gradient(180deg,var(--button-gold-control-active-top),var(--button-gold-control-active-bottom));border-color:var(--wood-3);color:var(--button-gold-ink);text-shadow:none;box-shadow:inset 0 2px 0 var(--button-gold-control-top),inset 0 -2px 0 var(--wood-4)}:root.app-theme-dark app-chat-page .right-side{position:relative;isolation:isolate}:root.app-theme-dark app-chat-page .right-side:before{content:"";position:absolute;inset:0;z-index:0;background:url("./media/background-chat-night-PZDWW4LA.png") no-repeat center/cover;opacity:1;transition:opacity .28s ease-in-out}:root.app-theme-dark app-chat-page .right-side>:not(app-modal){position:relative;z-index:1}:root.app-theme-dark app-chat-page .right-side .empty.empty--fullpage{background:transparent;box-shadow:none}:root.app-theme-dark app-chat-page .right-side .empty.empty--fullpage p{background:var(--panel-surface);color:var(--panel-ink)}:root.app-theme-dark app-chat-page :is(.message-author,.canals-title,.channel-dialog h2){color:var(--ink-accent);text-shadow:none}:root.app-theme-dark app-chat-page :is(.message-content,.canal-name,.channel-dialog){color:var(--panel-ink)}:root.app-theme-dark app-chat-page :is(.message-time,.input::placeholder,.search-bar input::placeholder){color:var(--panel-ink-faint)}:root.app-theme-dark app-chat-page .create-error{color:var(--accent-danger)}:root.app-theme-dark app-chat-page .chat-panel .messages .message{border-color:var(--wood-3)!important;background:var(--panel-surface)!important;color:var(--panel-ink)!important;box-shadow:inset 1px 1px 0 var(--panel-bevel-light),inset -1px -1px 0 var(--panel-bevel-dark)!important}:root.app-theme-dark app-chat-page .chat-panel .messages .message .message-avatar{background:var(--panel-surface)!important;border-color:var(--wood-3)!important}:root.app-theme-dark app-chat-page .chat-panel .messages .message .message-time{color:var(--panel-ink-faint)!important}:root.app-theme-dark app-chat-page .chat-panel .messages .message .message-author{color:var(--ink-accent)!important;text-shadow:none!important}:root.app-theme-dark app-chat-page .chat-panel .messages .message .message-content{color:var(--panel-ink)!important}:root.app-theme-dark app-chat-page .chat-panel .messages .empty{border-color:var(--panel-dashed-border)!important;background:var(--panel-surface)!important;color:var(--panel-ink-faint)!important}:root.app-theme-dark app-chat-page .message-avatar{background:var(--panel-surface);border-color:var(--wood-3)}:root.app-theme-dark app-chat-page :is(.send,.chat-panel .write .send){border-color:var(--wood-4);background:var(--button-gold-control-bottom);color:var(--button-gold-ink)}:root.app-theme-dark app-chat-page :is(.chat-page .char-counter.warning,.chat-panel .char-counter.warning){background:var(--input-error-surface);border-color:var(--accent-danger);color:var(--accent-danger)}app-chat-page .right-side{position:relative;isolation:isolate}app-chat-page .right-side:before{content:"";position:absolute;inset:0;z-index:0;background:url("./media/background-chat-night-PZDWW4LA.png") no-repeat center/cover;opacity:0;transition:opacity .28s ease-in-out}app-chat-page .right-side>:not(app-modal){position:relative;z-index:1}:root.app-theme-dark .game-actions img{filter:invert(.88)}
