.app-container{letter-spacing:1.5px;font-family:RuneScape UF Regular,sans-serif}.badge{font-size:.85rem}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000024}.dashboard-input{color:#fff;background:#020617cc;border:1px solid #94a3b840;border-radius:14px;min-height:52px}.dashboard-input:focus{color:#fff;background:#020617f2;border-color:#3b82f6cc;box-shadow:0 0 0 .2rem #3b82f62e}.dashboard-input::placeholder{color:#94a3b8}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #212529!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #212529!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #212529!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #212529!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #212529!important}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main-content{flex:1;min-width:0}.page-layout-content{padding-top:1.5rem}.dashboard-active-sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#020617d1;border-right:1px solid #94a3b824;height:100vh;transition:width .22s,min-width .22s,padding .22s;position:sticky;top:0;overflow:hidden}.dashboard-active-sidebar-expanded{width:320px;min-width:320px;padding:1rem}.dashboard-active-sidebar-collapsed{width:72px;min-width:72px;padding:1rem .75rem}.dashboard-active-sidebar-header{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.dashboard-active-sidebar-title{font-size:1.1rem}.dashboard-sidebar-toggle{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #94a3b82e;border-radius:12px;flex-shrink:0;width:40px;height:40px;transition:background .2s,border-color .2s,transform .2s}.dashboard-sidebar-toggle:hover{background:#1e293be6;border-color:#60a5fa66;transform:translateY(-1px)}.dashboard-active-sidebar-content{max-height:calc(100vh - 76px);padding-right:.15rem;overflow-y:auto}.dashboard-sidebar-collapsed-label{writing-mode:vertical-rl;color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin-top:.35rem;font-size:.8rem;font-weight:700;transform:rotate(180deg)}@media (width<=991.98px){.dashboard-layout{flex-direction:column}.dashboard-active-sidebar{border-bottom:1px solid #94a3b824;border-right:none;height:auto;position:relative;width:100%!important;min-width:100%!important}.dashboard-active-sidebar-expanded,.dashboard-active-sidebar-collapsed{width:100%;min-width:100%;padding:1rem}.dashboard-active-sidebar-content{max-height:none}}.dashboard-shell{background:radial-gradient(circle at top,#2563eb2e,#0000 30%),linear-gradient(#090c12 0%,#0d1117 100%);min-height:100vh}.dashboard-navbar{background:#000000b8;border-bottom:1px solid #94a3b82e}.dashboard-hero{max-width:900px}.dashboard-hero-badge,.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;font-size:.8rem;font-weight:700;display:inline-block}.dashboard-hero-text{color:#94a3b8;max-width:760px;font-size:1.08rem;line-height:1.7}.dashboard-panel{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:24px;margin-bottom:.75rem;padding:2rem;box-shadow:0 16px 40px #00000040}.join-panel{max-width:1100px}.future-panel{max-width:1100px;margin:0 auto}.dashboard-join-btn{border-radius:14px;min-height:52px;font-weight:600}.dashboard-action-row{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-active-bingo-card{background:#020617b8;border:1px solid #94a3b829;border-radius:18px;padding:1rem;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 10px 24px #00000029}.dashboard-active-bingo-card:hover{border-color:#60a5fa47;transform:translateY(-2px);box-shadow:0 14px 28px #0003}.dashboard-active-bingo-card-top{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.dashboard-bingo-type-badge{white-space:normal;word-break:break-word;text-align:left;max-width:100%;line-height:1.2}.dashboard-active-bingo-title{word-break:break-word;overflow-wrap:anywhere;width:100%}.dashboard-settings-card-actions{flex-direction:column;gap:.75rem;display:flex}.dashboard-active-sidebar .dashboard-input{min-height:46px}footer a:hover{transition:color .15s;color:#fff!important}.bingo-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2000;background:#020617c7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.bingo-modal-card{background:linear-gradient(#0f172afa,#020617c7);border:1px solid #94a3b82e;border-radius:24px;width:100%;max-width:820px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 12px 32px #00000052}.bingo-modal-image-wrap{background:#020617;border-radius:18px;justify-content:center;align-items:center;width:100%;height:clamp(280px,38vw,420px);display:flex;position:relative;overflow:hidden}.bingo-modal-image-frame{z-index:1;justify-content:center;align-items:center;max-width:min(100%,520px);height:100%;display:flex;position:relative}.bingo-modal-image{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.bingo-modal-image-overlay{pointer-events:none;background:linear-gradient(#0206170f 0%,#02061729 55%,#02061761 100%);border-radius:18px;position:absolute;inset:0}.bingo-modal-image-bg{object-fit:cover;filter:blur(18px)brightness(.45);opacity:.9;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.bingo-feature-list{color:#cbd5e1;padding-left:1.25rem}.bingo-feature-list li{margin-bottom:.6rem}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-notification-viewport{z-index:5000;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.app-notification-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b838;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;animation:.18s ease-out notification-slide-in;display:flex;box-shadow:0 18px 40px #00000047}.app-notification-content{flex:1;min-width:0}.app-notification-title{margin-bottom:4px;font-weight:700}.app-notification-message{color:inherit;word-wrap:break-word;line-height:1.45}.app-notification-close{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.app-notification-close:hover{opacity:1}.app-notification-success{color:#d1fae5;background:#122d1ef5;border-color:#34d39959}.app-notification-error{color:#fee2e2;background:#371414f5;border-color:#f8717159}.app-notification-warning{color:#fef3c7;background:#392a0ff5;border-color:#fbbf2459}.app-notification-info{color:#dbeafe;background:#0f172af5;border-color:#60a5fa59}@keyframes notification-slide-in{0%{opacity:0;transform:translateY(-8px)translate(8px)}to{opacity:1;transform:translateY(0)translate(0)}}.confirm-backdrop{z-index:6000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:#14141ef2;border:1px solid #94a3b833;border-radius:18px;width:min(420px,90%);padding:24px;animation:.2s confirm-modal-fade-in;box-shadow:0 25px 60px #00000080}.confirm-title{color:#f8fafc;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.confirm-message{color:#cbd5e1;margin-bottom:1.25rem;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.confirm-actions .btn{min-width:90px}@keyframes confirm-modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bingo-type-grid{align-items:stretch}.bingo-mode-card{width:100%;height:100%;color:inherit;cursor:pointer;background:linear-gradient(#0f172aeb,#020617f5);border:1px solid #94a3b829;border-radius:24px;outline:none;flex-direction:column;padding:0;transition:transform .14s,border-color .14s;display:flex;overflow:hidden;box-shadow:0 10px 22px #0003}.bingo-mode-card:hover{border-color:#60a5fa47;transform:translateY(-2px)}.bingo-mode-card:focus{border-color:#60a5fabf;box-shadow:0 0 0 .2rem #3b82f62e}.bingo-coming-tooltip{color:#e2e8f0;opacity:0;pointer-events:none;white-space:nowrap;background:#0f172af2;border:1px solid #94a3b840;border-radius:8px;padding:6px 10px;font-size:.75rem;transition:all .18s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)translateY(8px)}.bingo-mode-card.is-disabled:hover .bingo-coming-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.bingo-mode-card.is-disabled:hover{cursor:not-allowed;transform:none}.bingo-mode-image-wrap{background:#020617f2;border-bottom:1px solid #94a3b81f;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.bingo-mode-image{object-fit:contain;background:#020617f2;width:100%;height:100%;display:block}.bingo-mode-card:hover .bingo-mode-image{opacity:.96}.bingo-mode-image-overlay{pointer-events:none;background:linear-gradient(#02061714 0%,#02061738 55%,#02061780 100%);position:absolute;inset:0}.bingo-mode-top{z-index:2;justify-content:flex-end;display:flex;position:absolute;top:14px;right:14px}.bingo-mode-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.25rem 1.25rem 1.35rem;display:flex}.bingo-type-title{color:#f8fafc;font-weight:700}.bingo-type-description{color:#94a3b8;font-size:.97rem;line-height:1.6}.bingo-mode-card.is-disabled .bingo-mode-image{filter:grayscale(15%)brightness(.75)}.bingo-mode-card.is-disabled .bingo-type-title,.bingo-mode-card.is-disabled .bingo-type-description{opacity:.9}.bingo-type-section-full{width:100%}.bingo-type-section-header{margin-bottom:1rem;padding:0 .5rem}.bingo-type-grid-full{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}.bingo-type-grid-full .bingo-mode-card{width:100%;min-width:0}@media (width<=1600px){.bingo-type-grid-full{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.bingo-type-grid-full{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=992px){.bingo-type-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.bingo-type-grid-full{grid-template-columns:1fr}}.bingo-subnav-wrap{margin-bottom:1.5rem;padding:1rem 1.5rem 0}.bingo-subnav{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:18px;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 10px 24px #0000002e}.bingo-subnav-link{color:#cbd5e1;background:#02061759;border:1px solid #0000;border-radius:12px;padding:.6rem .95rem;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.bingo-subnav-link:hover{color:#f8fafc;background:#1e293be6;border-color:#60a5fa47;transform:translateY(-1px)}.bingo-subnav-link.active{color:#fff;background:#2563ebe6;border-color:#93c5fd73}@media (width<=991.98px){.bingo-subnav-wrap{padding:1rem 1rem 0}.bingo-subnav{gap:.5rem;padding:.75rem}.bingo-subnav-link{text-align:center;width:100%}}.skill-grid img{will-change:transform;transition:transform .16s,filter .16s}.skill-grid img:hover{filter:brightness(1.12);transform:scale(1.04)}.whitelist-chip{color:#e2e8f0;background:#0f172af2;border:1px solid #60a5fa38;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;display:inline-flex;box-shadow:0 6px 16px #00000029}.whitelist-chip-remove{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.whitelist-chip-remove:hover{color:#fca5a5}.tasks-header-panel,.tasks-controls-panel{padding-top:1.5rem;padding-bottom:1.5rem}.tasks-modify-btn{color:#bbf7d0;background:#22c55e14;border-color:#22c55e73;border-radius:12px;min-height:44px;padding:.6rem 1rem;font-weight:600}.tasks-modify-btn:hover{color:#dcfce7;background:#22c55e29;border-color:#22c55ea6}.tasks-count-badge{border-radius:12px;align-items:center;min-height:44px;font-size:.9rem;display:inline-flex}.tasks-colour-key{margin-top:1rem}.tasks-colour-box{border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;width:18px;height:18px}.tasks-reward-badge{text-align:center;min-width:88px}.table-pending>td{color:#000;background-color:#c1c8cc!important}.table-strong-approve>td{font-weight:700;color:#000!important;background-color:#38f398!important}.tasks-modal-section{flex-direction:column;gap:1rem;display:flex}.tasks-modal-list{border-radius:16px;max-height:460px;overflow-y:auto}.tasks-flex-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.board-wrapper{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;padding:1rem;display:flex}.grid-container{background:#f1f5f9;border-radius:8px;gap:2px;width:fit-content;max-width:100%;padding:10px;display:grid;overflow:auto}.grid-cell.header{color:#334155;background:#e2e8f0;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex}.grid-cell.corner{background:0 0}.tile{cursor:pointer;background:#cbd5e1;border-radius:4px;width:30px;height:30px;transition:background-color .16s}.tile:hover{background:#94a3b8}.tile.selected{background-color:green}.tile.taken{cursor:not-allowed;opacity:.5;background-color:#d3d3d3}.tile-disabled{cursor:not-allowed;opacity:.5}.fired-hit{opacity:1;background-color:#d32f2f}.fired-miss{opacity:1;background-color:#90a4ae}.tile.fired-hit{border:2px solid #8b0000;background-color:red!important}.tile.fired-miss{border:2px solid navy;background-color:#00f!important}.selected-table-container{background:#fff;border-radius:8px;min-width:250px;max-height:500px;padding:1rem;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.shots-table-wrapper{min-width:150px;max-height:400px;overflow-y:auto}.save-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:10px 24px;font-weight:700;transition:background-color .18s}.save-btn:hover{background-color:#1d4ed8}.gridmaster-cell-corner-perk{background:linear-gradient(135deg,#facc1547,#b4530952);border-color:#facc15bf;box-shadow:inset 0 1px #ffffff1f,0 0 22px #facc152e}.gridmaster-cell-corner-perk .gridmaster-cell-title{color:#fde68a}.snakes-board-wrap{aspect-ratio:1;background:#0f172abf;border:1px solid #94a3b859;border-radius:24px;width:min(100%,820px);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 20px 50px #00000040}.snakes-board-grid{z-index:3;pointer-events:none;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;display:grid;position:relative}.snakes-square{min-width:0;min-height:0;position:relative}.snakes-square:before{content:"";z-index:0;background:#ffffff06;border:1px solid #94a3b829;position:absolute;inset:0}.snakes-square:nth-child(2n):before{background:#3b82f60e}.snakes-square-number{z-index:5;color:#fffffff2;text-shadow:0 0 4px #000000e6;font-size:.75rem;font-weight:800;position:absolute;top:6px;left:7px}.snakes-square-action{z-index:5;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 4px #000000e6;font-size:.68rem;font-weight:900;position:absolute;bottom:5px;right:6px}.snakes-transition-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.snakes-counter{z-index:6;color:#0f172a;background:#f8fafc;border:2px solid #0f172ab8;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:900;transition:left .9s cubic-bezier(.22,.9,.28,1),top .9s cubic-bezier(.22,.9,.28,1);display:flex;position:absolute;box-shadow:0 8px 22px #00000052}.snakes-counter-moving{box-shadow:0 0 0 5px #22c55e38,0 8px 22px #00000052}.snakes-dice-card{background:#ffffff08;border:1px solid #94a3b838;border-radius:18px;padding:14px}.snakes-die{color:#0f172a;background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.25rem;font-weight:900;display:flex;box-shadow:0 10px 28px #00000052}.snakes-die.rolling{animation:.75s ease-in-out infinite snakesDiceRoll}.snakes-roll-display{background:#ffffff09;border:1px solid #94a3b838;border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.snakes-roll-dice{color:#0f172a;background:#f8fafc;border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;font-size:1.9rem;font-weight:950;display:flex;box-shadow:0 16px 36px #00000057}.snakes-roll-dice.coin{border-radius:999px}.snakes-roll-dice.rolling{animation:.5s ease-in-out infinite snakesDiceRollBig}@keyframes snakesDiceRoll{0%{transform:rotate(0)scale(1)}25%{transform:rotate(12deg)scale(1.08)}50%{transform:rotate(-10deg)scale(.96)}75%{transform:rotate(8deg)scale(1.05)}to{transform:rotate(0)scale(1)}}@keyframes snakesDiceRollBig{0%{transform:rotate(0)scale(1)}25%{transform:rotate(18deg)scale(1.08)}50%{transform:rotate(-16deg)scale(.96)}75%{transform:rotate(14deg)scale(1.06)}to{transform:rotate(0)scale(1)}}.draft-stat-card{background:#0b132be6;border:1px solid #78aaff29;box-shadow:inset 0 1px #ffffff08}.draft-stat-card .section-eyebrow{color:#8bb8ff}.draft-stat-card .fw-bold{color:#f5f7ff}.draft-empty-state{color:#c9d4ea;background:#0b132be6;border:1px solid #78aaff29;border-radius:12px;padding:1rem 1.25rem}.external-link-icon{color:#ffffff8c;font-size:.8rem;text-decoration:none;transition:all .15s}.external-link-icon:hover{color:#66a3ff;transform:translateY(-1px)}.wom-icon{object-fit:contain;opacity:.85;mix-blend-mode:lighten;width:50px;height:50px}.wom-icon-wrapper{border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.wom-icon-wrapper:hover{background:#66a3ff1a}.wom-icon:hover{opacity:1;transform:translateY(-1px)scale(1.1)}