/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}}.card-bottom{grid-template-columns:1fr 1.4fr!important}.picker-map-name{color:#f5d573;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:28px;font-size:11px;font-style:normal;font-weight:900;line-height:1.15;text-decoration:underline;display:flex}.boss-picker-grid button{overflow:hidden;justify-content:flex-start!important}.boss-picker-grid img{width:78px!important;height:78px!important;margin:2px 0 0!important}.boss-picker-grid strong{margin-top:auto!important}.reset-card{grid-column:2}.empty-state p{color:#8497aa}.monster-avatar img{object-fit:contain;max-width:88%;max-height:88%}.boss-card{cursor:pointer;padding-top:18px}.card-close{color:#a9bbcd;cursor:pointer;z-index:2;background:#0b1724;border:1px solid #40566c;border-radius:9px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.card-close:hover{color:#ff9aa1;background:#371b22;border-color:#e16f78}.card-top{padding-right:42px}.card-primary-status{text-align:center;background:#0a1622;border:1px solid #263c51;border-radius:10px;width:max-content;max-width:65%;margin:12px auto 0;padding:5px 18px}.card-primary-status strong{font-size:19px;line-height:1.2;display:block}.card-primary-status span{color:#aab8c7;margin-top:2px;font-size:12px;display:block}.card-primary-status.waiting strong{color:#72c4ff}.card-primary-status.near strong{color:#ffe078}.card-primary-status.urgent strong{color:#ffad69}.card-primary-status.spawned strong{color:#65edaf}.card-primary-status.overdue strong{color:#dfa2ff}.countdown-wrap{border:0;padding:10px 4px}.countdown-wrap small{display:block}.death-time-main{margin:5px 0 1px;font-weight:900;color:#eaf7ff!important;font-size:17px!important}.mini-map img,.map-clicker img{object-fit:cover;width:100%;height:100%;display:block}.map-pin{color:#062016;background:#19d285;border:4px solid #baffdf;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0a513dcc,0 4px 12px #0009}.card-bottom{grid-template-columns:minmax(100px,.7fr) 1fr 1.35fr;gap:10px;padding-top:14px;display:grid}.cooldown-summary,.card-bottom button{border-radius:9px;min-height:52px}.cooldown-summary{background:#081421;padding:8px 12px}.cooldown-summary span{color:#708499;font-size:10px;display:block}.cooldown-summary strong{font-size:14px}.card-bottom button{cursor:pointer;border:1px solid #31485e;font-weight:800}.reset-card{color:#d5e0eb;background:#122131}.update-kill-now{color:#fff;background:linear-gradient(135deg,#9f2932,#6e1d24);border-color:#bb424b!important}.card-bottom button:hover{filter:brightness(1.15)}.picker-modal,.target-modal{background:#091827;border:1px solid #35516b;border-radius:20px;width:min(1050px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #000b}.search{color:#fff;background:#06121e;border:1px solid #36c8e8;border-radius:12px;outline:0;width:100%;padding:14px 16px;font-size:16px}.boss-picker-grid{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:20px;display:grid}.boss-picker-grid img{object-fit:contain;width:90px;height:92px}.boss-picker-grid strong{margin-top:5px;font-size:12px}.boss-picker-grid small{color:#6f9dc2;font-size:9px}.target-modal{width:min(920px,100%)}.close.static{border:1px solid #3b5268;border-radius:10px;width:38px;height:38px;position:static}.target-body{border-bottom:1px solid #263b50;grid-template-columns:170px 1fr 220px;align-items:center;gap:22px;padding:22px 0;display:grid}.target-boss{text-align:center}.target-boss img{object-fit:contain;background:#07131f;border:1px solid #2c455c;width:160px;height:170px}.target-boss span{color:#718ba3;margin-top:5px;font-size:11px;display:block}.target-timer p{color:#b8c6d4;font-weight:800}.target-timer small{color:#91a4b6;margin-top:8px;font-size:15px;display:block}.target-timer small b{color:#fff;font-size:20px}.map-clicker{cursor:crosshair;background:#06111d;border:1px solid #42647f;width:220px;height:220px;padding:0;position:relative;overflow:hidden}.map-clicker em{color:#dcf8ff;white-space:nowrap;background:#07121ed9;border-radius:20px;padding:5px 10px;font-size:10px;font-style:normal;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.target-settings{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.target-settings>label,.target-settings>div{background:#081421;border-radius:10px;padding:12px}.target-settings label div{display:flex}.target-settings input{color:#fff;background:#0e2031;border:1px solid #35516b;border-radius:7px 0 0 7px;width:100%;min-width:0;padding:9px}.target-settings label button{color:#fff;background:#1a7590;border:0;border-radius:0 7px 7px 0;padding:0 14px}.target-actions{grid-template-columns:1fr 1.25fr;gap:10px;display:grid}.target-actions button{cursor:pointer;border:1px solid #30465b;border-radius:9px;min-height:48px;font-weight:800}.confirm-box{background:#0b1a29;border:1px solid #3c5972;border-radius:16px;width:min(420px,100%);padding:24px}.confirm-box input{color:#fff;background:#07131e;border:1px solid #3d5a72;border-radius:9px;width:100%;padding:10px;font-size:28px}.confirm-box>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.confirm-box button{border:1px solid #345069;border-radius:8px;padding:11px}@media (width<=1050px){.card-visuals{grid-template-columns:95px 1fr 112px}.card-boss-gif{width:95px}.mini-map{width:112px;height:112px}.boss-picker-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=720px){.card-primary-status{max-width:100%}.card-visuals{grid-template-columns:82px 1fr}.card-boss-gif{width:82px;height:100px}.mini-map{grid-column:1/-1;width:100%;height:180px}.card-bottom{grid-template-columns:1fr 1fr}.cooldown-summary{grid-column:1/-1}.target-body{grid-template-columns:1fr}.target-boss img{width:130px;height:130px}.map-clicker{aspect-ratio:1;width:100%;height:auto}.target-settings{grid-template-columns:1fr}.boss-picker-grid{grid-template-columns:repeat(3,1fr)}}:root{--navy:#07111f;--line:#22344a;--muted:#92a4b9;--text:#f7fbff}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 75% 0,#142b45 0,#0000 34%),linear-gradient(145deg,#050b14,#091728 60%,#07111f);min-height:100vh;margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}button{font:inherit}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#050d17e6;border-bottom:1px solid #22364c;justify-content:space-between;align-items:center;min-height:86px;padding:14px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand,.top-actions,.card-top,.boss-name-row,.card-actions,.content-head{align-items:center;display:flex}.brand{gap:14px}.brand-mark{color:#f6d47a;border:2px solid #e6b74e;border-radius:12px;place-items:center;width:52px;height:52px;font-size:13px;font-weight:900;display:grid;box-shadow:inset 0 0 20px #d49e2828,0 0 20px #d49e2820}.brand h1{letter-spacing:2px;margin:0;font-size:21px}.brand p{color:#8899ad;margin:2px 0 0;font-size:13px}.top-actions{gap:14px}.online{color:#a9b7c7;font-size:14px}.online span{background:#2bd889;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #2bd889}.sound-button,.all-button{color:#dceaff;cursor:pointer;background:#10273b;border:1px solid #2b4963;border-radius:10px;padding:11px 15px}.sound-button.active{color:#afffe5;background:#123b35;border-color:#2ab688}.command-strip{background:#091422b5;border-bottom:1px solid #1d3044;align-items:stretch;gap:10px;padding:22px clamp(18px,4vw,64px);display:flex}.metric{color:#fff;cursor:pointer;text-align:left;background:#0c1b2b;border:1px solid #24384c;border-radius:12px;align-items:center;gap:11px;min-width:118px;padding:10px 15px;display:flex}.metric b{font-size:25px}.metric span{color:#aebbc9;font-size:13px}.metric.red b{color:#ff6b72}.metric.orange b{color:#ff9d4d}.metric.yellow b{color:#ffd257}.metric.blue b{color:#6cbcff}.all-button{margin-left:6px}.clock{text-align:right;color:#7f91a6;margin-left:auto;font-size:12px}.clock strong{color:#fff;letter-spacing:1px;font-size:23px;display:block}.content-head{justify-content:space-between;max-width:1500px;margin:auto;padding:34px clamp(18px,4vw,64px) 18px}.eyebrow{color:#43c9e8;text-transform:uppercase;letter-spacing:2px;margin:0 0 5px;font-size:11px;font-weight:800}.content-head h2,.position-modal h2{margin:0;font-size:27px}.legend{color:#8ea0b5;align-items:center;gap:7px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.dot.urgent{background:#ff9949}.dot.near{background:#ffd257}.dot.waiting{background:#4aa8ff}.boss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1500px;margin:0 auto;padding:0 clamp(18px,4vw,64px) 70px;display:grid}.boss-card{background:linear-gradient(145deg,#0e1c2c,#0a1624);border:1px solid #24384d;border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 35px #0004}.card-accent{background:#4aa8ff;width:4px;position:absolute;top:0;bottom:0;left:0}.boss-card.urgent .card-accent{background:#ff9949}.boss-card.near .card-accent{background:#ffd257}.boss-card.spawned .card-accent{background:#3ddd99}.boss-card.overdue .card-accent{background:#d981ff}.boss-card.empty .card-accent{background:#627184}.card-top{gap:13px}.monster-avatar{color:#ffe59b;background:radial-gradient(circle,#33475d,#142336);border:1px solid #546477;border-radius:12px;place-items:center;width:48px;height:48px;font-size:23px;font-weight:900;display:grid}.boss-title{flex:1;min-width:0}.boss-name-row{gap:8px}.boss-title h3{margin:0;font-size:20px}.boss-title p{color:#8799ac;margin:4px 0 0;font-size:13px}.priority{color:#ffb8b8;letter-spacing:.5px;background:#6e2c31;border-radius:20px;padding:3px 7px;font-size:9px}.status-pill{color:#80c8ff;border:1px solid #34506b;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.status-pill.urgent{color:#ffb274;background:#3c2717;border-color:#7e4d29}.status-pill.near{color:#ffe082;border-color:#806b29}.status-pill.spawned{color:#7bf2bb;background:#14392b;border-color:#247854}.status-pill.overdue{color:#e3a8ff;border-color:#74438a}.countdown-wrap{text-align:center;border-bottom:1px solid #203246;padding:22px 10px 18px}.countdown-wrap p{color:#a7b6c5;margin:0;font-size:13px}.countdown{letter-spacing:2px;color:#eaf7ff;text-shadow:0 0 20px #58c6ff30;font-family:Consolas,monospace;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.15}.boss-card.urgent .countdown{color:#ffad69}.boss-card.near .countdown{color:#ffe078}.boss-card.spawned .countdown{color:#65edaf}.boss-card.overdue .countdown{color:#dfa2ff}.countdown-wrap small{color:#65788d}.boss-details{grid-template-columns:1fr 1fr;gap:10px;padding:15px 0;display:grid}.boss-details>div,.position-box{text-align:left;color:#fff;background:#0a1522;border:0;border-radius:9px;padding:9px 11px}.boss-details span{color:#6f8398;margin-bottom:3px;font-size:10px;display:block}.boss-details strong{font-size:13px}.position-box{cursor:pointer;border:1px solid #0000}.position-box:hover{border-color:#375774}.card-actions{gap:9px}.card-actions button{cursor:pointer;border:1px solid #2b4055;border-radius:9px;flex:1;padding:10px;font-size:12px;font-weight:700}.secondary{color:#c9d5e1;background:#101f2e}.kill-button{color:#fff;background:linear-gradient(135deg,#a92e35,#7c2027);box-shadow:0 5px 16px #8d23293b;border-color:#bd454d!important}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060cbb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.position-modal{background:#0d1a29;border:1px solid #35506b;border-radius:18px;width:min(480px,100%);padding:25px;position:relative;box-shadow:0 30px 80px #0009}.close{color:#95a7ba;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:15px}.modal-help{color:#8295a9;margin-top:7px;font-size:13px}.map-grid{background:linear-gradient(30deg,#132538,#1b3449);border:1px solid #34536d;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding:12px;display:grid}.map-grid button{color:#dcefff;cursor:pointer;background:#0b1928b8;border:1px solid #42617b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:76px;display:flex}.map-grid button:hover{background:#17415c;border-color:#55c3e1}.map-grid b{font-size:20px}.map-grid span{color:#87a1b8;font-size:9px}@media (width<=900px){.boss-grid{grid-template-columns:1fr}.command-strip{overflow-x:auto}.clock,.legend,.top-actions .online{display:none}}@media (width<=600px){.topbar{position:relative}.brand h1{font-size:16px}.brand-mark{width:44px;height:44px}.sound-button{padding:11px;font-size:0}.sound-button:first-letter{font-size:18px}.command-strip{padding:14px 16px}.metric{min-width:93px;padding:8px 10px}.metric b{font-size:20px}.all-button{min-width:105px}.content-head{padding-top:24px}.boss-card{padding:16px}.status-pill{position:absolute;top:14px;right:14px}.boss-name-row{padding-right:70px}.boss-details{grid-template-columns:1fr 1.25fr}}.entry-loading,.entry-page{color:#eef8ff;background:#030912;min-height:100vh}.entry-loading{place-items:center;font-size:18px;display:grid}.entry-page{isolation:isolate;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(26px,5vw,76px);display:grid;position:relative;overflow:hidden}.entry-scene,.entry-scene:after,.entry-scene-image{pointer-events:none;position:absolute;inset:0}.entry-scene{z-index:-2;background:radial-gradient(circle at 43% 45%,#0b719b44,#0000 34%),linear-gradient(100deg,#02070c 0%,#061422 50%,#07101b 100%);overflow:hidden}.entry-scene-image{opacity:.64;filter:saturate(.9)contrast(1.08);background-image:url(/assets/entry-hi-class-battle.webp);background-position:50%;background-size:cover;animation:16s ease-in-out infinite alternate entryDrift}.entry-scene:after{content:"";background:linear-gradient(90deg,#020812 0%,#020812b8 22%,#0000 55%,#020812e6 75%,#020812 100%),linear-gradient(#02071266 0%,#0000 65%,#030912 100%)}.entry-hero{text-shadow:0 3px 18px #000;max-width:790px;position:relative}.entry-brand{align-items:flex-start;gap:20px;display:flex}.entry-brand>img{width:74px;height:74px;image-rendering:pixelated;background:#05131fe8;border:1px solid #65e4f4;border-radius:18px;padding:10px;box-shadow:0 0 30px #37cdec55}.entry-brand p{color:#7beeff;letter-spacing:.18em;margin:5px 0 12px;font-size:12px;font-weight:900}.entry-brand h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(56px,7vw,112px);line-height:.78}.entry-brand h1 span{color:#ffd769;text-shadow:0 0 28px #d98b2088,0 3px 18px #000;margin-top:18px;display:inline-block}.entry-copy{color:#c5d7e4;max-width:610px;margin:30px 0 16px;font-size:clamp(15px,1.2vw,19px);line-height:1.7}.entry-live{color:#8da9bb;letter-spacing:.12em;background:#071827cc;border:1px solid #2e5269;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:900;display:inline-flex}.entry-live span{background:#5af0ae;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite entryPulse;box-shadow:0 0 15px #5af0ae}.entry-bosses{align-items:end;gap:8px;min-height:140px;margin:24px 0 18px;display:flex}.entry-bosses figure{place-items:center;width:104px;margin:0;animation:4s ease-in-out infinite bossFloat;display:grid;position:relative}.entry-bosses figure:nth-child(2){animation-delay:-1s}.entry-bosses figure:nth-child(3){animation-delay:-2s}.entry-bosses figure:nth-child(4){animation-delay:-3s}.entry-bosses img{object-fit:contain;filter:drop-shadow(0 14px 12px #000b)drop-shadow(0 0 12px #4bdcf733);width:100px;height:112px}.entry-bosses figcaption{letter-spacing:.12em;color:#7f9db1;opacity:0;font-size:9px;transition:all .2s;transform:translateY(4px)}.entry-bosses figure:hover figcaption{opacity:1;transform:none}.entry-facebook{color:#65dff1;letter-spacing:.08em;border-bottom:1px dashed #65dff1;font-size:12px;text-decoration:none;display:inline-flex}.entry-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#091b2af2,#07121eef);border:1px solid #315671;border-radius:24px;justify-self:end;width:100%;max-width:500px;padding:30px;position:relative;box-shadow:0 30px 100px #000b,0 0 40px #3dd8ff0c}.entry-card:before{content:"COMMAND ACCESS";color:#61def0;letter-spacing:.2em;background:#071622;padding:3px 9px;font-size:9px;font-weight:900;position:absolute;top:-10px;left:24px}.entry-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.entry-tabs button,.entry-submit,.entry-register{color:#dcecff;cursor:pointer;background:#102639;border:1px solid #31536d;border-radius:10px;padding:12px 14px;font-weight:900}.entry-tabs button.active,.entry-submit{color:#fff;background:linear-gradient(135deg,#0782ad,#10a6c7);border-color:#53dff3;box-shadow:0 8px 24px #0c91b72e}.entry-kicker{color:#4ad8ee;letter-spacing:.18em;font-size:12px;font-weight:900}.entry-card h2{margin:3px 0;font-size:clamp(25px,2vw,34px)}.entry-note{color:#9bb0c4}.entry-card label{color:#a9bdcf;gap:7px;margin:14px 0;font-weight:800;display:grid}.entry-card input{color:#fff;min-height:48px;font:inherit;background:#04101b;border:1px solid #35536b;border-radius:10px;padding:0 13px;transition:all .2s}.entry-card input:focus{border-color:#52d9ee;outline:none;box-shadow:0 0 0 3px #36c7e51c}.entry-submit{width:100%;margin-top:8px}.entry-register{background:0 0;width:100%;margin-top:10px}.entry-error{color:#ffd5df;background:#491e29;border:1px solid #a4485e;border-radius:9px;padding:10px 12px}.entry-success{color:#c9ffeb;background:#123c31;border:1px solid #2d9273;border-radius:9px;padding:10px 12px}.activity-strip{background:#081827;border:1px solid #29445c;border-radius:12px;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:18px;margin:0 0 16px;padding:12px 16px;display:grid}.activity-strip-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-strip-head strong,.activity-strip-head span{display:block}.activity-strip-head span{color:#7f99ae;margin-top:3px;font-size:12px}.activity-strip-head button{color:#dcecff;cursor:pointer;background:#10283b;border:1px solid #3b5870;border-radius:8px;padding:7px 10px}.activity-feed{gap:10px;min-width:0;display:flex;overflow:auto hidden}.activity-feed>div,.activity-feed>p{color:#cbdbea;background:#0d2234;border-radius:8px;min-width:max-content;margin:0;padding:7px 10px;font-size:12px}.activity-feed time{color:#53d8ed;font-weight:900}.entry-magic{filter:blur(2px);opacity:.35;mix-blend-mode:screen;border-radius:50%;position:absolute}.magic-one{background:radial-gradient(circle,#60eaff55,#0000 65%);width:280px;height:280px;animation:9s linear infinite magicOrbit;top:24%;left:36%}.magic-two{background:radial-gradient(circle,#e853ff44,#0000 68%);width:180px;height:180px;animation:13s linear infinite reverse magicOrbit;bottom:8%;left:8%}.entry-embers i{left:calc((var(--n,1))*5%);background:#ffd86b;border-radius:50%;width:3px;height:3px;animation:8s linear infinite emberRise;position:absolute;bottom:-10px;box-shadow:0 0 9px #ffb42e}.entry-embers i:first-child{--n:1;animation-delay:-1s}.entry-embers i:nth-child(2){--n:2;animation-delay:-5s}.entry-embers i:nth-child(3){--n:3;animation-delay:-3s}.entry-embers i:nth-child(4){--n:4;animation-delay:-7s}.entry-embers i:nth-child(5){--n:5;animation-delay:-2s}.entry-embers i:nth-child(6){--n:6;animation-delay:-6s}.entry-embers i:nth-child(7){--n:7;animation-delay:-4s}.entry-embers i:nth-child(8){--n:8;animation-delay:-1s}.entry-embers i:nth-child(9){--n:9;animation-delay:-5s}.entry-embers i:nth-child(10){--n:10;animation-delay:-2s}.entry-embers i:nth-child(11){--n:11;animation-delay:-7s}.entry-embers i:nth-child(12){--n:12;animation-delay:-3s}.entry-embers i:nth-child(13){--n:13;animation-delay:-6s}.entry-embers i:nth-child(14){--n:14;animation-delay:-4s}.entry-embers i:nth-child(15){--n:15;animation-delay:-8s}.entry-embers i:nth-child(16){--n:16;animation-delay:-3s}.entry-embers i:nth-child(17){--n:17;animation-delay:-6s}.entry-embers i:nth-child(18){--n:18;animation-delay:-1s}@keyframes entryDrift{0%{transform:scale(1.03)translate(-.5%)}to{transform:scale(1.09)translate(1.5%,-1%)}}@keyframes bossFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes entryPulse{50%{opacity:.35;transform:scale(.75)}}@keyframes magicOrbit{50%{transform:translate(30px,-22px)scale(1.15)}}@keyframes emberRise{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}to{opacity:0;transform:translate(30px,-105vh)}}@media (width<=900px){.entry-page{grid-template-columns:1fr;padding:24px}.entry-card{justify-self:stretch;max-width:none}.entry-bosses{min-height:90px}.entry-bosses img{width:62px;height:82px}.activity-strip{grid-template-columns:1fr}.activity-feed{padding-bottom:3px}}.account-menu{position:relative}.account-menu summary{color:#dcecff;cursor:pointer;background:#102538;border:1px solid #31516a;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:6px 9px;font-size:11px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary b{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.account-menu summary i{color:#7f9bae;font-style:normal}.account-avatar{color:#68e2f1;background:#15435a;border-radius:7px;place-items:center;width:26px;height:26px;font-weight:950;display:grid}.account-menu-popover{z-index:90;color:#e9f7ff;background:#071725;border:1px solid #34536a;border-radius:12px;width:225px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 55px #000b}.account-menu-name{border-bottom:1px solid #243d50;margin-bottom:5px;padding:8px 9px 10px}.account-menu-name small,.account-menu-name strong{display:block}.account-menu-name small{color:#6f8ca0;font-size:9px}.account-menu-name strong{margin-top:3px}.account-menu-popover a,.account-menu-popover button{color:#c8d9e5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:9px;font-size:11px;text-decoration:none;display:block}.account-menu-popover a:hover,.account-menu-popover button:hover{color:#fff;background:#102b3d}.account-menu-popover button{color:#ffafb9;border-top:1px solid #243d50;border-radius:0;margin-top:4px}.entry-home-link{z-index:5;color:#90e8f4;font-size:12px;font-weight:900;text-decoration:none;position:absolute;top:22px;left:25px}.entry-public-mark{color:#f5ce68;background:#05131fe8;border:1px solid #65e4f4;border-radius:18px;place-items:center;width:74px;height:74px;font-weight:950;display:grid;box-shadow:0 0 30px #37cdec55}@media (width<=700px){.account-menu summary b,.account-menu summary i{display:none}.account-menu summary{padding:5px}.account-menu-popover{width:auto;position:fixed;inset:auto 12px 12px}.entry-home-link{top:14px;left:16px}}.account-avatar{border-radius:50%;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.online.offline span{background:#f0a344;box-shadow:0 0 10px #f0a344}.kill-button:disabled{opacity:.55;cursor:wait}.sync-indicator{color:#cfe0ed;background:#091a28;border:1px solid #2c4d64;border-radius:11px;justify-content:flex-start;align-items:center;gap:9px;min-width:250px;padding:8px 10px;display:flex;box-shadow:inset 0 1px #ffffff08}.sync-indicator>i{background:#52a8d5;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #52a8d51c}.sync-indicator>div{gap:1px;min-width:0;display:grid}.sync-indicator strong{font-size:11px;line-height:1.2}.sync-indicator span{color:#88a0b2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.sync-indicator button{color:#fff;cursor:pointer;background:#4b1c27;border:1px solid #df6471;border-radius:7px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:900}.sync-indicator button:disabled{opacity:.5;cursor:not-allowed}.sync-indicator.ready>i,.sync-indicator.synced>i{background:#30dc8c;box-shadow:0 0 0 4px #30dc8c1c,0 0 10px #30dc8c}.sync-indicator.syncing>i,.sync-indicator.loading>i{background:#ffd05a;animation:1s ease-in-out infinite sync-pulse;box-shadow:0 0 0 4px #ffd05a1c}.sync-indicator.error{background:#28141b;border-color:#8d3d4a}.sync-indicator.error>i{background:#ff6271;box-shadow:0 0 0 4px #ff62711c}.sync-indicator.offline{background:#171d23;border-color:#5a6470}.sync-indicator.offline>i{box-shadow:none;background:#7d8995}.sync-indicator.compact{min-width:0;padding:6px 9px}.sync-indicator.compact span{max-width:260px}@keyframes sync-pulse{50%{opacity:.45;transform:scale(.82)}}@media (width<=700px){.sync-indicator{width:100%;min-width:0}.sync-indicator span{white-space:normal}.sync-indicator.compact span{max-width:none}}.add-boss{color:#ffe493;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#5a4315,#241d0e);border:1px solid #d9aa42;border-radius:10px;padding:11px 17px;font-weight:800}.empty-state{text-align:center;background:#0a1725aa;border:1px dashed #34506b;border-radius:20px;max-width:620px;margin:20px auto 70px;padding:55px 25px}.empty-state h3{margin:15px 0 5px;font-size:22px}.empty-state p{color:#8295a9;margin:0 0 22px}.empty-orb{color:#66d9f2;background:#15344c;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:32px;display:grid}.monster-avatar.image{background:#081320;overflow:hidden}.monster-avatar.image img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.boss-card{cursor:pointer;transition:transform .18s,border-color .18s}.boss-card:hover{border-color:#4a6d8d;transform:translateY(-2px)}.card-visuals{border-bottom:1px solid #203246;grid-template-columns:110px 1fr 126px;align-items:center;gap:10px;padding:12px 0;display:grid}.card-boss-gif{object-fit:contain;background:#07111d;border:1px solid #21374b;width:110px;height:120px}.card-visuals .countdown-wrap{border:0;padding:10px 0}.mini-map{background:#06101c;border:1px solid #35516a;width:126px;height:126px;position:relative;overflow:hidden}.mini-map img,.map-clicker img{object-fit:cover;width:100%;height:100%}.map-pin{color:#061a12;background:#22d991;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #22d99155,0 2px 10px #000}.picker-modal{background:#0b1826;border:1px solid #35516a;border-radius:19px;flex-direction:column;width:min(1050px,96vw);height:min(820px,92vh);padding:28px;display:flex;position:relative}.picker-modal h2{margin:0 0 15px}.search{color:#fff;background:#07131f;border:1px solid #36536d;border-radius:11px;outline:0;width:100%;padding:13px 15px}.search:focus{border-color:#4ec6e4;box-shadow:0 0 0 3px #4ec6e422}.boss-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:15px;padding-right:5px;display:grid;overflow:auto}.boss-picker-grid button{color:#fff;cursor:pointer;background:#0e2032;border:1px solid #274056;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:150px;padding:9px;display:flex}.boss-picker-grid button:hover{background:#173049;border-color:#d2a740}.boss-picker-grid img{object-fit:contain;width:85px;height:92px;margin:auto}.boss-picker-grid strong{font-size:12px;line-height:1.2}.boss-picker-grid small{color:#738ba1;margin-top:3px;font-size:9px}.target-modal{background:linear-gradient(145deg,#0d1d2d,#091522);border:1px solid #385873;border-radius:19px;width:min(920px,96vw);padding:23px;position:relative;box-shadow:0 40px 100px #000b}.target-head{border-bottom:1px solid #263b50;align-items:center;gap:13px;padding-bottom:15px;display:flex}.target-head>img{object-fit:contain;background:#07121e;border:1px solid #3a566e;border-radius:10px;width:58px;height:58px}.target-head h2{margin:0;font-size:24px}.target-head span{color:#7f96aa;font-size:12px}.target-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.close.static{position:static}.cancel-timer{color:#ffadb2;cursor:pointer;background:#3b171b;border:1px solid #76323a;border-radius:9px;padding:9px 12px}.target-body{grid-template-columns:190px 1fr 250px;align-items:center;gap:16px;padding:20px 0;display:grid}.target-boss{background:#07131f;border:1px solid #273e53;flex-direction:column;justify-content:center;align-items:center;height:220px;display:flex}.target-boss img{object-fit:contain;width:170px;height:175px}.target-boss span{color:#6f8599;font:10px Consolas}.target-timer{text-align:center}.target-timer p{color:#9aabba;font-size:13px}.target-timer small{color:#72879a}.target-timer .countdown{font-size:48px}.target-timer .countdown.urgent{color:#ffad69}.target-timer .countdown.near{color:#ffe078}.target-timer .countdown.spawned{color:#65edaf}.target-timer .countdown.overdue{color:#dfa2ff}.map-clicker{cursor:crosshair;background:#06111e;border:1px solid #47708d;height:250px;padding:0;position:relative;overflow:hidden}.map-clicker em{color:#dff7ff;background:#06111ecc;border-radius:6px;padding:5px 8px;font-size:10px;font-style:normal;position:absolute;bottom:7px;left:7px}.map-pin.large{width:34px;height:34px}.target-settings{grid-template-columns:1fr 1fr;gap:10px;display:grid}.target-settings>label,.target-settings>div{background:#081522;border:1px solid #223a50;border-radius:10px;padding:11px}.target-settings span{color:#71869a;margin-bottom:5px;font-size:10px;display:block}.target-settings label>div{gap:6px;display:flex}.target-settings input{color:#fff;background:#0e2335;border:1px solid #35536c;border-radius:7px;flex:1;min-width:0;padding:8px}.target-settings button{color:#fff;cursor:pointer;background:#1a4d63;border:1px solid #32718b;border-radius:7px;padding:8px 12px}.target-actions{gap:10px;margin-top:12px;display:flex}.target-actions button{border-radius:10px;flex:1;padding:13px}.confirm-backdrop{z-index:60;background:#01040ad9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-box{text-align:center;background:#0c1b2a;border:1px solid #45647c;border-radius:16px;width:min(390px,94vw);padding:25px}.confirm-box h3{margin:0}.confirm-box p{color:#8fa1b3}.confirm-box>input{color:#fff;text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07131f;border:1px solid #3a5a73;border-radius:10px;width:100%;padding:12px;font:700 30px Consolas}.confirm-box>div{gap:8px;margin-top:16px;display:flex}.confirm-box button{border:1px solid #31506a;border-radius:9px;flex:1;padding:11px}.confirm{color:#fff;background:#1e6b5b}.map-clicker .map-pin{pointer-events:none}@media (width<=1050px){.boss-picker-grid{grid-template-columns:repeat(4,1fr)}.target-body{grid-template-columns:150px 1fr 210px}.target-boss img{width:135px}.card-visuals{grid-template-columns:90px 1fr 110px}.card-boss-gif{width:90px}.mini-map{width:110px;height:110px}}@media (width<=720px){.add-boss{padding:10px 12px}.clock{display:none}.boss-picker-grid{grid-template-columns:repeat(3,1fr)}.picker-modal{padding:20px}.target-modal{max-height:94vh;padding:16px;overflow:auto}.target-body{grid-template-columns:1fr 1fr}.target-boss{height:170px}.target-boss img{height:135px}.target-timer{grid-area:1/1/auto/-1}.map-clicker{height:180px}.target-settings{grid-template-columns:1fr}.card-visuals{grid-template-columns:80px 1fr}.mini-map{display:none}.card-boss-gif{width:80px;height:100px}.target-head-actions .cancel-timer{padding:9px;font-size:0}.target-head-actions .cancel-timer:after{content:"ยกเลิก";font-size:11px}}@media (width<=460px){.boss-picker-grid{grid-template-columns:repeat(2,1fr)}.target-body{grid-template-columns:1fr}.target-timer{grid-area:auto}.target-boss{display:none}.map-clicker{height:260px}.target-actions{flex-direction:column}.card-visuals{grid-template-columns:1fr}.card-boss-gif{display:none}}.view-link,.table-nav a{color:#d9edff;background:#102438;border:1px solid #2d4a62;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none}.view-link:hover,.table-nav a:hover,.table-nav a.active{color:#fff;background:#15354c;border-color:#4cc8e7}.table-page{min-height:100vh}.table-topbar{position:relative}.table-nav{gap:8px;display:flex}.table-hero{justify-content:space-between;align-items:flex-end;max-width:1700px;margin:auto;padding:30px clamp(18px,3vw,48px) 17px;display:flex}.table-hero h2{margin:0;font-size:30px}.table-hero>div>p:last-child{color:#91a5b9;margin:5px 0 0}.table-sync{color:#9eb0c2;font-size:13px}.table-sync>span{background:#30dc8c;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #30dc8c}.table-sync b{color:#7ff0b9}.table-toolbar{justify-content:space-between;gap:16px;max-width:1700px;margin:auto;padding:0 clamp(18px,3vw,48px) 12px;display:flex}.table-toolbar-left{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.table-toolbar input{color:#fff;background:#091827;border:1px solid #31516c;border-radius:9px;outline:0;width:min(420px,100%);padding:11px 14px}.table-toolbar input:focus{border-color:#45d4ed}.left-update-toggle{color:#fff;cursor:pointer;white-space:nowrap;background:#0c5680;border:1px solid #218dbc;border-radius:9px;height:40px;padding:0 13px;font-size:11px;font-weight:900}.left-update-toggle:hover,.left-update-toggle.active{background:#08755e;border-color:#4ee2bc;box-shadow:0 0 0 2px #22d7a51c}.table-legend{color:#92a6ba;align-items:center;gap:7px;font-size:11px;display:flex}.table-legend i{border-radius:50%;width:8px;height:8px;margin-left:8px}.table-legend .spawned{background:#42df9b}.table-legend .urgent{background:#ff9b4c}.table-legend .near{background:#ffd45f}.table-legend .waiting{background:#56afff}.boss-table-wrap{max-width:1700px;margin:0 auto 60px;padding:0 clamp(18px,3vw,48px);overflow:auto}.boss-table{border-collapse:separate;border-spacing:0;color:#102033;background:#eef3f7;border:1px solid #34536d;border-radius:12px;width:100%;min-width:1050px;overflow:hidden;box-shadow:0 18px 45px #0005}.boss-table.has-left-update{min-width:1125px}.boss-table th{z-index:2;color:#fff;white-space:nowrap;background:#0e568d;border-bottom:2px solid #082f50;border-right:1px solid #b8c6d2;padding:10px 8px;font-size:13px;position:sticky;top:0}.boss-table th.editable-head{background:#dc8a08}.boss-table td{text-align:center;border-bottom:1px solid #c2ccd5;border-right:1px solid #c2ccd5;height:48px;padding:5px 9px;font-size:13px}.boss-table tbody tr:nth-child(2n) td{background:#e3e9ee}.boss-table tbody tr:hover td{background:#fff7d5}.boss-table td.boss-cell{text-align:left;min-width:170px}.boss-cell strong{font-size:14px;display:block}.boss-cell small{color:#708397}.number-col{color:#66788a;width:42px}.left-update-col{width:76px;min-width:76px;left:0;box-shadow:3px 0 8px #00101a20;z-index:3!important;background:#d8e5ed!important;padding:5px!important;position:sticky!important}.boss-table th.left-update-col{color:#dff8ff;z-index:5!important;background:#075780!important}.left-update-col button{color:#fff;cursor:pointer;background:#087eb4;border:1px solid #0875a8;border-radius:7px;width:100%;height:34px;font-size:10px;font-weight:900}.left-update-col button:hover{background:#075d88}.left-update-col button:disabled{opacity:.55;cursor:wait}.item-col{width:68px}.item-col img{object-fit:contain;vertical-align:middle;width:52px;height:42px}.map-cell{min-width:145px;font-weight:800}.editable-cell{background:#d9effa!important;padding:4px!important}.editable-cell input{text-align:center;color:#071827;background:#f4fbff;border:2px solid #0000;border-radius:5px;outline:0;width:100%;height:38px;font-size:16px;font-weight:900}.editable-cell input:focus{background:#fff;border-color:#0879c0;box-shadow:inset 0 0 0 1px #76c9fa}.spawn-cell{font-variant-numeric:tabular-nums;font-weight:900}.table-status{color:#536475;background:#d4dde5;border-radius:20px;min-width:88px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-block}.table-status.waiting{color:#1768a4;background:#d7ecff}.table-status.near{color:#735d00;background:#fff2b9}.table-status.urgent{color:#a34800;background:#ffe1c8}.table-status.spawned{color:#087244;background:#c8f4df}.table-status.overdue{color:#71328c;background:#ebd5f7}.row-urgent td:first-child{box-shadow:inset 4px 0 #ff9b4c}.row-near td:first-child{box-shadow:inset 4px 0 #ffd45f}.row-spawned td:first-child{box-shadow:inset 4px 0 #42df9b}.row-overdue td:first-child{box-shadow:inset 4px 0 #c07ae4}@media (width<=800px){.table-topbar{align-items:flex-start;gap:12px}.table-nav{flex-direction:column}.table-nav a{padding:8px 10px}.table-hero{flex-direction:column;align-items:flex-start;gap:14px}.table-toolbar{flex-direction:column}.table-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.left-update-toggle{width:100%}.table-legend{white-space:nowrap;overflow:auto}.top-actions .view-link{display:block}.table-sync{font-size:11px}}.table-sync-notice{color:#94aabc;text-align:right;max-width:360px;font-size:10px}.entry-links{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.entry-links button{color:#70dff0;cursor:pointer;background:0 0;border:0;padding:5px 0}.entry-legacy-note{color:#a9bac8;background:#091826;border:1px solid #3d5366;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:12px;line-height:1.5}.message-center{position:relative}.message-button{color:#dcecff;cursor:pointer;background:#102639;border:1px solid #31536d;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:9px 12px;font-weight:700;display:flex;position:relative}.message-button b{color:#fff;background:#ff6675;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-7px;right:-6px}.message-backdrop{z-index:298;background:#0208128c;border:0;position:fixed;inset:0}.message-drawer{z-index:299;background:#071522;border-left:1px solid #31536d;flex-direction:column;width:min(420px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-25px 0 70px #0009}.message-drawer>header{border-bottom:1px solid #233b50;justify-content:space-between;align-items:center;padding:22px;display:flex}.message-drawer h2{margin:2px 0 0}.message-drawer header small{color:#59d9ec;letter-spacing:.15em;font-weight:800}.message-drawer header button{color:#adbdca;cursor:pointer;background:0 0;border:0;font-size:30px}.message-list{padding:14px;overflow:auto}.message-list article{background:#0b1d2c;border:1px solid #29465d;border-radius:12px;margin-bottom:10px;padding:14px}.message-list article.unread{border-color:#4bcde1;box-shadow:inset 3px 0 #4bcde1}.message-list article>div{color:#6fd9ea;justify-content:space-between;font-size:10px;display:flex}.message-list h3{margin:7px 0 5px;font-size:15px}.message-list p{color:#b8c7d3;margin:0;line-height:1.55}.message-list article>small{color:#ffcc68;margin-top:8px;display:block}.message-list a{color:#62deef;margin-top:10px;text-decoration:none;display:inline-block}.message-empty{text-align:center;color:#7f94a6;padding:40px}.portal-loading,.admin-loading{color:#dbeeff;background:#040c15;place-items:center;min-height:100vh;display:grid}.portal-page,.admin-page{color:#eef8ff;background:radial-gradient(circle at 90% 0,#15334d 0,#0000 32%),#050d17;min-height:100vh;padding-bottom:70px}.portal-topbar,.admin-topbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06101be8;border-bottom:1px solid #233b50;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.portal-brand{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.portal-brand>b{color:#f4c95d;border:1px solid #e0b74e;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.portal-brand span,.portal-brand small{display:block}.portal-brand small{color:#8097a9;font-size:10px}.portal-topbar nav,.admin-topbar nav{align-items:center;gap:10px;display:flex}.portal-topbar nav>a,.portal-topbar nav>button,.admin-topbar a{color:#dcecff;cursor:pointer;background:#102639;border:1px solid #31536d;border-radius:10px;align-items:center;min-height:42px;padding:9px 12px;text-decoration:none;display:flex}.portal-topbar .admin-link{color:#f4c95d;border-color:#725e29}.portal-hero{justify-content:space-between;align-items:end;gap:20px;max-width:1450px;margin:0 auto;padding:42px clamp(18px,4vw,56px) 26px;display:flex}.portal-hero p,.portal-panel-head p,.admin-panel-head p,.admin-topbar p{color:#50d4e8;letter-spacing:.18em;margin:0;font-size:10px;font-weight:900}.portal-hero h1{margin:5px 0;font-size:clamp(31px,4vw,52px)}.portal-hero small{color:#93a8b9}.portal-role{color:#9aa7b5;border:1px solid #43566a;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}.portal-role.admin,.role-admin{color:#f4c95d!important}.portal-alert{border-radius:10px;max-width:1338px;margin:0 auto 15px;padding:11px 14px}.portal-alert.error{color:#ffd5df;background:#491e29;border:1px solid #a4485e}.portal-alert.success{color:#c9ffeb;background:#123c31;border:1px solid #2d9273}.portal-panel,.admin-panel{background:linear-gradient(145deg,#0b1c2b,#081521);border:1px solid #29445b;border-radius:17px;max-width:1338px;margin:0 auto 18px;padding:22px;box-shadow:0 16px 40px #0003}.portal-panel-head,.admin-panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.portal-panel-head h2,.admin-panel-head h2{margin:3px 0 0}.portal-panel-head>span,.admin-panel-head>span{color:#8ba0b1;font-size:12px}.portal-empty{text-align:center;color:#8198ab;border:1px dashed #35536b;border-radius:12px;padding:30px}.membership-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.membership-grid article{background:#0c2131;border:1px solid #2e4d63;border-radius:13px;justify-content:space-between;align-items:end;gap:14px;padding:17px;display:flex}.membership-grid h3{margin:8px 0 2px}.membership-grid p,.membership-grid small{color:#8199ab;margin:0}.membership-grid button,.request-form button,.create-group-form button,.password-panel button{color:#fff;cursor:pointer;white-space:nowrap;background:#0b8db0;border:1px solid #4ed7eb;border-radius:9px;padding:10px 14px;font-weight:800}.role-badge{border:1px solid;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.role-badge.leader,.role-leader{color:#ff6675}.role-badge.timekeeper{color:#39cc83}.role-badge.viewer{color:#9aa7b5}.portal-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:1338px;margin:0 auto;display:grid}.portal-grid>.portal-panel{width:100%;margin:0}.request-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.request-form label{color:#9bb0c1;gap:6px;font-size:12px;display:grid}.request-form input,.request-form textarea,.create-group-form input,.create-group-form select,.password-panel input{color:#fff;background:#06131e;border:1px solid #35536b;border-radius:9px;width:100%;padding:11px 12px}.request-form textarea{resize:vertical;min-height:86px}.request-form label:nth-child(4),.request-form button{grid-column:1/-1}.request-history{gap:8px;display:grid}.request-history article{background:#0a1b29;border:1px solid #29455a;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;padding:12px;display:grid}.request-history article div span,.request-history article div strong{display:block}.request-history article div span,.request-history article>small{color:#849aab;font-size:11px}.request-history article>small{grid-column:1/-1}.request-status{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-flex}.request-status.pending{color:#ffd257}.request-status.approved,.request-status.created{color:#39cc83}.request-status.rejected,.request-status.expired{color:#ff6675}.approved-panel{background:linear-gradient(145deg,#0b2a24,#081b1b);border-color:#34765d}.create-group-form{grid-template-columns:1.2fr 1fr auto;gap:10px;display:grid}.password-panel{border-color:#806b29;grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.password-panel>div>p{color:#f4c95d;letter-spacing:.16em;font-size:10px;font-weight:900}.password-panel h2{margin:4px 0}.password-panel span{color:#9dafbd}.password-panel form{grid-template-columns:1fr 1fr;gap:9px;display:grid}.password-panel button{grid-column:1/-1}.admin-page{padding-bottom:80px}.admin-topbar{max-width:none;padding-block:22px;position:relative}.admin-topbar>div>a{background:0 0;border:0;min-height:auto;margin-bottom:9px;padding:0;display:inline-flex}.admin-topbar h1{margin:3px 0 0}.admin-identity{color:#f4c95d;border:1px solid #725e29;border-radius:999px;padding:8px 12px;font-size:11px}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1338px;margin:24px auto 18px;display:grid}.admin-metrics article{background:#0b1b29;border:1px solid #2b465c;border-radius:14px;padding:18px}.admin-metrics span,.admin-metrics small{color:#8499aa;display:block}.admin-metrics b{margin:6px 0;font-size:28px;display:block}.admin-metrics .pending b{color:#ffd257}.admin-table-wrap{overflow:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.admin-table-wrap th,.admin-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #1f3649;padding:11px 10px}.admin-table-wrap th{color:#8298aa;letter-spacing:.08em;font-size:10px}.admin-table-wrap td{font-size:13px}.admin-table-wrap small{color:#8499aa;line-height:1.45}.admin-table-wrap code{color:#61dcec}.account-row-online{background:linear-gradient(90deg,#17654324,#0000 48%)}.account-presence{white-space:nowrap;align-items:center;gap:8px;font-weight:900;display:inline-flex}.account-presence i{background:#637889;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #63788916}.account-presence.online{color:#43e99c}.account-presence.online i{background:#35ec94;box-shadow:0 0 0 4px #35ec9418,0 0 12px #35ec94}.account-presence.offline{color:#8b9ba8}.account-presence.blocked{color:#ff7180}.account-presence.blocked i{background:#ff5e70;box-shadow:0 0 0 3px #ff5e7018}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-actions button{color:#fff;cursor:pointer;background:#102b3e;border:1px solid #35566f;border-radius:7px;padding:7px 9px;font-size:11px}.admin-actions .approve{background:#126a53;border-color:#298a70}.admin-actions .reject{background:#6f2c38;border-color:#9b4554}.audit-list{gap:7px;display:grid}.audit-list>div{border:1px solid #263e52;border-radius:8px;grid-template-columns:150px 1fr 180px;gap:10px;padding:9px 11px;display:grid}.audit-list time,.audit-list span{color:#8095a7;font-size:11px}.support-banner{color:#ffe49a;background:#5b4717;border-bottom:1px solid #8e6f25;justify-content:center;align-items:center;gap:12px;padding:9px 16px;font-size:12px;font-weight:700;display:flex}.support-banner a{color:#fff}.critical-pin{color:#ffdb85;text-align:left;gap:7px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.critical-pin input{color:#fff;letter-spacing:.2em;background:#07131e;border:1px solid #806b29;border-radius:9px;width:100%;padding:10px 12px;font-size:18px}.critical-pin input:focus{border-color:#f4c95d;outline:none;box-shadow:0 0 0 3px #f4c95d20}@media (width<=1000px){.membership-grid{grid-template-columns:1fr 1fr}.portal-grid,.password-panel{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.portal-panel,.admin-panel,.portal-alert,.admin-metrics,.portal-grid{margin-left:16px;margin-right:16px}.portal-grid{width:auto}.password-panel form{grid-template-columns:1fr}}@media (width<=700px){.portal-topbar,.admin-topbar{align-items:flex-start}.portal-topbar nav,.admin-topbar nav{flex-wrap:wrap;justify-content:flex-end}.portal-topbar .admin-link{font-size:0}.portal-topbar .admin-link:after{content:"🛡";font-size:18px}.message-button span{display:none}.portal-hero{flex-direction:column;align-items:flex-start}.membership-grid,.request-form,.create-group-form,.admin-metrics{grid-template-columns:1fr}.request-form label:nth-child(4),.request-form button{grid-column:auto}.membership-grid article{flex-direction:column;align-items:stretch}.audit-list>div{grid-template-columns:1fr}.portal-brand span{display:none}}.compact-portal{padding-bottom:42px}.portal-identity{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:24px 0 16px;display:flex}.portal-identity small{color:#50d4e8;letter-spacing:.14em;font-size:10px;font-weight:900}.portal-identity h1{margin:3px 0 0;font-size:clamp(25px,3vw,34px)}.compact-portal .portal-alert,.compact-portal .groups-first{max-width:1120px}.compact-portal .groups-first{margin-bottom:12px;padding:19px}.compact-portal .portal-panel-head{margin-bottom:13px}.compact-portal .portal-panel-head h2{font-size:21px}.compact-portal .membership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-card{justify-content:space-between;gap:20px;min-height:132px;display:flex;background:linear-gradient(145deg,#0d2435,#091a28)!important;border-color:#33556d!important;align-items:center!important;padding:17px 18px!important}.team-card-main{flex:1;min-width:0}.team-card-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-card-title h3{margin:0;font-size:19px}.team-online{color:#73dca5;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.team-online i{background:#39cc83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39cc8317}.team-card-main>p{font-size:12px;color:#9bb0c1!important;margin:9px 0 12px!important}.team-card-main>p b{color:#dcecff;margin-right:5px}.team-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-code{color:#8299aa;font-size:11px}.team-code b{color:#bdd1df;letter-spacing:.08em;margin-left:4px}.team-card>button{color:#fff;cursor:pointer;white-space:nowrap;background:#0b8db0;border:1px solid #4ed7eb;border-radius:9px;padding:10px 13px;font-weight:800}.team-card>button span{margin-left:7px}.security-reminder,.approved-callout{color:#f7dfa0;background:#2a2413;border:1px solid #725e29;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;max-width:1120px;margin:0 auto 12px;padding:12px 14px;display:flex}.security-reminder div,.approved-callout div{gap:2px;display:grid}.security-reminder span,.approved-callout span{color:#c4b98f;font-size:11px}.security-reminder button,.approved-callout button{color:#fff1b6;cursor:pointer;background:#5b4815;border:1px solid #d5b24c;border-radius:8px;padding:8px 11px;font-weight:800}.approved-callout{color:#a8f0d0;background:#0d2a23;border-color:#34765d}.approved-callout span{color:#8fb9a8}.approved-callout button{color:#fff;background:#126a53;border-color:#3aaa82}.portal-tools{background:#081724;border:1px solid #233e53;border-radius:14px;max-width:1120px;margin:0 auto;padding:16px 18px}.portal-tool-buttons{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.portal-tool-buttons>button{color:#e5f4ff;text-align:left;cursor:pointer;background:#0b2030;border:1px solid #2c4a61;border-radius:10px;align-items:center;gap:11px;min-height:64px;padding:10px 12px;display:flex}.portal-tool-buttons>button:hover{background:#0e273a;border-color:#4b89a8}.portal-tool-buttons i{color:#5ee1f2;background:#14364c;border-radius:8px;place-items:center;width:30px;height:30px;font-size:18px;font-style:normal;display:grid}.portal-tool-buttons span,.portal-tool-buttons b,.portal-tool-buttons small{display:block}.portal-tool-buttons b{font-size:13px}.portal-tool-buttons small{color:#839bab;margin-top:2px;font-size:10px}.portal-tools-note{color:#71899a;margin:11px 0 0;font-size:10px}.portal-modal-backdrop{z-index:318;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#010812c7;border:0;position:fixed;inset:0}.portal-modal{z-index:319;color:#edf8ff;background:#081824;border:1px solid #365b75;border-radius:17px;flex-direction:column;width:min(580px,100% - 28px);max-height:min(760px,88vh);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 100px #000c}.portal-modal>header{background:#0a1d2c;border-bottom:1px solid #233d50;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.portal-modal>header p{color:#50d4e8;letter-spacing:.17em;margin:0;font-size:9px;font-weight:900}.portal-modal>header h2{margin:3px 0 0;font-size:21px}.portal-modal>header>button{color:#b6c7d3;cursor:pointer;background:#102636;border:1px solid #38556a;border-radius:9px;width:34px;height:34px;font-size:24px;line-height:1}.portal-modal-body{padding:18px;overflow:auto}.modal-help{color:#a8bdcb;background:#0b2030;border:1px solid #314e63;border-radius:9px;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.55}.portal-modal-form{grid-template-columns:1fr 1fr;gap:11px;display:grid}.portal-modal-form label{color:#a5bac8;gap:5px;font-size:11px;display:grid}.portal-modal-form input,.portal-modal-form textarea,.approved-create-form input,.approved-create-form select{color:#fff;background:#05121c;border:1px solid #35536b;border-radius:9px;width:100%;padding:10px 11px}.portal-modal-form textarea{resize:vertical;min-height:82px}.portal-modal-form label:last-of-type:has(textarea){grid-column:1/-1}.portal-modal-form>button,.approved-create-form>button{color:#fff;cursor:pointer;background:#0b8db0;border:1px solid #4ed7eb;border-radius:9px;grid-column:1/-1;padding:10px 13px;font-weight:800}.approved-create-form{background:#0b2821;border:1px solid #34765d;border-radius:11px;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;padding:13px;display:grid}.approved-create-form strong{color:#a8f0d0;grid-column:1/-1}.approved-create-form>button{grid-column:1/-1}.modal-history{max-height:420px;overflow:auto}@media (width<=1160px){.portal-identity,.compact-portal .groups-first,.compact-portal .portal-alert,.security-reminder,.approved-callout,.portal-tools{margin-left:16px;margin-right:16px}}@media (width<=760px){.compact-portal .membership-grid,.portal-tool-buttons{grid-template-columns:1fr}.team-card{flex-direction:column;align-items:stretch!important}.team-card>button{width:100%}.portal-identity{padding-top:18px}.portal-identity h1{font-size:25px}.security-reminder,.approved-callout{flex-direction:column;align-items:flex-start}.security-reminder button,.approved-callout button{width:100%}.portal-modal{border-radius:18px 18px 0 0;width:100%;max-height:90vh;inset:auto 0 0;transform:none}.portal-modal-form,.approved-create-form{grid-template-columns:1fr}.portal-modal-form>button,.approved-create-form strong,.approved-create-form>button{grid-column:auto}.portal-modal-form label:last-of-type:has(textarea){grid-column:auto}}.message-drawer{z-index:1901;width:min(440px,100vw);height:100dvh;min-height:100vh;overflow:hidden}.message-list{flex:1;width:100%;min-height:0;overflow:hidden auto}.message-list article{word-break:break-word;min-height:110px;display:block;overflow:visible}.message-list article>*{max-width:100%}@media (width<=600px){.message-drawer{width:100vw}}.join-empty{justify-items:center;gap:10px;display:grid}.join-pending-notice{color:#ffe199;background:#2b2512;border:1px solid #8a722b;border-radius:11px;align-items:center;gap:12px;margin:0 0 13px;padding:12px 14px;display:flex}.join-pending-notice>span{font-size:21px}.join-pending-notice b,.join-pending-notice small{display:block}.join-pending-notice small{color:#cdbf8d;margin-top:3px}:root:not([data-account-theme=dark]) .join-pending-notice{color:#74540b;background:#fff9e6}:root:not([data-account-theme=dark]) .join-pending-notice small{color:#8c733b}.join-empty b{color:#dceeff;font-size:18px}.join-empty span{color:#8ea5b5}.join-empty button{color:#fff;cursor:pointer;background:#0b8db0;border:1px solid #4ed7eb;border-radius:9px;margin-top:4px;padding:10px 14px;font-weight:850}.join-code-form{grid-template-columns:1fr}.join-code-form input{text-transform:uppercase;text-align:center;letter-spacing:.16em;font-size:22px;font-weight:900}:root:not([data-account-theme=dark]) .join-empty b{color:#173b5d}.portal-modal-error{color:#ffe3ea;background:#541d2b;border:1px solid #b84b62;border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:12px;font-weight:800}.security-reminder a{color:#fff1b6;background:#5b4815;border:1px solid #d5b24c;border-radius:8px;padding:8px 11px;font-weight:800;text-decoration:none}.portal-tool-buttons>a{color:#e5f4ff;text-align:left;cursor:pointer;background:#0b2030;border:1px solid #2c4a61;border-radius:10px;align-items:center;gap:11px;min-height:64px;padding:10px 12px;text-decoration:none;display:flex}.portal-tool-buttons>a:hover{background:#0e273a;border-color:#4b89a8}.admin-group-modal{width:min(620px,100% - 28px)}.admin-account-tools{gap:10px;margin:0 0 14px;display:flex}.admin-account-tools input,.admin-account-tools select{color:#fff;background:#071722;border:1px solid #35566f;border-radius:9px;min-height:42px;padding:9px 12px}.admin-account-tools input{flex:1}.admin-account-tools select{min-width:210px}@media (width<=700px){.admin-account-tools{flex-direction:column}.admin-account-tools select{min-width:0}}.admin-leader-label{color:#8fa7b8;gap:7px;font-size:12px;font-weight:800;display:grid}.admin-leader-label select{color:#fff;background:#06131e;border:1px solid #35566f;border-radius:9px;width:100%;min-height:46px;padding:10px 12px}.admin-appoint{color:#fff;cursor:pointer;background:#0b82a7;border:1px solid #4bd7ed;border-radius:9px;width:100%;min-height:44px;margin-top:12px;font-weight:900}:root:not([data-account-theme=dark]) .admin-leader-label select{color:#17324d;background:#fff;border-color:#c9d9e6}.portal-identity{justify-content:initial;grid-template-columns:minmax(360px,1.3fr) minmax(180px,1fr) auto;gap:22px;display:grid}.portal-greeting{border-left:1px solid #284458;padding-left:22px}@media (width<=760px){.portal-identity{grid-template-columns:1fr auto}.portal-greeting{border-top:1px solid #284458;border-left:0;grid-area:2/1/auto/-1;padding:12px 0 0}}