.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,4rem);background:var(--background-gradient);color:#f4f6ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-page .login-page-shell{display:grid;grid-template-columns:minmax(0,440px) minmax(0,420px);gap:clamp(2rem,4vw,3rem);width:min(100%,960px);background:#1a1f41b3;border:1px solid var(--highlight-standard);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 35px 70px #11182759;padding:clamp(2.5rem,5vw,3rem)}@media (max-width: 900px){.login-page .login-page-shell{grid-template-columns:minmax(0,1fr);padding:clamp(2rem,6vw,2.5rem)}.login-page .login-page-hero{text-align:center}.login-page .login-page-feature-list{align-items:center}}.login-page .login-page-hero{display:flex;flex-direction:column;gap:1.5rem;color:#e4e7ffe6}.login-page .login-page-hero .login-page-brand{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:#c7cfffbf}.login-page .login-page-hero h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;color:#fff;margin:0}.login-page .login-page-hero p{margin:0;font-size:1rem;line-height:1.7;color:#d6dcffd9}.login-page .login-page-feature-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;padding:0;margin:0}.login-page .login-page-feature-list li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#d6dcffe6}.login-page .login-page-feature-list .feature-icon{width:2.25rem;height:2.25rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#6366f12e;font-size:1.1rem}.login-page .login-page-form{background:#101430b3;border-radius:24px;border:1px solid rgba(99,102,241,.3);padding:clamp(2rem,5vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:inset 0 0 0 1px #ffffff0a}.login-page .login-page-form-header h2{margin:0;font-size:1.75rem;color:#fff;font-weight:700}.login-page .login-page-form-header p{margin:.4rem 0 0;color:#cfd7ffcc;font-size:.95rem}.login-page .login-alt-button{display:flex;align-items:center;justify-content:center;gap:.65rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.75rem 1.5rem;color:#f4f6ff;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.login-page .login-alt-button svg{width:1.25rem;height:1.25rem;fill:currentColor}.login-page .login-alt-button:hover,.login-page .login-alt-button:focus-visible{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff47;outline:none}.login-page .login-divider{display:flex;align-items:center;gap:.75rem;color:#cfd7ff99;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.login-page .login-divider span{flex:1;height:1px;background:#ffffff1a}.login-page .login-form{display:flex;flex-direction:column;gap:.9rem}.login-page .login-form label{font-size:.9rem;color:#cfd7ffd9;font-weight:500}.login-page .login-form input[type=email],.login-page .login-form input[type=password]{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(115,123,255,.35);background:#080b20a6;color:#fff;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-page .login-form input[type=email]:focus,.login-page .login-form input[type=password]:focus{outline:none;border-color:#848dffcc;background:#080b20d9;box-shadow:0 0 0 3px #848dff33}.login-page .login-form-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.login-page .remember-me{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:#cfd7ffcc}.login-page .remember-me input[type=checkbox]{width:1rem;height:1rem;accent-color:#7c83ff}.login-page .link-button{background:none;border:none;color:#9fa8ff;cursor:pointer;font-weight:600;font-size:.9rem;padding:0;transition:color .2s ease}.login-page .link-button:hover,.login-page .link-button:focus-visible{color:#fff;text-decoration:underline;outline:none}.login-page .login-error{background:#ef44442e;border:1px solid rgba(239,68,68,.55);color:#fecaca;padding:.75rem 1rem;border-radius:12px;font-size:.9rem}.login-page .submit-button{width:100%;padding:.85rem 1.2rem;border-radius:12px;border:none;background:var(--tertiary-gradient-selected);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-page .submit-button:hover,.login-page .submit-button:focus-visible{transform:translateY(-1px);box-shadow:0 20px 35px #4f46e559;filter:brightness(1.05);outline:none}.login-page .submit-button:disabled{cursor:wait;opacity:.7;box-shadow:none}.login-page .login-form-footer{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#cfd7ffcc}.login-page .login-form-footer p{margin:0}.login-page .login-form-footer .link-text{color:#c9d1ff}@media (max-width: 620px){.login-page{padding:clamp(1.5rem,8vw,2.5rem)}.login-page .login-page-form{padding:clamp(1.75rem,7vw,2.25rem)}}.avatar-stack{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;position:relative}.avatar-stack-avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;border:2px solid rgba(255,255,255,.35);box-shadow:0 6px 16px #0f172a47;margin-left:-.6rem;transition:transform .2s ease,box-shadow .2s ease}.avatar-stack-avatar:first-child{margin-left:0}.avatar-stack-avatar:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 24px #0f172a61}.avatar-stack-overflow{background:var(--primary-gradient-standard);color:#fff;border-color:#ffffff80}@media (max-width: 600px){.avatar-stack-avatar{width:2rem;height:2rem;font-size:.75rem}}.game-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.game-list .game-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--secondary-gradient-standard);border:1px solid var(--highlight-standard);border-radius:20px;padding:1.75rem;color:#f4f6ff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.game-list .game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.25),transparent 55%);opacity:0;transition:opacity .3s ease}.game-list .game-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--secondary-gradient-hover);border-color:var(--highlight-hover)}.game-list .game-card:hover:before{opacity:1}.game-list .game-card .game-card-header{display:flex;flex-direction:column;gap:.75rem}.game-list .game-card .game-card-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.game-list .game-card .game-card-header .game-tag{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .75rem;border-radius:999px;background:var(--primary-gradient-standard);color:#c7cbff;border:1px solid var(--highlight-standard)}.game-list .game-card .game-card-header .game-description{margin:0;font-size:.95rem;color:#cfd7ff;line-height:1.5}.game-list .game-card .game-card-footer{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.game-list .game-card .game-card-footer .game-master-info{display:flex;flex-direction:column;gap:.25rem}.game-list .game-card .game-card-footer .game-master-info .game-master-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#cfd7ffa6}.game-list .game-card .game-card-footer .game-master-info .game-master-value{font-size:.95rem;font-weight:600;color:#fff}.game-card-players{display:flex;align-items:center;gap:.75rem}.game-card-players-count{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#0f172a73}.game-card-players-stack .avatar-stack__avatar{border-color:#0f172a14}.game-empty-state{display:flex;justify-content:center;padding:3rem 0}.game-empty-state .empty-card{max-width:420px;text-align:center;background:var(--secondary-gradient-standard);border-radius:18px;padding:2.5rem;border:1px solid var(--highlight-standard);color:#dde3ff;box-shadow:0 16px 32px var(--secondary-gradient-standard)}.empty-card h3{margin:0 0 .75rem;font-size:1.4rem;color:#fff}.empty-card p{margin:0;font-size:.95rem;line-height:1.6;color:#dde3ffcc}.home{min-height:100vh;background:var(--background-gradient);color:#f4f6ff;display:flex;flex-direction:column}.home .home-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 3rem;background:var(--primary-gradient-standard);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:var(--highlight-standard)}.home .home-header .webapp-title{font-weight:700;font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase;color:#e4e7ff}.home .home-header .home-navigation-tabs{display:flex;gap:1rem;flex:1}.home .home-header .home-navigation-tabs .home-navigation-button{border:none;background:var(--tertiary-gradient-standard);color:#cfd7ff;padding:.55rem 1.4rem;border-radius:999px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.home .home-header .home-navigation-tabs .home-navigation-button:hover,.home .home-header .home-navigation-tabs .home-navigation-button:focus-visible{background:var(--tertiary-gradient-hover);color:#fff;outline:none;transform:translateY(-1px)}.home .home-header .home-navigation-tabs .home-navigation-button.active{background:var(--tertiary-gradient-selected);color:#fff;box-shadow:0 8px 18px var(--tertiary-gradient-selected)}.home .home-header .user-controls{display:flex;align-items:center;gap:1.5rem}.home .home-header .user-controls .icon-button{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--highlight-standard);background:var(--tertiary-gradient-standard);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;color:inherit}.home .home-header .user-controls .icon-button svg{width:1.25rem;height:1.25rem;fill:currentColor}.home .home-header .user-controls .icon-button:hover,.home .home-header .user-controls .icon-button:focus-visible{transform:rotate(15deg) scale(1.05);background:#6366f14d;border-color:#6366f173;outline:none}.home .home-header .user-controls .user-info{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem .5rem 1rem;border-radius:999px;background:var(--secondary-gradient-standard);border:1px solid var(--highlight-standard)}.home .home-header .user-controls .user-info .user-details{display:flex;flex-direction:column;line-height:1.2}.home .home-header .user-controls .user-info .user-details .user-greeting{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#cfd7ffb3}.home .home-header .user-controls .user-info .user-details .username{font-weight:600;font-size:.95rem;color:#fff}.home .home-header .user-controls .user-info .user-details .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--secondary-gradient-standard);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;letter-spacing:.02em}.home .home-content{flex:1;padding:3rem clamp(1.5rem,5vw,4rem) 4rem;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.home .home-content .game-create-hero{background:var(--secondary-gradient-standard);border:1px solid var(--highlight-standard);border-radius:28px;padding:clamp(2rem,6vw,3.5rem);box-shadow:0 30px 60px var(--secondary-gradient-standard);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1.25rem}.home .home-content .game-create-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em;color:#fff}.home .home-content .game-create-hero p{margin:0;max-width:560px;font-size:1rem;line-height:1.6;color:#dce5ffd9}.home .home-content .game-create-hero .game-create-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button{min-width:180px;padding:.9rem 1.8rem;border-radius:999px;font-weight:600;border:none;cursor:pointer;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.create-new-game-button{background:var(--tertiary-gradient-standard);color:#fff;box-shadow:0 18px 38px var(--tertiary-gradient-standard);border:1px solid var(--highlight-standard)}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.create-new-game-button:hover,.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.create-new-game-button:focus-visible{transform:translateY(-2px);background:var(--tertiary-gradient-hover);box-shadow:0 22px 44px var(--tertiary-gradient-hover);outline:none}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.join-a-game-button{background:var(--tertiary-gradient-standard);color:#fff;box-shadow:0 18px 38px var(--tertiary-gradient-standard);border:1px solid var(--highlight-standard)}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.join-a-game-button:hover,.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button.join-a-game-button:focus-visible{transform:translateY(-2px);background:var(--tertiary-gradient-hover);box-shadow:0 22px 44px var(--tertiary-gradient-hover);outline:none}.home .home-content .games-section{display:flex;flex-direction:column;gap:1.5rem}.home .home-content .games-section .games-section-body{width:100%}.home .home-content .games-section .games-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem 0;color:#dde3ffd9;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}.home .home-content .games-section .games-loading-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:.3rem solid rgba(221,227,255,.2);border-top-color:#fff;animation:games-loading-spin 1s linear infinite}@keyframes games-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home .home-content .games-section-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#fff}.home .home-content .games-section-header p{margin:.5rem 0 0;color:#dde3ffbf;font-size:.95rem;max-width:540px;line-height:1.5}@media (max-width: 900px){.home .home-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.home .home-header .home-navigation-tabs{flex-wrap:wrap;width:100%;justify-content:flex-start}.home .home-header .user-controls{width:100%;justify-content:space-between}.home .home-content{padding:2.5rem 1.5rem 3rem}}@media (max-width: 600px){.home .home-header{padding:1.5rem}.home .home-content .game-create-hero{border-radius:22px}.home .home-header .user-controls{flex-direction:column;align-items:flex-start;gap:1rem}.home .home-header .user-controls .user-info{width:100%;justify-content:space-between}.home .home-content .game-create-hero .game-create-hero-actions{width:100%}.home .home-content .game-create-hero .game-create-hero-actions .game-create-hero-action-button{flex:1 1 auto;min-width:unset}}.keybind-display{position:fixed;bottom:50px;left:0;z-index:101;display:inline-flex;align-items:stretch;gap:.75rem;color:#f5f7fb;font-size:.95rem;background:var(--primary-gradient-standard);border-top:1px solid var(--highlight-standard);border-right:1px solid var(--highlight-standard);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:2px 0 6px #0006;transform:translate(0);transition:transform .25s ease-in-out;margin-bottom:10px}.keybind-display.collapsed{transform:translate(calc(-100% + 48px))}.keybind-display .keybind-display-content{display:flex;gap:.75rem;align-items:center;padding:.6rem .2rem .6rem .75rem}.keybind-display .keybind-display-content .keybind{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;position:relative}.keybind-display .keybind-display-content .keybind:not(:first-child):before{content:"";position:absolute;left:-.55rem;top:18%;bottom:18%;width:1px;background:#fff3}.keybind-display .keybind-display-content .keybind .keybind-key{min-width:12px;padding:.2rem .45rem;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.2);text-align:center;font-weight:700;letter-spacing:.02em}.keybind-display .keybind-display-content .keybind .keybind-action{opacity:.9}.keybind-display .keybind-toggle{display:grid;place-items:center;width:44px;border:none;border-left:1px solid rgba(255,255,255,.2);background:#00000059;color:#f5f7fb;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,border-color .2s ease}.keybind-display .keybind-toggle:hover{background:#00000080;border-color:#ffffff59}.keybind-display.collapsed .keybind-toggle{border-color:#fff0}.keybind-display .keybind-toggle .keybind-toggle-arrow{color:#646464;transition:transform .25s ease-in-out}.keybind-display.collapsed .keybind-toggle .keybind-toggle-arrow{transform:rotate(180deg)}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;z-index:200;color:#fff}.loading-overlay.visible{opacity:1;pointer-events:auto}.loading-overlay .loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.loading-overlay .loading-overlay-content .loading-main-text{font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.loading-overlay .loading-overlay-content .loading-splash-text{font-size:1rem;font-weight:500;color:#ffffffd9;max-width:32rem}.loading-overlay .loading-overlay-content .loading-developer-text{font-size:.95rem;color:#ffffffb3;max-width:36rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.loading-overlay .loading-overlay-content .loading-progress{position:relative;width:min(26rem,85vw);height:.75rem;border-radius:999px;background:#ffffff26;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.loading-overlay .loading-overlay-content .loading-progress .loading-progress-bar{height:100%;background:linear-gradient(90deg,#068054,#2b9edc);border-radius:inherit;transition:width .2s ease-in-out}.loading-overlay .loading-overlay-content .loading-progress .loading-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:#fff}.loading-overlay .loading-overlay-content .loading-spinner{width:3rem;height:3rem;border-radius:50%;border:.35rem solid rgba(255,255,255,.25);border-top-color:#fff;animation:loading-overlay-spin 1s linear infinite}@keyframes loading-overlay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.character-sheet.dnd5e{--sheet-bg: #0f0f13;--sheet-border: #2e2b45;--section-bg: rgba(25, 25, 30, .94);--section-border: #514a7e;--section-shadow: rgba(150, 120, 255, .12);--ink: #030314;--ink-muted: #797979;--accent: #6f6bf5;--accent-dark: #4a46b3;--grid-line: rgba(111, 107, 245, .15);--grid-highlight: rgba(143, 139, 255, .25);--grid-cols: 30;--grid-rows: 50;--grid-row-height: 20px;--scale-factor: .75;font-family:Alegreya,Palatino Linotype,Book Antiqua,serif;color:var(--ink);background:radial-gradient(circle at top,#030314 0% 100%);padding:calc(1.5rem * var(--scale-factor)) calc(1rem * var(--scale-factor)) calc(2rem * var(--scale-factor));display:flex;justify-content:center;width:100%;max-width:calc(1080px * var(--scale-factor));margin:0 auto}.character-sheet.dnd5e *{box-sizing:border-box}.character-sheet.dnd5e .character-sheet__frame{width:100%;max-width:calc(1040px * var(--scale-factor));background:var(--sheet-bg);border:calc(4px * var(--scale-factor)) solid var(--sheet-border);border-radius:calc(16px * var(--scale-factor));padding:calc(1.5rem * var(--scale-factor));box-shadow:0 calc(18px * var(--scale-factor)) calc(28px * var(--scale-factor)) #21160e38,inset 0 0 0 1px #ffffff40;display:flex;flex-direction:column;gap:calc(1.25rem * var(--scale-factor));position:relative}.character-sheet.dnd5e .character-sheet__frame:before,.character-sheet.dnd5e .character-sheet__frame:after{content:"";position:absolute;inset:calc(8px * var(--scale-factor));border:1px solid rgba(60,42,27,.2);pointer-events:none;border-radius:calc(12px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet__frame:after{inset:calc(14px * var(--scale-factor));border-radius:calc(10px * var(--scale-factor));border-color:#ffffff40}.character-sheet.dnd5e .character-sheet__grid{position:relative;width:100%;background-color:#000;border-radius:calc(12px * var(--scale-factor));border:calc(2px * var(--scale-factor)) solid rgba(61,45,31,.2);overflow:hidden;padding:calc(.35rem * var(--scale-factor));background-image:repeating-linear-gradient(to right,transparent,transparent calc((100% / var(--grid-cols)) - 1px),var(--grid-line) calc((100% / var(--grid-cols)) - 1px),var(--grid-line) calc(100% / var(--grid-cols))),repeating-linear-gradient(to bottom,transparent,transparent calc(var(--grid-row-height) - 1px),var(--grid-line) calc(var(--grid-row-height) - 1px),var(--grid-line) var(--grid-row-height))}.character-sheet.dnd5e .character-sheet__grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(255,244,222,.2) 70%);pointer-events:none}.character-sheet.dnd5e .character-sheet__widget{height:100%;padding:calc(.4rem * var(--scale-factor));position:relative}.character-sheet.dnd5e .character-sheet__widget-handle{position:absolute;bottom:calc(.35rem * var(--scale-factor));right:calc(.35rem * var(--scale-factor));padding:calc(.3rem * var(--scale-factor)) calc(.4rem * var(--scale-factor));margin:calc(.6rem * var(--scale-factor));color:var(--accent);font-size:calc(.9rem * var(--scale-factor));line-height:1;cursor:grab;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;z-index:100}.character-sheet.dnd5e .character-sheet__widget-handle:active{cursor:grabbing;transform:translateY(calc(1px * var(--scale-factor)))}.character-sheet.dnd5e .character-sheet__widget:after{content:"";position:absolute;inset:calc(.25rem * var(--scale-factor));border:calc(1px * var(--scale-factor)) dashed rgba(61,45,31,.18);border-radius:calc(10px * var(--scale-factor));pointer-events:none;opacity:0;transition:opacity .2s ease}.character-sheet.dnd5e .character-sheet__widget:hover:after{opacity:1}.character-sheet.dnd5e .character-sheet__widget>.character-sheet-section{height:100%}.character-sheet.dnd5e .react-grid-item.react-grid-placeholder{background:var(--grid-highlight);border-radius:calc(12px * var(--scale-factor));border:calc(2px * var(--scale-factor)) dashed var(--accent);opacity:.65;box-shadow:0 0 0 calc(1px * var(--scale-factor)) #3d2d1f1f}.character-sheet.dnd5e .react-resizable-handle:after{border-right:calc(2px * var(--scale-factor)) solid var(--accent);border-bottom:calc(2px * var(--scale-factor)) solid var(--accent)}.character-sheet.dnd5e .character-sheet-section{background:var(--section-bg);border:calc(2px * var(--scale-factor)) solid var(--section-border);border-radius:calc(12px * var(--scale-factor));padding:calc(1rem * var(--scale-factor)) calc(1.25rem * var(--scale-factor)) calc(1.15rem * var(--scale-factor));box-shadow:0 calc(6px * var(--scale-factor)) 0 #3d2d1f1f,inset 0 0 0 1px #ffffff73;display:flex;flex-direction:column;gap:calc(.85rem * var(--scale-factor));position:relative}.character-sheet.dnd5e .character-sheet-section h3{margin:0;font-size:calc(.9rem * var(--scale-factor));letter-spacing:calc(.1em * var(--scale-factor));text-transform:uppercase;color:var(--accent-dark);border-bottom:calc(2px * var(--scale-factor)) solid rgba(91,67,48,.32);padding-bottom:calc(.3rem * var(--scale-factor));font-weight:700}.character-sheet.dnd5e .character-sheet-grid{display:grid;gap:calc(.75rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-field{display:flex;flex-direction:column;gap:calc(.3rem * var(--scale-factor));font-size:calc(.9rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-field span{text-transform:uppercase;font-size:calc(.65rem * var(--scale-factor));letter-spacing:calc(.08em * var(--scale-factor));color:var(--ink-muted)}.character-sheet.dnd5e .character-sheet-field input,.character-sheet.dnd5e .character-sheet-field select,.character-sheet.dnd5e .character-sheet-field textarea{background:#ffffffeb;border:calc(2px * var(--scale-factor)) solid rgba(93,73,53,.3);border-radius:calc(10px * var(--scale-factor));padding:calc(.45rem * var(--scale-factor)) calc(.6rem * var(--scale-factor));color:var(--ink);font:inherit;font-size:calc(.9rem * var(--scale-factor));box-shadow:inset 0 1px 2px #00000014}.character-sheet.dnd5e .character-sheet-field input:focus,.character-sheet.dnd5e .character-sheet-field select:focus,.character-sheet.dnd5e .character-sheet-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #c69c6d40}.character-sheet.dnd5e .character-sheet-field textarea{min-height:calc(90px * var(--scale-factor));resize:vertical}.character-sheet.dnd5e .character-sheet-field input[type=checkbox]{width:auto;height:auto;accent-color:var(--accent-dark)}.character-sheet.dnd5e .character-sheet-section.basic-section{width:100%;border-width:calc(2.5px * var(--scale-factor));background:linear-gradient(135deg,#020b39f2,#000)}.character-sheet.dnd5e .character-sheet-section.basic-section h3{font-size:calc(1rem * var(--scale-factor));letter-spacing:calc(.16em * var(--scale-factor));color:var(--accent-dark);border-bottom:calc(3px * var(--scale-factor)) double rgba(91,67,48,.4);padding-bottom:calc(.45rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.basic-section .character-sheet-grid{grid-template-columns:repeat(auto-fill,minmax(calc(100px * var(--scale-factor)),1fr));gap:calc(.7rem * var(--scale-factor))}.character-sheet.dnd5e .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.character-sheet.dnd5e .character-sheet-section.basic-section .character-sheet-field:first-child{grid-column:1 / 3}.character-sheet.dnd5e .character-sheet-section.basic-section input{text-transform:uppercase;font-weight:600;letter-spacing:calc(.05em * var(--scale-factor));font-size:calc(.8rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.ability-section .character-sheet-grid{grid-template-columns:repeat(auto-fill,minmax(calc(70px * var(--scale-factor)),1fr));gap:calc(.9rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.ability-section .ability-info{background:#000000eb;border:calc(2px * var(--scale-factor)) solid rgba(91,67,48,.45);border-radius:calc(14px * var(--scale-factor));padding:calc(1rem * var(--scale-factor)) 0 calc(.95rem * var(--scale-factor));align-items:center;gap:calc(.75rem * var(--scale-factor));text-align:center;box-shadow:0 calc(6px * var(--scale-factor)) 0 #3d2d1f1a}.character-sheet.dnd5e .character-sheet-section.ability-section .ability-header{display:flex;flex-direction:column;gap:calc(.4rem * var(--scale-factor));text-transform:uppercase;letter-spacing:calc(.1em * var(--scale-factor));font-size:calc(.6rem * var(--scale-factor));color:var(--ink-muted)}.character-sheet.dnd5e .character-sheet-section.ability-section .ability-header .ability-modifier{display:flex;align-items:center;justify-content:center;width:calc(56px * var(--scale-factor));height:calc(56px * var(--scale-factor));border-radius:50%;border:calc(2px * var(--scale-factor)) solid var(--section-border);background:radial-gradient(circle at top,#fffffffa,#e3cdabe6);font-size:calc(1.2rem * var(--scale-factor));font-weight:700;color:var(--ink);box-shadow:inset 0 calc(2px * var(--scale-factor)) calc(4px * var(--scale-factor)) #0000001a;margin:0 auto}.character-sheet.dnd5e .character-sheet-section.ability-section .ability-input-container{padding:0 calc(10px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.ability-section input{text-align:center;font-size:calc(1.1rem * var(--scale-factor));font-weight:600;border-radius:calc(10px * var(--scale-factor));width:100%;transform:translateY(calc(4px * var(--scale-factor)))}.character-sheet.dnd5e .character-sheet-section.ability-section .ability-footer{font-size:calc(.6rem * var(--scale-factor));letter-spacing:calc(.08em * var(--scale-factor));text-transform:uppercase;color:var(--ink-muted)}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.skill-section .character-sheet-grid{grid-template-columns:100%;gap:calc(.55rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .character-sheet-grid{grid-template-columns:repeat(auto-fill,minmax(calc(90px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .saving-throw-info,.character-sheet.dnd5e .character-sheet-section.skill-section .skill-info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:calc(.2rem * var(--scale-factor)) calc(.6rem * var(--scale-factor));border-radius:calc(10px * var(--scale-factor));border:calc(1px * var(--scale-factor)) solid rgba(91,67,48,.3);background:linear-gradient(135deg,#575757f0,#535353e0);box-shadow:0 calc(4px * var(--scale-factor)) 0 #3d2d1f14}.character-sheet.dnd5e .character-sheet-section.skill-section .skill-info{grid-template-columns:auto 1fr auto auto}.character-sheet.dnd5e .character-sheet-section.skill-section .skill-info .skill-ability{margin:0 calc(10px * var(--scale-factor));font-size:calc(.6rem * var(--scale-factor));letter-spacing:calc(.08em * var(--scale-factor));text-transform:uppercase;color:var(--ink-muted)}.character-sheet.dnd5e .character-sheet-section.skill-section .skill-info .skill-value{font-size:calc(.8rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .saving-throw-info input,.character-sheet.dnd5e .character-sheet-section.skill-section .skill-info input{margin:0;margin-right:calc(5px * var(--scale-factor));text-align:center;width:calc(20px * var(--scale-factor));border-radius:calc(8px * var(--scale-factor));font-weight:600}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .saving-throw-label,.character-sheet.dnd5e .character-sheet-section.skill-section .skill-label{font-weight:600;font-size:calc(.8rem * var(--scale-factor));color:var(--ink)}.character-sheet.dnd5e .character-sheet-section.skill-section .character-sheet-grid{overflow-y:auto}.character-sheet.dnd5e .character-sheet-section.saving-throw-section .saving-throw-value{font-size:.7rem}.character-sheet.dnd5e .character-sheet-section.health-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.ac-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.hit-dice-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.death-saves-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.misc-section .character-sheet-grid{grid-template-columns:repeat(auto-fit,minmax(calc(140px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .character-sheet-section.currency-section .character-sheet-grid{grid-template-columns:repeat(auto-fit,minmax(calc(50px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .character-sheet-section.death-saves-section .character-sheet-grid{align-items:center}.character-sheet.dnd5e .character-sheet-section.death-saves-section .character-sheet-grid,.character-sheet.dnd5e .character-sheet-section.misc-section .character-sheet-grid{grid-template-columns:repeat(2,minmax(calc(60px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .character-sheet-section.misc-section .character-sheet-field input{text-align:center;font-weight:600}.character-sheet.dnd5e .character-sheet-section.lore-section textarea,.character-sheet.dnd5e .character-sheet-section.abilities-section textarea,.character-sheet.dnd5e .character-sheet-section.equipment-section textarea{min-height:calc(120px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.lore-section{font-size:calc(.98rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section-header{display:flex;justify-content:space-between;align-items:center;gap:calc(.6rem * var(--scale-factor));border-bottom:calc(1px * var(--scale-factor)) solid rgba(91,67,48,.25);padding-bottom:calc(.35rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-action-button{background:linear-gradient(135deg,#342788d9,#0a1433d9);border:calc(1px * var(--scale-factor)) solid rgba(88,64,43,.75);border-radius:999px;padding:calc(.35rem * var(--scale-factor)) calc(.85rem * var(--scale-factor));color:#fff9f0;font:inherit;font-size:calc(.8rem * var(--scale-factor));letter-spacing:calc(.05em * var(--scale-factor));text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 calc(3px * var(--scale-factor)) calc(6px * var(--scale-factor)) #3d2d1f33}.character-sheet.dnd5e .character-sheet-action-button:hover{transform:translateY(calc(-1px * var(--scale-factor)));box-shadow:0 calc(5px * var(--scale-factor)) calc(10px * var(--scale-factor)) #3d2d1f42}.character-sheet.dnd5e .character-sheet-action-button.destructive{background:linear-gradient(135deg,#b14a3feb,#8c2921eb);border-color:#78231dcc;display:inline-flex;align-items:center;justify-content:center;padding:calc(.3rem * var(--scale-factor)) calc(.5rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-action-button.destructive img{width:calc(20px * var(--scale-factor));height:calc(20px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-collection{display:flex;flex-direction:column;gap:calc(.75rem * var(--scale-factor));max-height:calc(340px * var(--scale-factor));overflow-y:auto;padding-right:calc(.35rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-collection-item{display:flex;flex-direction:column;gap:calc(.65rem * var(--scale-factor));padding:calc(.85rem * var(--scale-factor)) calc(1rem * var(--scale-factor));border-radius:calc(10px * var(--scale-factor));border:calc(1px * var(--scale-factor)) solid rgba(91,67,48,.28);background:#2d2a3ee6;box-shadow:0 calc(3px * var(--scale-factor)) 0 #3d2d1f14}.character-sheet.dnd5e .character-sheet-collection-item .collection-item-body{display:flex;flex-direction:column;gap:calc(.65rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-collection-item .collection-item-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(70px * var(--scale-factor)),1fr));gap:calc(.35rem * var(--scale-factor));font-size:calc(.85rem * var(--scale-factor));color:var(--ink-muted);text-align:center}.character-sheet.dnd5e .character-sheet-collection-item .collection-item-summary .summary-item{display:grid;align-items:center;gap:calc(.35rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-collection-item .collection-item-summary strong{color:var(--ink)}.character-sheet.dnd5e .character-sheet-collection-item .collection-item-summary .summary-label{text-transform:uppercase;letter-spacing:calc(.05em * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-collection-item.is-collapsed .collection-item-body{display:none}.character-sheet.dnd5e .collection-item-toggle{background:transparent;border:calc(1px * var(--scale-factor)) solid rgba(111,107,245,.35);border-radius:calc(8px * var(--scale-factor));display:grid;place-items:center;padding:calc(.35rem * var(--scale-factor));cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.character-sheet.dnd5e .collection-item-toggle:hover{background-color:#6f6bf526;border-color:var(--accent)}.character-sheet.dnd5e .collection-item-toggle .chevron{border:solid var(--accent);border-width:0 calc(2px * var(--scale-factor)) calc(2px * var(--scale-factor)) 0;display:inline-block;padding:calc(.25rem * var(--scale-factor));transform:rotate(45deg);transition:transform .2s ease}.character-sheet.dnd5e .collection-item-toggle[aria-expanded=true] .chevron{transform:rotate(135deg)}.character-sheet.dnd5e .character-sheet-collection-item>.character-sheet-action-button.destructive{align-self:flex-end}.character-sheet.dnd5e .character-sheet-empty{margin:0;font-size:calc(.9rem * var(--scale-factor));font-style:italic;color:var(--ink-muted)}.character-sheet.dnd5e .collection-item-header{display:flex;align-items:center;flex-wrap:wrap;gap:calc(.75rem * var(--scale-factor))}.character-sheet.dnd5e .collection-item-header .collection-item-title,.character-sheet.dnd5e .collection-item-header input{flex:1;width:100%;font-size:calc(1.2rem * var(--scale-factor))}.character-sheet.dnd5e .collection-item-header .collection-item-title{color:var(--ink);font-weight:700;letter-spacing:calc(.02em * var(--scale-factor));padding:calc(.35rem * var(--scale-factor)) calc(.4rem * var(--scale-factor));background:#ffffff0d;border:calc(1px * var(--scale-factor)) solid rgba(91,67,48,.3);border-radius:calc(8px * var(--scale-factor))}.character-sheet.dnd5e .collection-item-actions{display:flex;align-items:center;gap:calc(.4rem * var(--scale-factor));justify-content:flex-end}.character-sheet.dnd5e .character-sheet-collection-item.is-collapsed .collection-item-actions{justify-content:center;width:100%}.character-sheet.dnd5e .collection-grid{display:grid;gap:calc(.75rem * var(--scale-factor))}.character-sheet.dnd5e .collection-grid--two-column{grid-template-columns:repeat(auto-fit,minmax(calc(180px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .collection-grid--three-column{grid-template-columns:repeat(auto-fit,minmax(calc(160px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .collection-grid--four-column{grid-template-columns:repeat(auto-fit,minmax(calc(140px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .attack-damage-section{display:flex;flex-direction:column;gap:calc(.75rem * var(--scale-factor))}.character-sheet.dnd5e .attack-damage-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(150px * var(--scale-factor)),1fr));gap:calc(.6rem * var(--scale-factor));align-items:end}.character-sheet.dnd5e .attack-damage-row .character-sheet-action-button{justify-self:end}.character-sheet.dnd5e .spell-slot-remaining{display:flex;flex-direction:column;justify-content:center;gap:calc(.2rem * var(--scale-factor));color:var(--ink-muted)}.character-sheet.dnd5e .spell-slot-remaining strong{font-size:calc(1rem * var(--scale-factor));color:var(--ink)}.character-sheet.dnd5e .character-sheet-section.abilities-section .character-sheet-collection,.character-sheet.dnd5e .character-sheet-section.attacks-section .character-sheet-collection,.character-sheet.dnd5e .character-sheet-section.spells-section .character-sheet-collection,.character-sheet.dnd5e .character-sheet-section.equipment-section .character-sheet-collection,.character-sheet.dnd5e .character-sheet-section.proficiencies-section .character-sheet-collection,.character-sheet.dnd5e .character-sheet-section.spell-slots-section .character-sheet-collection{max-height:calc(360px / var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.lore-section textarea,.character-sheet.dnd5e .character-sheet-section.abilities-section textarea,.character-sheet.dnd5e .character-sheet-section.equipment-section textarea,.character-sheet.dnd5e .character-sheet-section.spells-section textarea{background:#fffffff2}.character-sheet.dnd5e .checkbox-field{display:flex;align-items:center;gap:calc(.45rem * var(--scale-factor));font-size:calc(.9rem * var(--scale-factor));color:var(--ink)}.character-sheet.dnd5e .checkbox-field input{width:calc(18px * var(--scale-factor));height:calc(18px * var(--scale-factor));margin:0;accent-color:var(--accent-dark)}.character-sheet.dnd5e .checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(130px * var(--scale-factor)),1fr));gap:calc(.45rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.health-section .health-info{display:flex}.character-sheet.dnd5e .character-sheet-section.health-section .health-info-border{border:calc(1px * var(--scale-factor)) black solid;transform:rotate(10deg)}.character-sheet.dnd5e .character-sheet-section.health-section .character-sheet-field:not(.temporary-hp){width:50%}.character-sheet.dnd5e .character-sheet-section.health-section .health-info .character-sheet-field:first-child{padding-right:calc(5px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.health-section .health-info .character-sheet-field:last-child{padding-left:calc(5px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.health-section .character-sheet-field.temporary-hp span{align-self:center}.character-sheet.dnd5e .character-sheet-section.health-section .character-sheet-field.temporary-hp{padding:0 calc(20px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.ac-section input{width:50%;margin:0 auto}.character-sheet.dnd5e .character-sheet-section.death-saves-section .character-sheet-field span{align-self:center}.character-sheet.dnd5e .character-sheet-section.misc-section .character-sheet-field span{align-self:center;text-align:center}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .hit-dice-info{display:flex}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .hit-dice-info-border{border:calc(1px * var(--scale-factor)) black solid;transform:rotate(10deg)}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .character-sheet-field:not(.hit-dice-type){width:50%}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .hit-dice-info .character-sheet-field:first-child{padding-right:calc(5px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .hit-dice-info .character-sheet-field:last-child{padding-left:calc(5px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .character-sheet-field.hit-dice-type span{align-self:center}.character-sheet.dnd5e .character-sheet-section.hit-dice-section .character-sheet-field.hit-dice-type{padding:0 calc(30px * var(--scale-factor))}.character-sheet.dnd5e .character-sheet-section.currency-section span{align-self:center}.character-sheet.dnd5e .character-sheet-section.currency-section input{text-align:center;font-weight:600}@media (max-width: 1200px){.character-sheet.dnd5e .character-sheet__body{grid-template-columns:repeat(2,minmax(calc(280px * var(--scale-factor)),1fr))}.character-sheet.dnd5e .character-sheet__column--right{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:calc(1rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet__column--right .character-sheet-section{flex:1 1 minmax(calc(260px * var(--scale-factor)),1fr)}}@media (max-width: 900px){.character-sheet.dnd5e{padding:calc(1.5rem * var(--scale-factor))}.character-sheet.dnd5e .character-sheet__body{grid-template-columns:1fr}.character-sheet.dnd5e .character-sheet__column--right,.character-sheet.dnd5e .character-sheet__column--left{flex-direction:column}}.stat-block.dnd5e{display:flex;flex-direction:column;gap:1.5rem}.stat-block.dnd5e .stat-block-section{display:flex;flex-direction:column;gap:.75rem}.stat-block.dnd5e .stat-block-section h3{font-size:1rem;font-weight:600;margin:0;color:#fff}.stat-block.dnd5e .stat-block-section .stat-block-grid{display:grid;gap:.75rem}.stat-block.dnd5e .stat-block-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stat-block.dnd5e .stat-block-button{padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s ease}.stat-block.dnd5e .stat-block-button:hover{background:#ffffff2e}.stat-block.dnd5e .stat-block-collection{display:flex;flex-direction:column;gap:.75rem}.stat-block.dnd5e .stat-block-card,.stat-block.dnd5e .stat-block-subcard{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#00000040;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.stat-block.dnd5e .stat-block-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stat-block.dnd5e .stat-block-card-title{margin:0;font-size:.95rem;font-weight:600;color:#ffffffeb}.stat-block.dnd5e .stat-block-icon-button{background:transparent;border:none;padding:.25rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.stat-block.dnd5e .stat-block-icon-button:hover{background:#ffffff1f}.stat-block.dnd5e .stat-block-icon-button img{width:16px;height:16px;filter:invert(1)}.stat-block.dnd5e .stat-block-grid--two-column{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-block.dnd5e .stat-block-field--full-width{grid-column:1 / -1}.stat-block.dnd5e .stat-block-empty{padding:.75rem;border-radius:6px;border:1px dashed rgba(255,255,255,.25);background:#0003;color:#ffffffbf;font-size:.9rem;text-align:center}.stat-block.dnd5e .stat-block-section.basic-section .stat-block-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-block.dnd5e .stat-block-section.health-section .stat-block-grid,.stat-block.dnd5e .stat-block-section.misc-section .stat-block-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-block.dnd5e .stat-block-section.ability-section .stat-block-grid,.stat-block.dnd5e .stat-block-section.saving-throw-section .stat-block-grid,.stat-block.dnd5e .stat-block-section.skill-section .stat-block-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-block.dnd5e .stat-block-section.strength-section .stat-block-grid,.stat-block.dnd5e .stat-block-section.trait-section .stat-block-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-block.dnd5e .stat-block-field{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.stat-block.dnd5e .stat-block-field span{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:#ffffffa6}.stat-block.dnd5e .stat-block-field input,.stat-block.dnd5e .stat-block-field select,.stat-block.dnd5e .stat-block-field textarea{background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.5rem .6rem;color:#fff;font:inherit}.stat-block.dnd5e .stat-block-field textarea{min-height:80px;resize:vertical}.stat-block.dnd5e .stat-block-section.ability-section .ability-info,.stat-block.dnd5e .stat-block-section.saving-throw-section .saving-throw-info,.stat-block.dnd5e .stat-block-section.skill-section .skill-info{padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;display:flex;flex-direction:column;gap:.5rem}.stat-block.dnd5e .stat-block-section.ability-section .ability-info input,.stat-block.dnd5e .stat-block-section.saving-throw-section .saving-throw-info input,.stat-block.dnd5e .stat-block-section.skill-section .skill-info input{text-align:center}.stat-block.dnd5e .stat-block-section.ability-section .ability-info .ability-header,.stat-block.dnd5e .stat-block-section.saving-throw-section .saving-throw-info .saving-throw-header,.stat-block.dnd5e .stat-block-section.skill-section .skill-info .skill-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ffffffe6}.stat-block.dnd5e .stat-block-section.ability-section .ability-info .ability-modifier{font-weight:600}.stat-block.dnd5e .stat-block-section.ability-section .ability-info .ability-footer{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;text-align:center}.stat-block.dnd5e .stat-block-section.placeholder-section{border:1px dashed rgba(255,255,255,.25);padding:.75rem 1rem;border-radius:8px;background:#00000026}.stat-block.dnd5e .stat-block-section.placeholder-section p{margin:0;color:#ffffffb3;font-size:.9rem}.token-main-info{display:flex;gap:25px}.token-name-info{width:60%}.token-name-field{margin-bottom:20px}.token-image-field{width:40%}.token-access-form{display:flex;flex-direction:column;gap:20px}.app-modal-file-dropzone{position:relative;border:2px dashed rgba(255,255,255,.25);border-radius:8px;min-height:180px;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center;background:#00000040;color:#ffffffbf;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.app-modal-file-dropzone:hover,.app-modal-file-dropzone.drag-active{border-color:var(--highlight-standard, #0C0C42);background:#0c0c4240}.app-modal-file-dropzone img{max-width:100%;max-height:240px;object-fit:contain;border-radius:6px}.app-modal-dropzone-placeholder{display:flex;flex-direction:column;gap:.35rem;align-items:center;justify-content:center;font-size:.95rem}.app-modal-dropzone-placeholder span{font-size:.85rem;color:#fff9}.app-modal-file-input{display:none}.app-modal-file-details{margin-top:.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.app-modal-file-info{font-size:.85rem;color:#ffffffb3;word-break:break-word}.app-modal-file-error{margin-top:.5rem;font-size:.85rem;color:#ff6b6b}.app-modal-file-dropzone.has-preview{padding:.75rem}.placeholder-section{border:1px dashed rgba(255,255,255,.25);padding:.75rem 1rem;border-radius:8px;background:#00000026}.placeholder-section p{margin:0;color:#ffffffb3;font-size:.9rem}.app-modal-tokenbars{display:flex;flex-direction:column;gap:1rem}.app-modal-tokenbar{display:flex;flex-direction:row;gap:.75rem;padding:.75rem;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.app-modal-tokenbar-row{display:flex;align-items:center;gap:.75rem}.app-modal-tokenbar-row-left{width:30%}.app-modal-tokenbar-row-right{align-items:center;width:60%}.app-modal-tokenbar-field{display:flex;flex-direction:column;gap:.35rem;flex:1}.app-modal-tokenbar-field label,.app-modal-tokenbar-attribute label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3}.app-modal-tokenbar-field input,.app-modal-tokenbar-field select{width:100%}.app-modal-tokenbar-name{width:65%;flex:unset}.app-modal-tokenbar-color{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.app-modal-tokenbar-color input{width:2.5rem;height:2.5rem;padding:0;border-radius:1.25rem;border:2px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;border:none}.app-modal-tokenbar-divider{border:1px solid rgba(255,255,255,.08)}.app-modal-tokenbar-attribute{display:flex;flex-direction:column;gap:.35rem;width:40%}.app-modal-tokenbar-attribute-select{width:100%;padding:.4rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.12);background-color:#0a0a0a59;color:#fff}.app-modal-tokenbar-attribute select:disabled{opacity:.6;cursor:not-allowed}.app-modal-tokenbar-values{flex:1;display:flex;align-items:center;gap:.5rem;width:50%;margin-top:19px}.app-modal-tokenbar-value-field{flex:1;display:flex;flex-direction:column;gap:.35rem;width:40%}.app-modal-tokenbar-value-divider{color:#fff9;font-weight:600;flex:0 0 auto}.app-modal-tokenbars-panel{display:flex;flex-direction:column;gap:1rem;min-height:0}.app-modal-tokenbars-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:15px}.app-modal-tokenbars-add{align-self:flex-start;margin:0 auto 15px}.app-modal-tokenbars-empty{color:#ffffffb3;font-size:.95rem;align-self:center;margin-bottom:10px}.app-modal-tokenbars-scroll{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;max-height:320px;padding-right:.25rem}.app-modal-tokenbar-remove{margin-left:10px;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.app-modal-tokenbar-remove img{width:1.25rem;height:1.25rem;display:block;pointer-events:none;filter:invert(12%) sepia(97%) saturate(7352%) hue-rotate(1deg) brightness(111%) contrast(111%)}.app-modal-tokenbar-remove:hover,.app-modal-tokenbar-remove:focus-visible{background:var(--tertiary-flat-hover);transform:scale(1.05)}.app-modal-tokenbar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-modal-tokenstats-empty{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffffbf}.app-modal-tokenstats-empty p{margin:0;font-size:.95rem;line-height:1.5}.app-modal-tokenstats-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width: 900px){.app-modal-tokenbars-scroll{grid-template-columns:1fr}}@media (max-width: 640px){.app-modal-tokenbar-row{flex-direction:column;align-items:stretch}.app-modal-tokenbar-remove{align-self:flex-end}.app-modal-tokenbar-values{width:50%}}.duplicate-map-modal .app-modal-checkbox{align-self:center}.app-modal-form .app-modal-field #folder-color{height:50px;padding:.3rem .4rem}.app-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1100;padding:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-modal-content{background:var(--secondary-flat-standard, #1e1e2e);color:#fff;border-radius:12px;border:1px solid var(--highlight-standard, #3c5a99);box-shadow:0 18px 40px #00000059;max-width:640px;width:100%;max-height:min(90vh,720px);display:flex;flex-direction:column;overflow:hidden}.app-modal-content.app-modal-content--sheet-expanded{max-width:min(70vw,1500px);width:min(70vw,1500px);max-height:min(96vh,1100px)}.app-modal-content.app-modal-content--sheet-expanded .app-modal-body{padding:1rem 1.5rem 1.25rem;gap:1rem}.app-modal-title{margin:0;padding:1.5rem 1.5rem .75rem;font-size:1.5rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.app-modal-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.app-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid rgba(255,255,255,.08)}.app-modal-main{display:flex;flex-direction:column;flex:1;overflow:hidden}.app-modal-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026}.app-modal-tab{background:none;border:none;color:#ffffffa6;padding:.5rem .75rem;border-radius:6px 6px 0 0;cursor:pointer;font-weight:600;transition:color .2s ease,background .2s ease}.app-modal-tab:hover,.app-modal-tab:focus-visible{color:#fff;outline:none;background:#ffffff14}.app-modal-tab.active{color:#fff;background:#0c0c4273}.app-modal-tab-panel{display:flex;flex-direction:column;gap:1.25rem}.app-modal-button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.6rem 1.4rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease,border-color .2s ease,transform .2s ease}.app-modal-button:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff59;transform:translateY(-1px)}.app-modal-button:disabled{opacity:.6;cursor:not-allowed}.app-modal-button-primary{background:var(--tertiary-flat-standard, #0C0C42);border-color:var(--highlight-standard, #0C0C42)}.app-modal-button-primary:hover:not(:disabled){background:var(--tertiary-flat-hover, #14145a);border-color:var(--highlight-hover, #14145a)}.app-modal-button-danger{background:#a61e4d;border-color:#a61e4d}.app-modal-button-danger:hover:not(:disabled){background:#c6295f;border-color:#c6295f}.app-modal-form{display:flex;flex-direction:column;gap:1.25rem}.app-modal-field{display:flex;flex-direction:column;gap:.5rem}.app-modal-field label{font-weight:600;font-size:.95rem}.app-modal-field input,.app-modal-field textarea,.app-modal-field select{background:#00000059;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:6px;padding:.6rem .75rem;font-size:.95rem;resize:vertical}.app-modal-field textarea{min-height:120px;max-height:240px}.app-modal-field input:focus,.app-modal-field textarea:focus,.app-modal-field select:focus{outline:none;border-color:var(--highlight-standard, #0C0C42);box-shadow:0 0 0 2px #0c0c4266}.app-modal-helper-text{margin-top:10px;text-align:center;font-size:.85rem;color:#ffffffb3}.app-modal-checkbox{display:flex;align-items:center;gap:.5rem;font-weight:500}.app-modal-checkbox input{width:auto;height:auto;accent-color:var(--highlight-selected, #4f8cff)}.app-modal-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:6px;padding:.5rem .75rem;color:#ffb3b8;font-size:.9rem}.app-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.dropdown{position:fixed;background-color:var(--secondary-flat-standard);color:#fff;border:1px solid var(--highlight-standard);box-shadow:18px 40px #00000059,0 2px 6px #0003;z-index:1000;border-radius:12px;min-width:180px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:top center;animation:dropdown-enter .14s cubic-bezier(.23,1,.32,1)}.dropdown .dropdown-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .12s ease,color .12s ease}.dropdown .dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown .dropdown-item+.dropdown-item{border-top:1px solid rgba(255,255,255,.08)}.dropdown .dropdown-item .dropdown-item-icon{display:flex;align-items:center;justify-content:center;color:#ffffffb3}.dropdown .dropdown-item:hover .dropdown-item-icon{color:#fff}.dropdown .dropdown-item .dropdown-item-icon svg{width:16px;height:16px}.dropdown .dropdown-item .dropdown-item-label{color:#ffffffeb;font-size:14px;white-space:nowrap;transition:transform .12s ease}.dropdown .dropdown-item:hover .dropdown-item-label{transform:translate(2px)}.dropdown .dropdown-item:active .dropdown-item-label{transform:translate(2px) scale(.99)}.dropdown-item.standard-color .dropdown-item-label{color:inherit}.dropdown-item.warning-color .dropdown-item-label,.dropdown-item.warning-color .dropdown-item-icon{color:#fffd88}.dropdown-item.danger-color .dropdown-item-label,.dropdown-item.danger-color .dropdown-item-icon{color:#ff4949}@keyframes dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.dropdown{animation:none}.dropdown-item{transition:none}}.atlas-container{position:absolute;top:2rem;right:22rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.atlas-button{min-width:80px;height:80px;background-color:var(--tertiary-flat-standard);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0003;transition:background-color .2s ease;padding:0 1rem}.atlas-button:hover{background-color:var(--tertiary-flat-hover)}.atlas-panel{width:540px;max-height:520px;background:var(--secondary-flat-standard);border-radius:12px;box-shadow:0 8px 24px #00000040;padding:1rem;display:flex;flex-direction:column;gap:.75rem;color:#fff}.atlas-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.atlas-breadcrumbs{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.atlas-breadcrumbs div{display:flex;margin:auto 0 auto 5px}.atlas-breadcrumbs button{background:transparent;border:1px solid transparent;color:#fff;padding:.35rem .65rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.atlas-breadcrumbs button:hover{background-color:#ffffff14;border-color:#ffffff29}.atlas-breadcrumbs button.active,.atlas-breadcrumbs button.marked{background-color:var(--tertiary-flat-standard);border-color:var(--tertiary-flat-hover)}.atlas-back{background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.atlas-actions{display:flex;gap:.5rem}.atlas-actions button{background:var(--tertiary-flat-standard);color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.atlas-actions button:hover{background:var(--tertiary-flat-hover)}.atlas-body{background:#0000001f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.atlas-empty{text-align:center;color:#ffffffd9;padding:.5rem 0}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;overflow-y:auto;padding-right:.25rem}.atlas-card{border-radius:10px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 10px #0000002e;cursor:pointer;border:1px solid transparent;min-height:170px}.atlas-card:hover{border-color:var(--tertiary-flat-hover)}.atlas-card.selected{border-color:var(--tertiary-flat-selected);box-shadow:0 6px 12px #00000038}.atlas-card.drop-inside{outline:2px dashed var(--tertiary-flat-selected);box-shadow:inset 0 0 0 2px #0003}.atlas-drop-marker{min-height:170px;width:100%;background:linear-gradient(180deg,#fff9,#fff3);border-radius:6px;box-shadow:0 0 0 2px var(--tertiary-flat-selected);opacity:.9;pointer-events:none}.atlas-card-thumb{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background-color:#0003}.atlas-card.folder .atlas-card-thumb{background-image:linear-gradient(135deg,#ffffff14,#ffffff05)}.atlas-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.atlas-card-name{font-size:.8rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-card-actions{display:flex;gap:.25rem}.atlas-card-actions button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.2rem .4rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.atlas-card-actions button:hover{background:#ffffff2e}.atlas-menu-trigger{font-size:1rem;line-height:1}.bottombar{position:fixed;bottom:0;left:0;z-index:100;background:var(--primary-gradient-standard);border-top:1px solid var(--highlight-standard);filter:drop-shadow(2px -1px 2px black);height:50px;width:100%}.sidebar .goodybag,.sidebar .goodybag-empty{display:flex;flex-direction:column;overflow-y:hidden}.sidebar .goodybag-empty{align-items:flex-start;color:#fff}.sidebar .goodybag-empty p{margin:0}.sidebar .goodybag-controls{padding:10px 0}.sidebar .goodybag-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sidebar .goodybag .goodybag-new-token-button,.sidebar .goodybag-empty .goodybag-new-token-button{background:var(--tertiary-flat-standard);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px;font-size:14px;transition:background .2s;width:80%}.sidebar .goodybag .goodybag-new-token-button:hover,.sidebar .goodybag-empty .goodybag-new-token-button:hover{background:var(--tertiary-flat-hover)}.sidebar .goodybag-list .goodybag-item{border:2px dashed transparent;box-sizing:border-box;display:flex;align-items:center;width:100%;padding:4px;border-radius:4px;cursor:pointer;transition:background .2s}.sidebar .goodybag-list .goodybag-item:hover{background:var(--secondary-flat-hover)}.sidebar .goodybag-list .goodybag-item.dragging{border-top:2px dashed var(--highlight-selected);border-bottom:2px dashed var(--highlight-selected)}.sidebar .goodybag-list .goodybag-item.selected{background:var(--secondary-flat-selected)}.sidebar .goodybag-list .goodybag-item .goodybag-item-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.9rem;text-align:left;padding-left:10px}.sidebar-rolltable{margin:auto 0;padding:0 20px;color:#fff}.sidebar-rolltable-placeholder-splash{margin-top:20px;font-size:.8rem}.chat-panel{display:flex;flex-direction:column;gap:12px;color:#fff;height:100%;box-sizing:border-box}.chat-panel-section{display:flex;flex-direction:column;gap:12px;height:100%}.chat-panel-section.channel-view{background:#00000040;border-radius:10px;box-shadow:inset 0 0 10px #00000059}.chat-panel-header{margin-top:5px;display:flex;align-items:center;gap:8px}.chat-panel-title{margin:0;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;flex:1}.chat-panel-channel-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.chat-panel-header-actions{display:flex;align-items:center;gap:8px}.chat-panel-action-button{border:1px solid var(--highlight-standard);background:transparent;color:inherit;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:600;transition:background .2s ease}.chat-panel-action-button:hover,.chat-panel-action-button:focus-visible{background:#ffffff1a;outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-channel-item{display:flex;align-items:center;background:#0000004d;gap:6px}.chat-panel-channel-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 12px;color:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease;border:none;flex:1;background:inherit}.chat-panel-channel-list li:not(:last-child){border-bottom:1px solid #262626}.chat-panel-channel-button:hover,.chat-panel-channel-button:focus-visible{background:#00000073;transform:translateY(-1px)}.chat-panel-channel-button:focus-visible{outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-channel-name{font-weight:600}.chat-panel-icon-button{width:32px;height:32px;border-radius:50%;border:none;background:#00000059;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s ease,opacity .2s ease;opacity:0}.chat-panel-channel-item:hover .chat-panel-icon-button{opacity:1}.chat-panel-icon-button:hover,.chat-panel-icon-button:focus-visible{background:#ffffff1a;outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-back-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 8px;border-radius:6px;transition:background .2s ease}.chat-panel-back-button:hover,.chat-panel-back-button:focus-visible{background:#ffffff1a;outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;border:1px solid var(--highlight-standard);border-radius:10px 10px 0 0}.chat-panel-message{display:flex;flex-direction:column;gap:12px;padding:8px 12px 0;border-top:1px solid #131313}.chat-panel-message.chained{gap:0px;padding-top:0;border-top:none}.chat-panel-message:last-child{padding-bottom:10px}.chat-panel-message-meta{display:flex;align-items:baseline;gap:8px;font-size:.85rem;color:#ffffffbf}.chat-panel-message-author{font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:60%;text-align:left;font-size:.9rem}.chat-panel-message-time{text-align:right;flex:1}.chat-panel-message-content{white-space:pre-wrap;word-break:break-word;text-align:left}.chat-panel-composer{display:flex;flex-direction:column;gap:8px}.chat-panel-input{resize:none;width:100%;padding:10px;border-radius:0 0 10px 10px;border:1px solid var(--highlight-standard);background:#1e1e1e59;color:inherit;font-family:inherit}.chat-panel-input:focus-visible{outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-send{align-self:flex-end;background:var(--tertiary-flat-selected);border:none;border-radius:6px;color:inherit;cursor:pointer;padding:8px 16px;transition:background .2s ease,transform .2s ease}.chat-panel-send:disabled{opacity:.5;cursor:not-allowed}.chat-panel-send:not(:disabled):hover,.chat-panel-send:not(:disabled):focus-visible{background:var(--tertiary-flat-hover);transform:translateY(-1px);outline:2px solid var(--highlight-selected);outline-offset:2px}.chat-panel-loading,.chat-panel-empty{text-align:center;color:#ffffffa6;font-size:.9rem;height:100%;align-content:center}.chat-panel-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:6px;padding:6px 10px;color:#ffb3b8;font-size:.85rem}.chat-panel-error-composer{align-self:flex-start}.sidebar-players{margin:auto 0;padding:0 20px;color:#fff}.sidebar-players-placeholder-splash{margin-top:20px;font-size:.8rem}.sidebar-settings{margin:auto 0;padding:0 20px;color:#fff}.sidebar-settings-placeholder-splash{margin-top:20px;font-size:.8rem}.sidebar{background:var(--primary-gradient-standard);border-left:1px solid var(--highlight-standard);display:flex;flex-direction:row;transition:width .2s;filter:drop-shadow(2px -1px 2px black);z-index:101}.sidebar .sidebar-resizer{position:fixed;height:100%;float:left;width:5px;background-color:var(--tertiary-flat-standard);opacity:.3;transition:opacity .3s;cursor:col-resize}.sidebar .sidebar-resizer:hover{opacity:.6}.sidebar .sidebar-content{padding-top:5px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:stretch;height:100%}.sidebar .sidebar-content .sidebar-tab-content{overflow-y:auto;width:100%;margin:0 0 0 5px;background:#00000059;box-shadow:inset 0 0 10px #00000073;display:flex;flex-direction:column;gap:8px;height:100%}.sidebar .sidebar-content .sidebar-tabs{display:flex;gap:4px;width:100%;margin:0 5px;padding:0;border-bottom:1px solid var(--highlight-standard)}.sidebar .sidebar-content .sidebar-tabs .sidebar-tab-button{flex:1;position:relative;background:var(--tertiary-flat-inactive);border:1px solid var(--highlight-standard);border-bottom:2px solid var(--highlight-inactive);border-radius:10px 10px 0 0;color:#fff;cursor:pointer;letter-spacing:.05em;padding:2px 12px;display:flex;align-items:center;justify-content:center;margin-bottom:-1px;transition:background .2s ease,color .2s ease,box-shadow .2s ease;height:40px;max-width:60px}.sidebar .sidebar-content .sidebar-tabs .sidebar-tab-button:hover{background:var(--tertiary-flat-hover);color:#fff;box-shadow:0 4px 8px #00000059}.sidebar .sidebar-content .sidebar-tabs .sidebar-tab-button:focus-visible{outline:2px solid var(--highlight-selected);outline-offset:2px}.sidebar .sidebar-content .sidebar-tabs .sidebar-tab-button.active{background:var(--tertiary-flat-selected);color:#fff;border:1px solid var(--highlight-selected);border-bottom:none;box-shadow:0 6px 14px #00000073}.map-indicator{position:absolute;pointer-events:none;z-index:100}.map-indicator.origin{background-color:#64646466}.map-indicator.hover{background-color:#00ff004d;z-index:101}.tokenbar-node{position:absolute;box-sizing:border-box;pointer-events:auto;--tokenbar-color: #38bdf8}.tokenbar-node.animated{transition:border .1s ease,top .18s ease,left .18s ease,width .18s ease,height .18s ease,border-radius .18s ease,transform .18s ease,box-shadow .18s ease!important}.tokenbar-node.bar-mode{box-shadow:#01010180 0 0 1px 1px inset;transition:border .15s ease;background-color:#222;border:1px solid #000;border-radius:999px;overflow:hidden}.tokenbar-node.bar-mode .tokenbar-visual{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#0003}.tokenbar-node.bar-mode .tokenbar-visual .tokenbar-fill{position:absolute;top:0;bottom:0;left:0;height:100%;border-radius:999px;box-shadow:#0101011a 0 0 1px 1px inset}.tokenbar-node.bar-mode .tokenbar-visual .tokenbar-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;pointer-events:none;font-weight:600;letter-spacing:.5px;width:max-content;height:max-content;align-content:center;-webkit-text-stroke:.4px black;font-size:.4em}.tokenbar-node.bubble-mode{background:#121212eb;border:1px solid rgba(0,0,0,.85);box-shadow:0 8px 18px #00000080,inset 0 0 0 1px #ffffff0a;overflow:hidden;transition:border .15s ease,box-shadow .15s ease}.tokenbar-node.bubble-mode .tokenbar-visual{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,#0009,#0003);display:flex;align-items:center;justify-content:center}.tokenbar-node.bubble-mode .tokenbar-visual .tokenbar-fill{position:absolute;left:0;width:100%;border-radius:unset;opacity:.55;transition:height .18s ease}.tokenbar-node.bubble-mode .tokenbar-visual .tokenbar-value{position:relative;color:#fff;font-weight:700;font-size:.55em;letter-spacing:.6px;text-shadow:0 1px 4px rgba(0,0,0,.65);-webkit-text-stroke:.3px rgba(0,0,0,.6)}.tokenbar-node.interactive .tokenbar-visual{cursor:pointer}.tokenbar-node.editable{overflow:visible}.tokenbar-node.editable .tokenbar-visual{position:relative;z-index:1;transition:transform .15s ease,box-shadow .15s ease}.tokenbar-node.interactive:hover,.tokenbar-node.interactive.expanded{border:1px solid #4F46E5}.tokenbar-node .tokenbar-editor{position:absolute;top:50%;left:100%;transform:translate(18px,-50%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;z-index:1000}.tokenbar-node .tokenbar-editor.expanded{transform:translate(8px,-50%);opacity:1;pointer-events:auto}.tokenbar-node .tokenbar-editor .tokenbar-editor-card{display:grid;align-items:center;gap:2px;padding:3px 12px 10px;border-radius:14px;background:#161616eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000073,inset 0 0 0 1px #ffffff0a}.tokenbar-node .tokenbar-editor .tokenbar-editor-card .tokenbar-editor-card-name{text-align:center;color:var(--tokenbar-color)}.tokenbar-node .tokenbar-editor .tokenbar-editor-card .tokenbar-editor-card-values{display:flex;gap:8px}.tokenbar-node .tokenbar-editor .tokenbar-editor-card .tokenbar-editor-card-values .tokenbar-editor-input{width:72px;padding:6px 10px;border-radius:10px;border:1px solid var(--tokenbar-color);background:#0a0a0ab3;color:#f5f5f5;font-weight:700;text-align:center;font-size:.8rem;box-shadow:inset 0 2px 6px #0006}.tokenbar-node .tokenbar-editor .tokenbar-editor-card .tokenbar-editor-card-values .tokenbar-editor-input:focus{outline:none;border-color:var(--tokenbar-color);box-shadow:0 0 0 2px #00000059}.tokenbar-node .tokenbar-editor .tokenbar-editor-card .tokenbar-editor-card-values .tokenbar-editor-max{font-size:.75rem;font-weight:600;color:var(--tokenbar-color);text-shadow:0 0 6px rgba(0,0,0,.4);white-space:nowrap;margin:auto 0}.maptoken-container .maptoken-image{border:1px solid transparent;transform-origin:center;position:absolute;z-index:50}.maptoken-container .tokenbar-container{pointer-events:none}.mapimage-container .mapimage-image{border:1px solid transparent;transform-origin:center;position:absolute;z-index:50}.map-toolbar{position:absolute;top:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:10px}.map-toolbar .toolbar-section{display:flex;flex-direction:column}.map-toolbar .toolbar-section button{padding:8px;background-color:var(--tertiary-flat-standard);border:1px solid var(--highlight-standard);border-radius:8px;cursor:pointer;font-size:.9rem;color:#fff;transition:background-color .1s ease}.map-toolbar .toolbar-section button:hover{background-color:var(--tertiary-flat-hover)}.map-toolbar .toolbar-section button:disabled{background-color:var(--tertiary-flat-inactive);color:gray;cursor:not-allowed}.map-toolbar .toolbar-section button.active{background-color:#4caf50;color:#fff}.map-toolbar .toolbar-section button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.map-toolbar .toolbar-section button:not(:first-child):not(:last-child){border-radius:0}.map-toolbar .toolbar-section button:last-child{border-top-left-radius:0;border-top-right-radius:0}.zoom-slider-container{position:absolute;right:17.5rem;top:30%;transform:translateY(-50%);height:200px;display:flex;align-items:center;pointer-events:none}.zoom-slider-container .zoom-slider-input{transform:rotate(270deg);pointer-events:auto}.select-box{z-index:900;position:absolute;border:2px dashed #4F46E5;pointer-events:none}.select-box .resize-handle{position:absolute;z-index:901;width:10px;height:10px;background:#fff;border:1px solid black;pointer-events:auto}.select-box .rotate-handle{position:absolute;display:flex;align-items:center;flex-direction:column;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;top:50%;left:100%;transform:translate(50%) translateY(-50%) rotate(90deg)}.select-box .rotate-handle-line{width:2px;height:18px;background:#4f46e5}.select-box .rotate-handle-knob{width:12px;height:12px;border-radius:50%;border:2px solid #4F46E5;background:#fff;box-shadow:0 0 2px #0003}.ruler-node{position:absolute;inset:0;pointer-events:none;z-index:120}.ruler-node .ruler-node-line{fill:none;stroke:#ffe300e6;stroke-width:4;vector-effect:non-scaling-stroke}.ruler-node #ruler_node_arrow{fill:#ffe300e6;stroke:#0d0d0d66;stroke-width:1}.ruler-node .ruler-node-marker{pointer-events:none}.ruler-node .ruler-node-marker .ruler-node-point{fill:#ffe300e6;stroke:#0d0d0de6;stroke-width:1;vector-effect:non-scaling-stroke}.ruler-node .ruler-node-marker .ruler-node-distance{fill:#fff;font-size:12px;font-weight:600;paint-order:stroke;stroke:#0d0d0dd9;stroke-width:3;vector-effect:non-scaling-stroke}.ruler-node .ruler-node-label{fill:#fff;font-size:14px;font-weight:600;paint-order:stroke;stroke:#0d0d0dd9;stroke-width:3;vector-effect:non-scaling-stroke}.map-ping{position:absolute;pointer-events:none;transform:translate(-50%,-95%);z-index:120;--ping-color: #3aa7ff;transition:opacity .45s ease,transform .45s ease}.map-ping.fading{opacity:0;transform:translate(-50%,-95%) scale(.9)}.map-ping.fading .map-ping-ripple{animation-play-state:paused;opacity:0}.map-ping .map-ping-icon svg{position:relative;z-index:140;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));display:block}.map-ping .map-ping-ripple{position:absolute;top:calc(100% - 2px);left:50%;width:14px;height:14px;border-radius:999px;border:2px solid var(--ping-color);transform:translate(-50%,-50%);animation:map-ping-ripple 1.6s ease-out infinite;opacity:1;z-index:100}.map-ping.focus,.map-ping.ping{--ping-color: #3aa7ff}.map-ping.alert{--ping-color: #ff9c33}.map-ping.attack{--ping-color: #ff5a5f}.map-ping.defend{--ping-color: #49c07a}@keyframes map-ping-ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}60%{opacity:.4}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.wheel-menu{position:fixed;z-index:30;font-family:Century Gothic,sans-serif;color:#fff;transform:translate(-50%,-50%)}.wheel-menu .wheel-menu-ring{position:relative;border-radius:50%;border:2px solid rgba(0,208,255,.75);width:var(--wheel-menu-diameter, 360px);height:var(--wheel-menu-diameter, 360px);box-shadow:0 30px 50px #0009,inset 0 0 20px #000000a6;animation:wheel-menu-pop .14s ease-out}.wheel-menu .wheel-menu-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#0000 calc(var(--wheel-menu-center-radius, 110px) - 4px),#07080f94 calc(var(--wheel-menu-center-radius, 110px) + 1px));-webkit-mask:radial-gradient(circle,transparent calc(var(--wheel-menu-center-radius, 110px) - 4px),#000 calc(var(--wheel-menu-center-radius, 110px) + 2px));mask:radial-gradient(circle,transparent calc(var(--wheel-menu-center-radius, 110px) - 4px),#000 calc(var(--wheel-menu-center-radius, 110px) + 2px));z-index:0;pointer-events:none}.wheel-menu .wheel-menu-ring:after{content:"";position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 25px #000000e6;pointer-events:none;z-index:0}.wheel-menu .wheel-menu-ring .wheel-menu-center{--center-size: var(--wheel-menu-center-radius, 110px);position:absolute;width:calc(var(--center-size) * 2);height:calc(var(--center-size) * 2);left:calc(var(--wheel-menu-radius) - var(--wheel-menu-center-radius) - 3px);top:calc(var(--wheel-menu-radius) - var(--wheel-menu-center-radius) - 3px);border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--highlight-standard, #00d0ff);text-align:center;pointer-events:none;z-index:3;border:2px solid rgba(0,208,255,.75)}.wheel-menu .wheel-menu-ring .wheel-menu-center .wheel-menu-center-label{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:600;letter-spacing:.5px;-webkit-text-stroke:.4px black;font-size:1.4em}.wheel-menu .wheel-menu-ring .wheel-menu-pointer{position:absolute;left:50%;top:50%;width:0;height:2px;background:var(--wheel-menu-pointer-color, var(--highlight-standard, #00d0ff));transform-origin:0% 50%;transform:translateY(-50%) translate(var(--wheel-menu-pointer-start-x, 0px),var(--wheel-menu-pointer-start-y, 0px)) rotate(var(--wheel-menu-pointer-angle, 0deg));pointer-events:none}.wheel-menu .wheel-menu-ring .wheel-menu-slices{position:absolute;inset:0;list-style:none;margin:0;padding:0;z-index:1}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option{--wheel-menu-option-color: var(--highlight-standard, #00d0ff);position:absolute;inset:0;border:none;padding:0;background:linear-gradient(180deg,#ffffff0d,#000000d9);color:#fff;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease;clip-path:polygon(50% 50%,100% 0,100% 100%);-webkit-clip-path:polygon(50% 50%,100% 0,100% 100%);mask-image:radial-gradient(circle,#0000 calc(var(--wheel-menu-center-radius, 110px) - 2px),#000 calc(var(--wheel-menu-center-radius, 110px) + 1px));-webkit-mask-image:radial-gradient(circle,#0000 calc(var(--wheel-menu-center-radius, 110px) - 2px),#000 calc(var(--wheel-menu-center-radius, 110px) + 1px));mask-mode:alpha;-webkit-mask-mode:alpha}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.04);mix-blend-mode:screen;pointer-events:none}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option:hover,.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option:focus-visible{background:linear-gradient(180deg,#ffffff2e,#000c);color:var(--wheel-menu-option-color);outline:none;box-shadow:inset 0 0 25px #0000008c,0 0 30px #00d0ff59}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option:disabled,.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option-disabled{opacity:.35;cursor:not-allowed}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option .wheel-menu-option-content{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:.35rem;transform:rotate(calc(var(--wheel-menu-option-angle, 0deg) + 90deg)) translateY(calc(var(--wheel-menu-content-distance, 110px) * -1)) rotate(calc((var(--wheel-menu-option-angle, 0deg) + 90deg) * -1)) translate(-50%,-50%);transform-origin:0 0;text-transform:uppercase;letter-spacing:.08em;text-align:center}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option .wheel-menu-option-content .wheel-menu-option-icon{font-size:1.8rem;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.wheel-menu .wheel-menu-ring .wheel-menu-slices .wheel-menu-option .wheel-menu-option-content .wheel-menu-option-label{font-size:.8rem;white-space:nowrap;display:none}@keyframes wheel-menu-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.map-viewer-container .map-viewer{width:100%;height:100%;overflow:hidden;position:relative;box-sizing:border-box;touch-action:none}.map-viewer-container .map-viewer .map-section{position:relative;background-color:#0d0d0d}.map-viewer-container .map-viewer .map-section .map-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.2) 1px,transparent 1px);background-repeat:repeat;z-index:100}.map-viewer-container .map-viewer .map-section .map-viewer-layer{position:relative}.map-viewer-container .map-viewer .map-section .map-viewer-layer.tokenlayer{z-index:50}.map-viewer-container .map-viewer .map-section .map-viewer-layer.dmlayer{z-index:40}.map-viewer-container .map-viewer .map-section .map-viewer-layer.maplayer{z-index:30}#game_container{height:100%}#game_container .no-current-map-information{justify-content:center;flex-direction:column;display:flex;height:100%;gap:15px}#game_container .no-current-map-information .no-current-map-text,#game_container .no-current-map-information .no-current-map-helper-text{color:#fffc;letter-spacing:.04em;text-align:center;font-size:1.2rem}#game_container .no-current-map-information .no-current-map-helper-text{font-size:.9rem}.Settings{width:1700px;height:200px;color:#fff}body{margin:0;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif}#virtualtabletop{width:100vw;height:100vh;background:var(--background-gradient)}#virtualtabletop #app_container{display:flex;height:100vh}#virtualtabletop #app_container #dashboard{flex:1;overflow:hidden}.chip-input{position:relative;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.5rem .6rem;background:#0003;cursor:text;transition:border-color .2s ease,box-shadow .2s ease}.chip-input:focus-visible{outline:2px solid var(--highlight-standard, #0C0C42);outline-offset:2px}.chip-input.open{border-color:var(--highlight-standard, #0C0C42);box-shadow:0 0 0 2px #0c0c4259}.chip-input-chips{display:flex;flex-wrap:wrap;gap:.5rem;min-height:32px;align-items:center}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;background:#ffffff1f;color:#fff;font-size:.85rem;line-height:1.2}.chip-avatar,.chip-option-avatar{width:24px;height:24px;border-radius:50%;background:#fff3;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.chip-color-indicator{width:14px;height:14px;border-radius:50%;flex-shrink:0}.tag-chip .chip-color-indicator{width:10px;height:10px}.chip-label{white-space:nowrap}.chip-remove{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:.85rem;line-height:1;padding:0}.chip-remove:hover{color:#fff}.chip-placeholder{color:#fff9;font-size:.85rem}.chip-dropdown{position:absolute;top:32px;left:0;right:0;z-index:5;background:#12122df5;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.25rem 0;max-height:220px;overflow-y:auto;box-shadow:0 12px 24px #00000040}.chip-dropdown-option{display:flex;align-items:center;gap:.55rem;padding:.45rem .75rem;cursor:pointer;transition:background-color .2s ease}.chip-dropdown-option:hover{background:#ffffff1a}.chip-option-label{flex:1;font-size:.9rem}.chip-dropdown-empty{padding:.5rem .75rem;color:#ffffffa6;font-size:.85rem}@font-face{font-family:Paralines;src:url(/assets/fonts/Despairs.ttf) format("truetype");font-weight:400;font-style:normal}.container{background-color:var(--primary-flat-standard);border:1px solid var(--highlight-standard);border-radius:8px;padding:10px}.row{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.row:last-child,.row:only-child{margin-bottom:0}.row>div{flex:1;text-align:center}.row span{flex:1;display:block;white-space:nowrap;font-family:Century Gothic,sans-serif}.row input{width:100%}.vertical-row{flex-direction:column}.no-transition{transition:none}