:root{
  --bg:#05060a;
  --bg2:#090b11;
  --panel:rgba(10,12,19,.82);
  --panel-solid:#0b0d14;
  --panel2:#0f121c;
  --line:rgba(151,167,205,.16);
  --line-strong:rgba(183,198,236,.24);
  --text:#f4f3f4;
  --muted:#9399aa;
  --muted2:#606779;
  --red:#d4212a;
  --red2:#99111b;
  --red-glow:rgba(224,27,39,.28);
  --violet:#7a6cff;
  --green:#68d7a1;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:0 34px 100px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#030407;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.svg-sprite{position:absolute}.site-shell{min-height:100vh;background:radial-gradient(circle at 50% 5%,#121728 0,#080a11 32%,#040509 70%)}
.site-header{height:88px;position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);background:rgba(6,7,12,.78);border-bottom:1px solid rgba(176,189,225,.09);backdrop-filter:blur(18px);transition:.25s}
.site-header.scrolled{height:76px;background:rgba(5,6,10,.93);box-shadow:0 12px 40px rgba(0,0,0,.24)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:240px}
.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(207,28,38,.22))}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:700 23px/1 var(--serif);letter-spacing:-.03em}.brand-copy strong em{font-style:normal;color:#e0242d}.brand-copy span{margin-top:6px;font-size:14px;letter-spacing:.23em;color:#afb4c0;text-transform:lowercase}
.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.75vw,30px);height:100%}
.nav-link{position:relative;height:100%;padding:0;border:0;background:transparent;color:#bbbfc9;font-size:15.6px;font-weight:500;white-space:nowrap;transition:.2s}
.nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,#e22934,transparent);box-shadow:0 0 12px rgba(226,41,52,.7);transition:.24s}
.nav-link:hover,.nav-link.active{color:white}.nav-link.active:after{left:-12px;right:-12px}.nav-link.locked{color:#585e6c}.nav-link.locked:before{content:"•";position:absolute;top:30px;right:-8px;color:#8f2630}
.header-status{min-width:174px;display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#8d93a1;font-size:14px}.status-dot{width:7px;height:7px;border-radius:50%;background:#b62b35;box-shadow:0 0 10px rgba(214,42,53,.35)}.header-status.ok .status-dot,.mobile-status.ok .status-dot{background:var(--green);box-shadow:0 0 10px rgba(104,215,161,.35)}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:rgba(15,18,28,.85);color:white}.menu-btn svg,.mobile-menu-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-menu,.menu-overlay{display:none}
main{padding-top:88px}.page{display:none}.page.active{display:block;animation:pageIn .32s ease both}@keyframes pageIn{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero{position:relative;min-height:690px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(178,194,231,.1)}
.hero-bg{position:absolute;inset:0;background-image:url('https://i.ibb.co/kgfX6c95/image.png'),radial-gradient(circle at 34% 38%,#2b0a16 0,transparent 34%),radial-gradient(circle at 70% 30%,#101b3b 0,transparent 38%),linear-gradient(120deg,#090914,#05070c);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.015)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,9,.82) 0%,rgba(5,6,12,.28) 38%,rgba(5,6,12,.38) 66%,rgba(4,5,9,.78) 100%),linear-gradient(180deg,rgba(4,5,9,.2) 0%,rgba(4,5,9,.10) 46%,rgba(4,5,9,.78) 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#05060a)}
.hero-content{position:relative;z-index:2;text-align:center;width:min(930px,calc(100% - 48px));margin-top:-8px}
.hero-kicker{display:flex;align-items:center;justify-content:center;gap:16px;color:#9ea6b9;font-size:14px;font-weight:600;letter-spacing:.36em;text-transform:uppercase}.hero-kicker span{width:60px;height:1px;background:linear-gradient(90deg,transparent,#c32831,transparent)}
.hero h1{margin:28px 0 22px;font:600 clamp(48px,5.7vw,82px)/.98 var(--serif);letter-spacing:-.035em;text-shadow:0 4px 34px rgba(0,0,0,.42)}.hero h1 span{display:inline-block;margin-top:8px}.hero h1 em{font-style:normal;color:#e4242e;text-shadow:0 0 30px rgba(220,31,43,.16)}
.hero p{margin:0 auto;color:#d2d5dc;font-size:18px;line-height:1.75;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.hero-actions{display:flex;justify-content:center;gap:13px;margin-top:30px}.primary-action,.ghost-action{height:48px;padding:0 20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;font-size:15.6px;font-weight:600;transition:.2s}.primary-action svg,.ghost-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.primary-action .arrow{width:16px;margin-left:4px}
.primary-action{border:1px solid rgba(255,77,85,.55);color:#fff;background:linear-gradient(180deg,#d82431,#b7111e);box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 30px rgba(180,15,28,.24)}.primary-action:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px rgba(255,255,255,.16),0 18px 38px rgba(183,17,31,.31)}
.ghost-action{border:1px solid rgba(169,181,211,.28);color:#d8dbe3;background:rgba(8,10,17,.48);backdrop-filter:blur(8px)}.ghost-action:hover{border-color:rgba(202,211,235,.48);background:rgba(14,17,27,.72);transform:translateY(-2px)}.ghost-action:disabled,.primary-action:disabled{opacity:.38;cursor:not-allowed;transform:none}.full{width:100%}
.hero-note{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;color:#71798d;font-size:12.4px;font-weight:600;letter-spacing:.32em}.hero-note span{width:32px;height:1px;background:#414857}
.hero-edge{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;color:#7d8599;font-size:14px;letter-spacing:.35em}.hero-edge:before{content:"";position:absolute;top:-4px;bottom:-4px;width:1px;background:linear-gradient(transparent,#ba1b27,transparent)}.hero-edge-left{left:clamp(28px,5vw,86px);padding-left:20px}.hero-edge-left:before{left:0}.hero-edge-right{right:clamp(28px,5vw,86px);text-align:right;padding-right:20px}.hero-edge-right:before{right:0}
.section-wrap,.content-wrap{width:min(1280px,calc(100% - 48px));margin-left:auto;margin-right:auto}.quick-access{position:relative;z-index:5;margin-top:-72px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{min-height:128px;padding:22px 22px;border:1px solid rgba(153,170,208,.18);border-radius:9px;background:linear-gradient(135deg,rgba(11,14,22,.96),rgba(7,9,15,.94));box-shadow:0 24px 55px rgba(0,0,0,.24);display:grid;grid-template-columns:55px 1fr 22px;gap:17px;align-items:center;color:inherit;text-align:left;transition:.22s}.quick-card:hover{transform:translateY(-4px);border-color:rgba(187,199,229,.29);background:linear-gradient(135deg,rgba(15,18,28,.98),rgba(8,10,17,.98));box-shadow:0 28px 65px rgba(0,0,0,.34)}
.quick-icon{width:55px;height:55px;border:1px solid rgba(222,52,64,.28);border-radius:8px;background:linear-gradient(145deg,rgba(187,23,35,.18),rgba(86,14,21,.08));display:grid;place-items:center;color:#ef3c47;box-shadow:inset 0 0 28px rgba(214,28,39,.05)}.quick-icon.violet{border-color:rgba(118,104,255,.28);background:linear-gradient(145deg,rgba(82,72,206,.18),rgba(35,31,96,.08));color:#8277ff}.quick-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.quick-copy{display:flex;flex-direction:column}.quick-copy strong{font:600 18px var(--sans);color:#f0f1f4}.quick-copy small{margin-top:7px;color:#788096;font-size:14px;line-height:1.55}.quick-arrow{width:18px;height:18px;fill:none;stroke:#df2c36;stroke-width:1.6}.quick-arrow.violet{stroke:#8177ff}
.home-footer{min-height:124px;display:flex;align-items:center;justify-content:center;gap:26px;color:#555d70;font-size:12.4px;font-weight:600;letter-spacing:.33em}.home-footer i{width:70px;height:1px;background:#2b313d}.home-footer strong{font-size:12.4px;font-weight:600;color:#646c80}
.inner-page{min-height:calc(100vh - 88px);padding-bottom:70px;background:radial-gradient(circle at 50% -10%,rgba(63,71,114,.13),transparent 34rem),#05060a}.inner-hero{position:relative;padding:78px 24px 52px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(155,172,209,.10);background:linear-gradient(180deg,rgba(10,13,22,.66),rgba(5,6,10,0))}.inner-hero:before{content:"";position:absolute;inset:0;background-image:url('https://i.ibb.co/kgfX6c95/image.png');background-size:cover;background-position:center 48%;opacity:.08;filter:saturate(.8)}.inner-hero>*{position:relative}.inner-hero.compact{padding-bottom:46px}.page-kicker,.small-label{color:#a74b54;font-size:14px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.inner-hero h2{margin:13px 0 10px;font:600 clamp(38px,4vw,58px)/1.06 var(--serif);letter-spacing:-.035em}.inner-hero h2 em{font-style:italic;color:#d62530}.inner-hero p{max-width:680px;margin:0 auto;color:#8d94a5;font-size:15.6px;line-height:1.7}.content-wrap{margin-top:28px}.glass-card{border:1px solid rgba(156,173,211,.16);border-radius:9px;background:linear-gradient(145deg,rgba(13,16,25,.93),rgba(8,10,17,.95));box-shadow:0 18px 60px rgba(0,0,0,.20)}
.rules-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.rules-list{padding:8px 24px}.rule-row{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid rgba(155,171,205,.10)}.rule-row:last-child{border-bottom:0}.rule-no{width:38px;height:38px;border:1px solid rgba(214,43,53,.25);border-radius:7px;background:rgba(175,21,31,.08);display:grid;place-items:center;color:#d6424c;font-size:14px;font-weight:700}.rule-row h3{margin:0 0 7px;font-size:16.9px}.rule-row p{margin:0;color:#858c9e;font-size:15.4px;line-height:1.7}.rules-confirm{position:sticky;top:104px;padding:25px}.rules-confirm h3,.community-form h3,.section-head h3{margin:10px 0 8px;font:600 22px var(--serif)}.rules-confirm>p{margin:0;color:#7e8699;font-size:15.4px;line-height:1.65}.check-line{display:flex;gap:10px;align-items:flex-start;margin:20px 0;padding:13px;border:1px solid rgba(155,171,205,.14);border-radius:7px;background:rgba(4,5,9,.38);color:#9aa1b1;font-size:14px;line-height:1.55;cursor:pointer}.check-line input{display:none}.custom-check{width:18px;height:18px;flex:0 0 18px;border:1px solid #3c4455;border-radius:4px;display:grid;place-items:center;color:transparent;transition:.18s}.custom-check svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.check-line input:checked+.custom-check{border-color:#c72632;background:#bb1824;color:#fff}.confirmed-message{margin-top:12px;padding:11px 12px;border:1px solid rgba(104,215,161,.22);border-radius:7px;background:rgba(47,127,87,.10);color:#99dbba;font-size:14px;display:flex;align-items:center;gap:8px}.confirmed-message svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.filter-row,.rank-tabs{display:flex;flex-wrap:wrap;gap:7px}.filter-btn,.rank-tab{height:34px;padding:0 12px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:rgba(10,12,19,.7);color:#777f91;font-size:14px;font-weight:600;transition:.18s}.filter-btn:hover,.rank-tab:hover{color:#d5d8df;border-color:rgba(181,196,231,.25)}.filter-btn.active,.rank-tab.active{color:#f4c5c8;border-color:rgba(218,44,56,.32);background:rgba(159,20,30,.14)}.search-box{width:300px;height:38px;border:1px solid rgba(156,173,211,.15);border-radius:7px;background:rgba(9,11,18,.72);display:flex;align-items:center;padding:0 12px;color:#616a7e}.search-box svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.search-box input{flex:1;height:100%;border:0;outline:0;background:transparent;color:#d9dce4;padding:0 10px;font-size:14px}.command-table{overflow:hidden}.command-head,.command-row{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(360px,1.7fr) 130px;align-items:center;gap:20px;padding:0 20px}.command-head{height:42px;color:#586176;font-size:12.4px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(156,173,211,.10);background:rgba(7,9,15,.62)}.command-row{min-height:72px;border-bottom:1px solid rgba(156,173,211,.08)}.command-row:last-child{border-bottom:0}.command-row:hover{background:rgba(255,255,255,.012)}.command-code code{font:600 15.4px ui-monospace,SFMono-Regular,Consolas,monospace;color:#ecedef;padding:6px 8px;border:1px solid rgba(156,173,211,.15);border-radius:5px;background:#07090e}.command-code small{display:block;margin-top:7px;color:#60687b;font-size:12.4px;text-transform:uppercase;letter-spacing:.1em}.command-desc{color:#858c9e;font-size:14.7px;line-height:1.55}.rank-badge{justify-self:end;color:#a7aebe;font-size:14px;border:1px solid rgba(156,173,211,.14);padding:6px 8px;border-radius:5px;background:rgba(255,255,255,.02)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recorder,.record-result{min-height:360px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.record-disc{width:108px;height:108px;border:1px solid rgba(220,48,60,.22);border-radius:50%;display:grid;place-items:center;margin-bottom:20px;background:radial-gradient(circle,rgba(188,25,36,.14),rgba(105,18,27,.05) 50%,rgba(6,8,13,.2) 72%)}.record-disc span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#ec3944;background:linear-gradient(145deg,rgba(198,29,41,.24),rgba(94,15,23,.12));box-shadow:0 0 30px rgba(207,29,42,.10)}.record-disc svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.record-disc.recording{animation:pulse 1.25s infinite}@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(204,29,42,.045)}}.record-time{margin:8px 0 22px;font:600 46px var(--sans);letter-spacing:-.05em}.record-actions{display:flex;gap:10px}.muted-note{max-width:500px;margin:22px 0 0;color:#697185;font-size:13.3px;line-height:1.6}.empty-record{display:flex;flex-direction:column;align-items:center;color:#677084}.empty-record svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.2;opacity:.55}.empty-record p{max-width:280px;font-size:14px;line-height:1.6}.recording-output{width:100%}.recording-output audio{width:100%;filter:grayscale(1) brightness(.8)}.record-meta{display:flex;justify-content:space-between;margin:14px 0;color:#798195;font-size:14px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.discord-card{padding:24px;min-height:230px;display:flex;flex-direction:column}.discord-icon{width:52px;height:52px;border:1px solid rgba(116,104,255,.24);border-radius:8px;display:grid;place-items:center;background:rgba(68,58,184,.10);color:#857aff;font-weight:700;font-size:15.4px}.discord-card h3{margin:20px 0 7px;font:600 20px var(--serif)}.discord-card p{margin:0;color:#7c8497;font-size:14.7px;line-height:1.6;flex:1}.discord-card .ghost-action{height:40px;margin-top:20px}.discord-card .disabled{opacity:.4;pointer-events:none}
.rank-tabs{margin-bottom:14px}.rank-panel{padding:28px}.rank-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(156,173,211,.10)}.rank-copy h3{margin:7px 0 7px;font:600 30px var(--serif)}.rank-copy p{max-width:700px;margin:0;color:#80889a;font-size:14.7px;line-height:1.6}.manager{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(156,173,211,.14);border-radius:8px;background:rgba(5,7,11,.40);min-width:230px}.manager img{width:46px;height:46px;object-fit:cover;border-radius:7px;border:1px solid rgba(156,173,211,.13)}.manager span{display:block;color:#636c80;font-size:12.4px;font-weight:700;letter-spacing:.14em}.manager strong{display:block;margin-top:4px;font-size:15.4px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.task-card{display:flex;gap:13px;padding:16px;border:1px solid rgba(156,173,211,.10);border-radius:7px;background:rgba(5,7,11,.32)}.task-check{width:26px;height:26px;flex:0 0 26px;border:1px solid rgba(213,42,54,.25);border-radius:6px;display:grid;place-items:center;color:#e03843;background:rgba(173,21,32,.08)}.task-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.task-card strong{font-size:15.4px}.task-card p{margin:5px 0 0;color:#70788b;font-size:13.7px;line-height:1.55}
.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.data-card{padding:23px}.data-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.data-head h3{font:600 21px var(--serif);margin:0}.data-icon{width:35px;height:35px;border:1px solid rgba(156,173,211,.14);border-radius:6px;display:grid;place-items:center;color:#828a9d;font-size:14px;font-weight:700}.data-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;min-height:48px;border-top:1px solid rgba(156,173,211,.09)}.data-row label{color:#5d667a;font-size:12.4px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.data-row span{color:#aeb3c0;font-size:14px;overflow-wrap:anywhere}.copy-btn{width:31px;height:31px;border:1px solid rgba(156,173,211,.12);border-radius:5px;background:rgba(255,255,255,.018);color:#70798c;display:grid;place-items:center}.copy-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}.copy-btn:hover{color:white;border-color:rgba(180,195,228,.24)}
.community-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.community-form,.community-log,.recommendations{padding:24px}.community-form label{display:block;margin-top:13px;color:#858da0;font-size:13.3px;font-weight:600}.community-form input,.community-form select,.community-form textarea{width:100%;margin-top:6px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:#080a10;color:#d8dbe3;outline:0;padding:10px 11px;font-size:14px}.community-form input:focus,.community-form select:focus,.community-form textarea:focus{border-color:rgba(211,48,61,.38);box-shadow:0 0 0 3px rgba(198,27,40,.06)}.community-form textarea{resize:vertical;min-height:82px}.community-form .primary-action{margin-top:17px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h3{margin-bottom:0}.icon-text-btn{border:0;background:transparent;color:#a3525a;font-size:14px;display:flex;align-items:center;gap:6px}.icon-text-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.table-scroll{overflow:auto}.community-log table{width:100%;min-width:650px;border-collapse:collapse}.community-log th,.community-log td{text-align:left;padding:13px 9px;border-bottom:1px solid rgba(156,173,211,.08);font-size:13.3px}.community-log th{color:#596276;font-size:11.6px;letter-spacing:.13em;text-transform:uppercase}.community-log td{color:#9ca3b2}.delete-row{border:0;background:transparent;color:#b85962;font-size:18px}.empty-table{padding:40px;text-align:center;color:#656e82;font-size:14px}.recommendations{margin-top:18px}.recommendation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recommendation-card{padding:15px;border:1px solid rgba(156,173,211,.10);border-radius:7px;background:rgba(5,7,11,.32)}.recommendation-card span{display:block;color:#737c90;font-size:14px;line-height:1.5}.recommendation-card strong{display:block;margin:9px 0 5px;font:600 23px var(--serif)}.recommendation-card p{margin:0;color:#60697c;font-size:13.6px;line-height:1.5}
.toast{position:fixed;right:24px;bottom:24px;z-index:120;max-width:340px;padding:12px 15px;border:1px solid rgba(156,173,211,.18);border-radius:7px;background:#11141d;color:#e7e9ee;box-shadow:var(--shadow);font-size:14px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}
@media(max-width:1220px){.main-nav{gap:13px}.nav-link{font-size:14.7px}.header-status{display:none}.brand{min-width:205px}.quick-access{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr 1fr}.hero-edge{display:none}}
@media(max-width:980px){.site-header{height:76px;padding:0 22px}.site-header.scrolled{height:70px}.main-nav{display:none}.menu-btn{display:grid;place-items:center;margin-left:auto}.brand{min-width:0}.brand img{width:43px;height:43px}.brand-copy strong{font-size:20px}.mobile-menu{display:flex;position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(390px,88vw);padding:22px;flex-direction:column;background:rgba(7,9,14,.985);border-left:1px solid var(--line);transform:translateX(101%);transition:.28s ease;box-shadow:-30px 0 80px rgba(0,0,0,.4)}.mobile-menu.open{transform:none}.menu-overlay{display:block;position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.60);opacity:0;visibility:hidden;transition:.25s}.menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:#7a8295;font-size:14px;letter-spacing:.25em}.mobile-menu-head button{width:35px;height:35px;border:1px solid var(--line);border-radius:6px;background:#0b0e16;color:#dfe1e6;display:grid;place-items:center}.mobile-menu nav{display:flex;flex-direction:column;padding-top:16px}.mobile-menu .nav-link{height:48px;text-align:left;border-bottom:1px solid rgba(156,173,211,.08)}.mobile-menu .nav-link:after{display:none}.mobile-menu .nav-link.active{color:#e73943}.mobile-status{margin-top:auto;display:flex;align-items:center;gap:8px;color:#7d8597;font-size:14px;padding-top:18px;border-top:1px solid var(--line)}main{padding-top:76px}.hero{min-height:650px}.hero h1{font-size:clamp(44px,8vw,68px)}.rules-layout,.community-layout{grid-template-columns:1fr}.rules-confirm{position:static}.two-col{grid-template-columns:1fr}.recommendation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.section-wrap,.content-wrap{width:min(100% - 28px,1280px)}.brand-copy span{display:none}.hero{min-height:610px}.hero-content{width:calc(100% - 30px)}.hero-kicker{font-size:11.9px;letter-spacing:.22em;gap:8px}.hero-kicker span{width:24px}.hero h1{font-size:43px;line-height:1.03;margin-top:22px}.hero p{font-size:15.6px}.hero-actions{flex-direction:column;width:min(280px,100%);margin-left:auto;margin-right:auto}.hero-actions>*{width:100%}.hero-note{font-size:11px;letter-spacing:.19em}.quick-access{grid-template-columns:1fr;margin-top:-42px}.quick-card{min-height:105px}.home-footer{flex-wrap:wrap;gap:14px;padding:34px 0}.home-footer i{width:34px}.inner-hero{padding:54px 18px 38px}.inner-hero h2{font-size:38px}.toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.command-table{background:transparent;border:0;box-shadow:none}.command-head{display:none}.command-row{grid-template-columns:1fr;gap:9px;margin-bottom:10px;padding:16px;border:1px solid rgba(156,173,211,.13);border-radius:7px;background:linear-gradient(145deg,rgba(13,16,25,.93),rgba(8,10,17,.95))}.rank-badge{justify-self:start}.card-grid,.data-grid{grid-template-columns:1fr}.rank-top{align-items:flex-start;flex-direction:column}.manager{width:100%}.task-grid{grid-template-columns:1fr}.recommendation-grid{grid-template-columns:1fr}.record-actions{flex-direction:column;width:100%}.record-actions>*{width:100%}.recorder,.record-result{padding:24px}.community-log{padding:18px}.home-footer strong{order:3;width:100%;text-align:center}}

/* Detailed staff rules */
.rules-list{padding:0;overflow:hidden}
.rules-part{padding:0 28px 30px;border-bottom:1px solid rgba(156,173,211,.10)}
.rules-part:last-child{border-bottom:0}
.rules-part-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 0 22px;border-bottom:1px solid rgba(156,173,211,.10)}
.rules-part-kicker{display:block;margin-bottom:7px;color:#c7323d;font-size:11.6px;font-weight:700;letter-spacing:.22em}
.rules-part-head h3{margin:0;font:600 23px var(--serif);color:#f1f2f6}
.rules-part-head p{margin:7px 0 0;color:#737c90;font-size:13.7px;line-height:1.55}
.rules-part-number{flex:0 0 auto;min-width:55px;height:34px;padding:0 12px;border:1px solid rgba(209,44,56,.26);border-radius:7px;background:rgba(179,23,34,.08);display:grid;place-items:center;color:#e0444f;font-size:14px;font-weight:700;letter-spacing:.12em}
.rules-groups{display:flex;flex-direction:column}
.rule-group{padding:24px 0;border-bottom:1px solid rgba(156,173,211,.085)}
.rule-group:last-child{border-bottom:0;padding-bottom:4px}
.rule-group-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.rule-group-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(211,48,61,.18);border-radius:7px;background:linear-gradient(145deg,rgba(188,24,36,.11),rgba(62,11,18,.06));font-size:16.8px}
.rule-group-title h4{margin:0;color:#e8eaf0;font-size:16.2px;font-weight:650;letter-spacing:-.01em}
.rule-intro,.rule-footer,.rule-extra-title{margin:0 0 12px;color:#8b93a5;font-size:14.6px;line-height:1.75}
.rule-intro strong,.rule-footer strong,.rule-extra-title strong,.rule-bullets strong,.rule-notice strong{color:#dfe2e9;font-weight:650}
.rule-extra-title{margin-top:14px;color:#b6bbc7;font-weight:600}
.rule-footer{margin-top:13px;padding-left:12px;border-left:2px solid rgba(205,43,55,.45);color:#9da4b4}
.rule-bullets{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.rule-bullets li{display:flex;gap:10px;align-items:flex-start;color:#8c94a6;font-size:14.3px;line-height:1.65}
.bullet-mark{flex:0 0 17px;width:17px;height:17px;margin-top:1px;border:1px solid rgba(81,184,130,.20);border-radius:50%;display:grid;place-items:center;background:rgba(51,127,88,.07);color:#72bd97;font-size:12.4px;font-weight:700}
.rule-notices{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.rule-notice{padding:11px 13px;border:1px solid rgba(156,173,211,.11);border-radius:7px;background:rgba(6,8,13,.44);color:#929aaa;font-size:14px;line-height:1.65}
.rule-notice.info{border-color:rgba(83,120,194,.16);background:rgba(45,72,127,.07)}
.rule-notice.warning{border-color:rgba(222,165,58,.17);background:rgba(144,101,24,.065);color:#aaa18e}
.rule-notice.danger{border-color:rgba(214,49,62,.20);background:rgba(135,24,34,.075);color:#b9a0a4}
.rule-notice.danger strong{color:#efc7cb}
.rule-command{display:flex;align-items:center;gap:12px;margin:11px 0 2px;padding:11px 13px;border:1px solid rgba(209,43,55,.18);border-radius:7px;background:#080a10}
.rule-command span{flex:0 0 auto;color:#b4303b;font-size:11.9px;font-weight:800;letter-spacing:.18em}
.rule-command code{color:#e6e8ed;font:500 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
@media(max-width:720px){.rules-part{padding:0 18px 24px}.rules-part-head{padding:22px 0 18px}.rules-part-head h3{font-size:20.9px}.rules-part-number{min-width:48px;height:31px}.rule-group{padding:20px 0}.rule-command{align-items:flex-start;flex-direction:column;gap:7px}}

/* Discord command guide */
.discord-command-section{margin-top:22px;padding:0;overflow:hidden}
.discord-command-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid rgba(156,173,211,.10);background:linear-gradient(180deg,rgba(15,18,28,.80),rgba(8,10,16,.58))}
.discord-command-heading h3{margin:5px 0 0;color:#eef0f5;font:600 22px var(--serif);letter-spacing:-.015em}
.discord-command-tag{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(214,47,59,.22);border-radius:6px;background:rgba(171,16,28,.08);color:#cc3944;font-size:11.6px;font-weight:800;letter-spacing:.2em}
#discordCommandGuide{padding:26px}
.discord-guide-intro{max-width:980px;margin:0 auto 24px;color:#8992a5;font-size:14.8px;line-height:1.8;text-align:center}
.discord-guide-intro strong{color:#e2e5eb;font-weight:650}
.inline-command{display:inline-block;padding:2px 5px;border:1px solid rgba(156,173,211,.14);border-radius:4px;background:#07090e;color:#e7e9ee;font:600 13.3px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.discord-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.discord-guide-card{position:relative;padding:20px;border:1px solid rgba(156,173,211,.11);border-radius:9px;background:linear-gradient(155deg,rgba(14,17,26,.88),rgba(7,9,15,.94));overflow:hidden}
.discord-guide-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(156,173,211,.18)}
.discord-guide-card.online:before{background:linear-gradient(90deg,rgba(58,193,119,.9),rgba(58,193,119,.10))}
.discord-guide-card.down:before{background:linear-gradient(90deg,rgba(224,145,47,.9),rgba(224,145,47,.10))}
.discord-guide-card.donations:before{background:linear-gradient(90deg,rgba(71,200,124,.9),rgba(71,200,124,.10))}
.discord-guide-card-head{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(156,173,211,.085)}
.discord-guide-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(156,173,211,.12);border-radius:8px;background:rgba(255,255,255,.02);font-size:18.7px}
.discord-guide-card-head code{display:inline-block;color:#f1f3f7;font:700 16.9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.discord-guide-card-head h4{margin:4px 0 0;color:#8992a5;font-size:13.3px;font-weight:550;line-height:1.4}
.discord-guide-description{margin:15px 0 0;color:#858da0;font-size:14px;line-height:1.75}
.discord-guide-description strong,.discord-guide-list strong,.discord-guide-steps strong,.discord-guide-warning strong,.discord-guide-footer strong{color:#dde1e8;font-weight:650}
.discord-guide-block{margin-top:18px}
.discord-guide-block h5{margin:0 0 9px;color:#d5d9e1;font-size:14px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.discord-guide-list,.discord-guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.discord-guide-list li,.discord-guide-steps li{display:flex;align-items:flex-start;gap:8px}
.discord-guide-list li>span{width:16px;height:16px;flex:0 0 16px;margin-top:1px;display:grid;place-items:center;border:1px solid rgba(75,176,126,.17);border-radius:50%;background:rgba(48,132,89,.06);color:#6ab58e;font-size:11.9px;font-weight:800}
.discord-guide-list p,.discord-guide-steps p{margin:0;color:#788195;font-size:13.2px;line-height:1.6}
.discord-guide-steps li>span{width:18px;height:18px;flex:0 0 18px;margin-top:1px;display:grid;place-items:center;border:1px solid rgba(156,173,211,.14);border-radius:5px;background:#080a10;color:#9ca5b7;font-size:11.6px;font-weight:800}
.discord-guide-warning{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:11px 12px;border:1px solid rgba(218,155,52,.16);border-radius:7px;background:rgba(133,90,18,.055)}
.discord-guide-warning>span{flex:0 0 auto;font-size:15.6px}
.discord-guide-warning p{margin:0;color:#a49b89;font-size:13px;line-height:1.65}
.discord-guide-summary{margin-top:16px;padding:18px 20px;border:1px solid rgba(156,173,211,.10);border-radius:8px;background:rgba(6,8,13,.48)}
.discord-guide-summary-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(156,173,211,.08)}
.discord-guide-summary-head>span{font-size:19.2px}
.discord-guide-summary-head small{display:block;color:#ba303a;font-size:11.9px;font-weight:800;letter-spacing:.18em}
.discord-guide-summary-head h4{margin:3px 0 0;color:#e7e9ee;font-size:15.6px;font-weight:650}
.discord-guide-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.discord-guide-summary-row{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:8px;padding:11px 12px;border:1px solid rgba(156,173,211,.09);border-radius:6px;background:rgba(255,255,255,.012)}
.discord-guide-summary-row>span{font-size:15.4px}
.discord-guide-summary-row code{color:#e9ebf0;font:650 13.3px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.discord-guide-summary-row p{margin:0;color:#747d90;font-size:13.8px;line-height:1.45}
.discord-guide-footer{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(156,173,211,.08);color:#70798c;font-size:13px;line-height:1.65;text-align:center}
@media(max-width:1100px){.discord-guide-grid{grid-template-columns:1fr}.discord-guide-summary-grid{grid-template-columns:1fr}}
@media(max-width:720px){.discord-command-heading{align-items:flex-start;padding:20px 18px}.discord-command-heading h3{font-size:19.8px}.discord-command-tag{display:none}#discordCommandGuide{padding:18px}.discord-guide-intro{text-align:left}.discord-guide-card{padding:17px}.discord-guide-summary{padding:16px}.discord-guide-summary-row{grid-template-columns:18px auto}.discord-guide-summary-row p{grid-column:2/3}.discord-guide-card-head{align-items:flex-start}}

/* PODATKI — obvezno zbiranje podatkov */
#page-data .data-grid{display:block}.data-collection{display:grid;gap:18px}.collection-intro{padding:28px;border-color:rgba(171,9,2,.22);background:linear-gradient(145deg,rgba(17,16,24,.96),rgba(9,10,16,.96));position:relative;overflow:hidden}.collection-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#df2c25,#680602 70%,transparent)}.collection-intro-copy{max-width:900px}.collection-intro-copy h3{font:600 clamp(23px,2.4vw,36px) var(--serif);letter-spacing:.01em;margin:8px 0 10px;color:#f0f1f4}.collection-intro-copy p{margin:0;color:#949bab;font-size:15.4px;line-height:1.75}.collection-warning{margin-top:20px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(232,73,63,.16);background:rgba(122,13,8,.08);border-radius:7px}.collection-warning>span{flex:0 0 auto;width:24px;height:24px;border:1px solid rgba(232,73,63,.25);border-radius:50%;display:grid;place-items:center;color:#ff7169;font-weight:800;font-size:14px}.collection-warning p{margin:2px 0 0;color:#b8bbc4;font-size:14px;line-height:1.65}.collection-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.collection-link{min-height:112px;display:flex;justify-content:space-between;gap:16px;padding:16px 17px;border:1px solid rgba(156,173,211,.11);border-radius:7px;background:rgba(255,255,255,.018);text-decoration:none;transition:.2s ease}.collection-link:hover{transform:translateY(-2px);border-color:rgba(201,41,32,.34);background:rgba(112,12,8,.08)}.collection-link small{display:block;color:#626b7c;font-size:11.9px;font-weight:800;letter-spacing:.18em}.collection-link strong{display:block;margin-top:6px;color:#e7e8eb;font:600 19.8px var(--serif)}.collection-link p{margin:5px 0 0;color:#70798a;font-size:13.2px;line-height:1.55}.collection-link>span{color:#a8423d;font-size:18px}.collection-done{margin-top:13px;padding:13px 15px;display:flex;align-items:center;gap:10px;background:rgba(35,112,67,.08);border:1px solid rgba(76,180,111,.14);border-radius:7px}.collection-done span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(80,181,116,.12);color:#78d397;font-size:14px}.collection-done p{margin:0;color:#bdc6c0;font-size:13.3px;font-weight:600}.steam-guides{display:grid;gap:18px}.steam-guide{padding:0;overflow:hidden}.steam-guide-head{padding:24px 26px 21px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid rgba(156,173,211,.09);background:linear-gradient(180deg,rgba(21,24,35,.62),rgba(11,12,19,.2))}.steam-guide-head>div:first-child{max-width:730px}.guide-number{display:inline-block;margin-right:10px;color:#d64b44;font-size:14px;font-weight:800;letter-spacing:.16em}.steam-guide-head small{color:#707a8d;font-size:11.9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.steam-guide-head h3{margin:7px 0 7px;color:#f0f1f4;font:600 28px var(--serif)}.steam-guide-head p{margin:0;color:#7f8797;font-size:13.3px;line-height:1.65}.steam-logo-mark{margin-top:3px;padding:8px 10px;border:1px solid rgba(104,151,206,.16);border-radius:5px;color:#7999bc;font-size:11.9px;font-weight:800;letter-spacing:.17em}.steam-steps{padding:10px 26px 24px}.steam-step{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(156,173,211,.08)}.steam-step:last-child{border-bottom:0;padding-bottom:0}.steam-step-copy{display:grid;grid-template-columns:30px 1fr;column-gap:11px;align-items:start}.steam-step-copy>span{grid-row:1 / span 3;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(202,55,47,.26);background:rgba(153,17,10,.08);color:#d25e58;font-size:12.4px;font-weight:800}.steam-step-copy p{margin:4px 0 0;color:#a5aab6;font-size:14px;line-height:1.7}.steam-step-copy a{grid-column:2;margin-top:8px;color:#c45851;font-size:12.4px;text-decoration:none}.steam-step-copy a:hover{color:#ef7f78}.steam-step-image{position:relative;display:block;min-height:128px;border:1px solid rgba(156,173,211,.11);border-radius:7px;overflow:hidden;background:#080a0f;text-decoration:none}.steam-step-image img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;background:#07090d}.steam-step-image>span{position:absolute;left:10px;bottom:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(5,7,11,.82);backdrop-filter:blur(8px);color:#bbbfc9;font-size:11.9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.steam-step-image:hover{border-color:rgba(202,55,47,.25)}
@media(max-width:900px){.collection-links{grid-template-columns:1fr}.steam-step{grid-template-columns:1fr}.steam-step-image{min-height:0}.steam-guide-head{padding:21px}.steam-steps{padding:8px 21px 21px}.steam-logo-mark{display:none}}
@media(max-width:520px){.collection-intro{padding:21px}.collection-intro-copy h3{font-size:25px}.steam-guide-head h3{font-size:24px}.steam-step-copy{grid-template-columns:27px 1fr}.steam-step{gap:13px;padding:15px 0}}

/* KAZNI — Discord member search + webhook preview */
.penalties-wrap{display:grid;gap:18px}.penalty-auth{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.penalty-auth-copy{display:flex;align-items:center;gap:14px;min-width:0}.penalty-auth-user{display:flex;align-items:center;gap:11px;margin-top:6px}.penalty-auth-user img,.discord-mini-mark{width:38px;height:38px;border-radius:9px;object-fit:cover;border:1px solid rgba(114,133,180,.18);background:#0a0d15}.discord-mini-mark{display:grid;place-items:center;background:linear-gradient(145deg,#5865f2,#3945bf);color:#fff;font:800 16.9px var(--sans)}.discord-mini-mark.warning{background:rgba(191,95,24,.12);border-color:rgba(236,143,72,.24);color:#eaa06b}.penalty-auth-user strong{display:block;color:#e8eaf0;font-size:15.4px}.penalty-auth-user small{display:block;margin-top:3px;color:#697386;font-size:12.4px}.penalty-login{height:38px;min-width:150px}.disabled-link{pointer-events:none;opacity:.45}.penalty-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:18px;align-items:start}.penalty-form{padding:24px}.penalty-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.penalty-form-head h3{margin:8px 0 0;font:600 25px var(--serif)}.penalty-secure{padding:6px 8px;border:1px solid rgba(83,202,128,.14);border-radius:5px;background:rgba(38,119,70,.06);color:#6ab98a;font-size:11.6px;font-weight:800;letter-spacing:.16em}.penalty-type-group{border:0;margin:0 0 18px;padding:0}.penalty-type-group legend,.penalty-form>label,.penalty-amount-row label,.form-label{display:block;margin:0 0 7px;color:#858da0;font-size:13.3px;font-weight:650}.penalty-type-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.penalty-type-group legend{grid-column:1/-1}.penalty-type{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(156,173,211,.12);border-radius:7px;background:rgba(5,7,12,.38);cursor:pointer;transition:.18s ease}.penalty-type input{position:absolute;opacity:0;pointer-events:none}.penalty-type-dot{width:13px;height:13px;flex:0 0 13px;border-radius:50%;border:1px solid #495267;position:relative}.penalty-type-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;opacity:0}.penalty-type strong{display:block;color:#c8ccd5;font-size:13.3px}.penalty-type small{display:block;margin-top:3px;color:#626b7d;font-size:11.6px}.penalty-type.marker.active{border-color:rgba(238,193,58,.32);background:rgba(177,132,8,.06)}.penalty-type.marker.active .penalty-type-dot{border-color:#e7bd35}.penalty-type.marker.active .penalty-type-dot:after{opacity:1;background:#e7bd35}.penalty-type.ban.active{border-color:rgba(230,57,69,.34);background:rgba(143,23,31,.07)}.penalty-type.ban.active .penalty-type-dot{border-color:#e34650}.penalty-type.ban.active .penalty-type-dot:after{opacity:1;background:#e34650}.discord-member-picker{position:relative;margin-bottom:16px}.member-search-box{display:flex;align-items:center;gap:9px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:#080a10;padding:0 10px}.member-search-box:focus-within{border-color:rgba(88,101,242,.42);box-shadow:0 0 0 3px rgba(88,101,242,.07)}.member-search-box svg{width:15px;height:15px;fill:none;stroke:#66718a;stroke-width:1.6}.member-search-box input{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#e1e3e9;outline:0;font-size:14px}.member-search-state{color:#5e687c;font-size:11.9px;white-space:nowrap}.member-results{position:absolute;z-index:35;left:0;right:0;top:68px;max-height:290px;overflow:auto;padding:6px;border:1px solid rgba(126,143,187,.16);border-radius:7px;background:rgba(7,9,15,.985);box-shadow:0 18px 50px rgba(0,0,0,.42)}.member-result{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px;border:0;border-radius:5px;background:transparent;text-align:left;color:#fff;cursor:pointer}.member-result:hover{background:rgba(88,101,242,.08)}.member-result img{width:34px;height:34px;border-radius:8px;object-fit:cover}.member-result strong{display:block;color:#dfe2e9;font-size:13.3px}.member-result small{display:block;margin-top:2px;color:#626c80;font-size:11.6px}.member-result em{font-style:normal;color:#6672cf;font-size:11.4px;font-weight:800;letter-spacing:.13em}.member-no-results{padding:18px;text-align:center;color:#677184;font-size:14px}.member-no-results.error{color:#b8636a}.selected-member{margin-top:9px;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:11px;padding:10px;border:1px solid rgba(88,101,242,.18);border-radius:7px;background:rgba(88,101,242,.045)}.selected-member img{width:42px;height:42px;border-radius:9px;object-fit:cover}.selected-member small{display:block;color:#6873d0;font-size:11px;font-weight:800;letter-spacing:.13em}.selected-member strong{display:block;margin-top:3px;color:#e4e6ec;font-size:14.7px}.selected-member span{display:block;margin-top:2px;color:#6a7488;font-size:12.4px}.selected-member button{width:28px;height:28px;border:1px solid rgba(154,169,202,.12);border-radius:5px;background:#090b12;color:#737d90;font-size:18px;cursor:pointer}.penalty-amount-row{display:grid;grid-template-columns:1fr 170px;gap:10px;margin-bottom:16px}.penalty-form input[type="number"],.penalty-form select,.penalty-form textarea{width:100%;margin-top:6px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:#080a10;color:#d8dbe3;outline:0;padding:10px 11px;font-size:14px}.penalty-form input[type="number"]:focus,.penalty-form select:focus,.penalty-form textarea:focus{border-color:rgba(88,101,242,.38);box-shadow:0 0 0 3px rgba(88,101,242,.06)}.penalty-form textarea{resize:vertical;min-height:96px}.penalty-form>label{position:relative}.field-hint{position:absolute;right:8px;bottom:7px;padding:2px 5px;border-radius:4px;background:#080a10;color:#566074;font-size:11.9px}.admin-readonly{display:flex;align-items:center;gap:11px;margin-top:17px;padding:12px;border:1px solid rgba(156,173,211,.1);border-radius:7px;background:rgba(255,255,255,.012)}.admin-readonly-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(156,173,211,.11);border-radius:7px;background:#080a10;color:#656f82}.admin-readonly-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.admin-readonly small{display:block;color:#59647a;font-size:11px;font-weight:800;letter-spacing:.14em}.admin-readonly strong{display:block;margin-top:4px;color:#d8dbe3;font-size:13.3px}.admin-readonly span{display:block;margin-top:2px;color:#626c80;font-size:11.6px}.penalty-submit{margin-top:16px}.penalty-form-note{margin:10px 0 0;color:#525c70;font-size:11.9px;line-height:1.55;text-align:center}.penalty-preview-column{display:grid;gap:18px;position:sticky;top:94px}.webhook-preview-card{padding:18px}.preview-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.preview-topline>span:last-child{color:#59647a;font-size:11px;font-weight:800;letter-spacing:.13em}.discord-message-shell{padding:15px;border:1px solid rgba(98,111,145,.13);border-radius:7px;background:#1e1f22}.discord-webhook-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.discord-webhook-head>img{width:35px;height:35px;border-radius:50%;object-fit:cover}.discord-webhook-head strong{display:block;color:#f2f3f5;font:500 14px Arial,sans-serif}.discord-webhook-head strong span{margin-left:4px;padding:1px 4px;border-radius:3px;background:#5865f2;color:white;font-size:10.2px;vertical-align:1px}.discord-webhook-head small{display:block;margin-top:2px;color:#949ba4;font:400 11.6px Arial,sans-serif}.discord-embed{position:relative;max-width:520px;border-radius:4px;background:#2b2d31;overflow:hidden}.discord-embed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f1c232}.discord-embed.ban:before{background:#ed4245}.discord-embed-body{display:flex;gap:14px;padding:13px 14px 11px 16px}.discord-embed-content{flex:1;min-width:0}.discord-embed h4{margin:0 0 12px;color:#f2f3f5;font:700 15.4px Arial,sans-serif}.embed-field{min-width:0}.embed-field>span{display:block;margin-bottom:3px;color:#dbdee1;font:700 13px Arial,sans-serif}.embed-field strong,.embed-field p{display:block;margin:0;color:#c4c9ce;font:400 12.7px/1.45 Arial,sans-serif;overflow-wrap:anywhere}.embed-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:11px}.embed-field.full{margin-top:10px}.discord-embed h4+.embed-field.full{margin-top:0}.embed-thumbnail{width:58px;height:58px;flex:0 0 58px;border-radius:4px;object-fit:cover}.embed-footer{display:flex;align-items:center;gap:5px;margin-top:12px;color:#949ba4;font:400 11.6px Arial,sans-serif}.embed-footer img{width:14px;height:14px;border-radius:50%;object-fit:cover}.penalty-help{padding:18px}.penalty-help-row{display:grid;grid-template-columns:27px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(156,173,211,.08)}.penalty-help-row:last-child{border-bottom:0;padding-bottom:0}.penalty-help-row b{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(156,173,211,.1);border-radius:5px;color:#6b758a;font-size:11.9px}.penalty-help-row p{margin:2px 0 0;color:#747d90;font-size:13.6px;line-height:1.55}.penalty-log{padding:22px}.penalty-log-list{display:grid;gap:8px}.penalty-log-item{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid rgba(156,173,211,.09);border-radius:7px;background:rgba(5,7,11,.30);overflow:hidden}.penalty-log-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.penalty-log-item.marker:before{background:#e4b92f}.penalty-log-item.ban:before{background:#e1434d}.penalty-log-item>img{width:42px;height:42px;border-radius:8px;object-fit:cover}.penalty-log-main{min-width:0}.penalty-log-type{display:block;margin-bottom:3px;color:#707a8d;font-size:11px;font-weight:850;letter-spacing:.14em}.penalty-log-item.marker .penalty-log-type{color:#b99a39}.penalty-log-item.ban .penalty-log-type{color:#bf555d}.penalty-log-main strong{display:block;color:#dfe2e9;font-size:14px}.penalty-log-main p{margin:4px 0 0;color:#687286;font-size:13px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.penalty-log-meta{text-align:right}.penalty-log-meta b{display:block;color:#e1e3e9;font-size:13.3px}.penalty-log-meta span,.penalty-log-meta small{display:block;margin-top:3px;color:#626c80;font-size:11.2px}.hidden{display:none!important}
@media(max-width:1050px){.penalty-grid{grid-template-columns:1fr}.penalty-preview-column{position:static}.webhook-preview-card{order:1}.penalty-help{order:2}}
@media(max-width:720px){.penalty-auth{align-items:flex-start;flex-direction:column}.penalty-login{width:100%}.penalty-form{padding:18px}.penalty-type-group{grid-template-columns:1fr}.penalty-amount-row{grid-template-columns:1fr}.discord-message-shell{padding:11px}.discord-embed-body{gap:9px;padding:12px 11px 10px 14px}.embed-thumbnail{width:46px;height:46px;flex-basis:46px}.embed-fields-two{grid-template-columns:1fr;gap:9px}.penalty-log-item{grid-template-columns:38px 1fr}.penalty-log-item>img{width:38px;height:38px}.penalty-log-meta{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.penalty-log-main p{white-space:normal}.penalty-form-head{align-items:center}}

/* Kazni v1.1 — 1/3, 2/3, 3/3 progress + shared member history */
.penalty-type-copy{min-width:0;flex:1}.penalty-stage-badge{margin-left:auto;min-width:58px;padding:7px 8px;border:1px solid rgba(156,173,211,.10);border-radius:6px;background:rgba(4,6,10,.46);text-align:center}.penalty-stage-badge small{display:block!important;margin:0 0 2px!important;color:#636d80!important;font-size:9.9px!important;font-weight:800!important;letter-spacing:.11em}.penalty-stage-badge b{display:block;color:#d9dde6;font-size:14px;line-height:1}.penalty-type.marker.active .penalty-stage-badge{border-color:rgba(241,194,50,.23);background:rgba(241,194,50,.055)}.penalty-type.marker.active .penalty-stage-badge b{color:#e6bf45}.penalty-type.ban.active .penalty-stage-badge{border-color:rgba(237,66,69,.22);background:rgba(237,66,69,.055)}.penalty-type.ban.active .penalty-stage-badge b{color:#e8666d}
.penalty-next-stage{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:-3px 0 16px;padding:10px 12px;border:1px solid rgba(120,135,172,.11);border-radius:6px;background:rgba(255,255,255,.018)}.penalty-next-stage>span{color:#697387;font-size:11px;font-weight:850;letter-spacing:.14em}.penalty-next-stage>strong{min-width:40px;padding:4px 7px;border-radius:5px;background:rgba(255,255,255,.04);color:#e7e9ee;font-size:14px;text-align:center}.penalty-next-stage>small{color:#667084;font-size:11.6px;line-height:1.45}
.penalty-history-head{align-items:center}.history-sync-state{padding:6px 8px;border:1px solid rgba(120,135,172,.10);border-radius:5px;background:rgba(255,255,255,.015);color:#667084;font-size:10.7px;font-weight:800;letter-spacing:.12em}.penalty-user-summary{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(170px,.75fr) minmax(170px,.75fr);gap:10px;margin:16px 0 14px}.penalty-summary-member,.penalty-summary-count{min-height:76px;border:1px solid rgba(145,160,196,.10);border-radius:7px;background:rgba(5,7,11,.28);padding:12px}.penalty-summary-member{display:flex;align-items:center;gap:11px}.penalty-summary-member img{width:48px;height:48px;border-radius:9px;object-fit:cover}.penalty-summary-member small{display:block;color:#657087;font-size:10.2px;font-weight:850;letter-spacing:.13em}.penalty-summary-member strong{display:block;margin-top:4px;color:#e0e3e9;font-size:14.7px}.penalty-summary-member span{display:block;margin-top:2px;color:#697386;font-size:11.6px}.penalty-summary-count{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.penalty-summary-count:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.penalty-summary-count.marker:before{background:#f1c232}.penalty-summary-count.ban:before{background:#ed4245}.penalty-summary-count>span{color:#747e91;font-size:11.9px;font-weight:750}.penalty-summary-count>strong{display:block;margin-top:4px;color:#eef0f4;font-size:20px;line-height:1}.penalty-summary-count.marker>strong{color:#e6bf45}.penalty-summary-count.ban>strong{color:#eb686f}.penalty-summary-count>small{display:block;margin-top:5px;color:#5f697c;font-size:11.6px}.penalty-history-info{margin:12px 0;padding:11px 12px;border:1px dashed rgba(121,136,172,.13);border-radius:6px;color:#697386;font-size:12.4px;line-height:1.5}.penalty-log-type b{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.04);font-size:10.2px;color:#aab1bf}.penalty-log-item.marker .penalty-log-type b{background:rgba(241,194,50,.08);color:#d1ad3f}.penalty-log-item.ban .penalty-log-type b{background:rgba(237,66,69,.08);color:#d75b63}
@media(max-width:900px){.penalty-user-summary{grid-template-columns:1fr 1fr}.penalty-summary-member{grid-column:1/-1}}
@media(max-width:720px){.penalty-stage-badge{min-width:54px}.penalty-next-stage{grid-template-columns:auto auto}.penalty-next-stage>small{grid-column:1/-1}.penalty-history-head{align-items:flex-start;gap:10px}.history-sync-state{align-self:flex-start}.penalty-user-summary{grid-template-columns:1fr}.penalty-summary-member{grid-column:auto}}

/* ===== KOLIČINA KAZNI ===== */
.penalty-catalog-wrap{display:flex;flex-direction:column;gap:18px}
.penalty-catalog-toolbar{padding:26px 28px}
.penalty-catalog-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:28px;align-items:end}
.penalty-catalog-top h3{margin:6px 0 7px;font-size:25px;color:#fff}
.penalty-catalog-top p{margin:0;max-width:650px;color:var(--muted);line-height:1.65}
.penalty-catalog-search{height:58px;border:1px solid rgba(255,255,255,.10);background:rgba(4,6,12,.64);display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:0 16px;border-radius:8px;transition:.2s ease}
.penalty-catalog-search:focus-within{border-color:rgba(224,27,46,.58);box-shadow:0 0 0 3px rgba(224,27,46,.08)}
.penalty-catalog-search svg{width:19px;height:19px;fill:none;stroke:#d52539;stroke-width:1.7}
.penalty-catalog-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit}
.penalty-catalog-search input::placeholder{color:#6f7480}
.penalty-catalog-search span{font-size:15.4px;letter-spacing:.08em;color:#8b909c;white-space:nowrap}
.penalty-catalog-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}
.penalty-catalog-filter{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#a7abb5;padding:10px 15px;border-radius:7px;font:600 15.6px/1 'DM Sans',sans-serif;letter-spacing:.035em;cursor:pointer;transition:.2s ease}
.penalty-catalog-filter:hover{color:#fff;border-color:rgba(224,27,46,.28)}
.penalty-catalog-filter.active{color:#fff;background:linear-gradient(180deg,rgba(194,22,39,.24),rgba(118,10,23,.20));border-color:rgba(224,27,46,.52);box-shadow:inset 0 -2px 0 rgba(229,27,45,.72)}
.penalty-catalog-legend{display:flex;gap:10px;flex-wrap:wrap}
.catalog-legend-item{display:grid;grid-template-columns:5px auto;grid-template-rows:auto auto;column-gap:10px;min-width:230px;padding:12px 15px;background:rgba(9,12,20,.62);border:1px solid rgba(255,255,255,.07);border-radius:7px}
.catalog-legend-item>span{grid-row:1/3;width:4px;border-radius:99px;background:#e7bf22}
.catalog-legend-item.ban>span{background:#d51f36}
.catalog-legend-item strong{font-size:15.6px;color:#e9ebef}
.catalog-legend-item small{margin-top:2px;color:#777e8b;font-size:14px;letter-spacing:.04em}
.penalty-catalog-list{display:flex;flex-direction:column;gap:12px}
.penalty-catalog-card{padding:0;overflow:hidden}
.catalog-card-head{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:22px 24px 18px;align-items:start}
.catalog-card-number{height:42px;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;color:#5b616d;font-size:15.4px;letter-spacing:.16em}
.catalog-card-copy h3{margin:7px 0 6px;color:#fff;font-size:20.9px}
.catalog-card-copy p{margin:0;color:#8f95a1;font-size:16.9px;line-height:1.6;max-width:900px}
.catalog-category-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(217,31,51,.28);background:rgba(189,21,39,.10);border-radius:4px;color:#e16774;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.catalog-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.07);background:rgba(3,5,10,.32)}
.catalog-stage{min-height:76px;padding:15px 17px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid rgba(255,255,255,.065);position:relative}
.catalog-stage:last-child{border-right:0}
.catalog-stage::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.72}
.catalog-stage.marker::before{background:#e8bd20}.catalog-stage.ban::before{background:#dc2037}
.catalog-stage small{color:#7f8490;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.catalog-stage strong{color:#f2f3f5;font-size:16.8px}
.catalog-stage.marker strong{color:#ead36e}.catalog-stage.ban strong{color:#ef6878}
#penaltyCatalogEmpty{padding:42px;border:1px dashed rgba(255,255,255,.09);border-radius:8px;background:rgba(7,9,15,.5)}
@media(max-width:1050px){.penalty-catalog-top{grid-template-columns:1fr}.catalog-stage-grid{grid-template-columns:repeat(3,1fr)}.catalog-stage:nth-child(3){border-right:0}.catalog-stage:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.065)}}
@media(max-width:650px){.penalty-catalog-toolbar{padding:20px}.penalty-catalog-search{grid-template-columns:18px 1fr}.penalty-catalog-search span{display:none}.catalog-card-head{grid-template-columns:1fr;gap:8px}.catalog-card-number{height:auto;border:0}.catalog-stage-grid{grid-template-columns:repeat(2,1fr)}.catalog-stage:nth-child(odd){border-right:1px solid rgba(255,255,255,.065)}.catalog-stage:nth-child(even){border-right:0}.catalog-stage:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.065)}}

/* Količina kazni: dodatna oznaka sklopa pravil */
.catalog-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.catalog-section-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:4px;color:#7f8795;font-size:14px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}


/* FiveM rule example block */
.catalog-example{
  margin-top:14px;
  padding:12px 14px;
  display:flex;
  gap:8px;
  align-items:flex-start;
  border-left:2px solid rgba(211,34,48,.9);
  background:linear-gradient(90deg,rgba(109,14,22,.18),rgba(109,14,22,.05));
  color:rgba(238,241,247,.74);
  font-size:.9rem;
  line-height:1.6;
}
.catalog-example strong{color:#f2f4f8;white-space:nowrap;}
.catalog-example span{color:rgba(220,224,232,.72);}
@media(max-width:640px){.catalog-example{display:block}.catalog-example strong{display:block;margin-bottom:4px}}

/* Robbery rule detail lists */
.catalog-detail-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.07)}
.catalog-detail-list li{padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(238,241,247,.78);font-size:16.9px;line-height:1.55}
.catalog-detail-list li:last-child{border-bottom:0}
.catalog-detail-list li::first-letter{color:#fff}
@media (max-width:720px){.catalog-detail-list li{font-size:15.6px;padding:10px 0}}

/* KAZNI - ISKALNIK PREKRŠENEGA PRAVILA */
.penalty-rule-picker{position:relative;margin:16px 0 0}.penalty-rule-search-box{display:flex;align-items:center;gap:9px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:#080a10;padding:0 10px;transition:.18s ease}.penalty-rule-search-box:focus-within{border-color:rgba(196,33,48,.44);box-shadow:0 0 0 3px rgba(171,9,2,.07)}.penalty-rule-search-box svg{width:15px;height:15px;fill:none;stroke:#7b8396;stroke-width:1.6}.penalty-rule-search-box input{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#e1e3e9;outline:0;font-size:14px}.penalty-rule-search-state{color:#8b5b60;font-size:11px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.penalty-rule-results{position:absolute;z-index:38;left:0;right:0;top:67px;max-height:360px;overflow:auto;padding:6px;border:1px solid rgba(126,143,187,.16);border-radius:7px;background:rgba(7,9,15,.992);box-shadow:0 20px 55px rgba(0,0,0,.5)}.penalty-rule-result{width:100%;display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:5px;background:transparent;text-align:left;color:#fff;cursor:pointer}.penalty-rule-result:hover{background:rgba(171,9,2,.075)}.rule-result-category{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 7px;border:1px solid rgba(171,9,2,.16);border-radius:5px;background:rgba(171,9,2,.045);color:#b96a70;font-size:10.7px;font-weight:800;letter-spacing:.08em;text-align:center}.rule-result-copy{min-width:0}.rule-result-copy strong{display:block;color:#e2e4e9;font-size:13.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-result-copy small{display:block;margin-top:3px;color:#646e82;font-size:11.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-result-stage{min-width:100px;padding:6px 8px;border-radius:5px;text-align:right}.rule-result-stage.marker{background:rgba(241,194,50,.055);border:1px solid rgba(241,194,50,.12)}.rule-result-stage.ban{background:rgba(237,66,69,.055);border:1px solid rgba(237,66,69,.12)}.rule-result-stage small{display:block;color:#6d7688;font-size:10.2px;font-weight:800;letter-spacing:.08em}.rule-result-stage b{display:block;margin-top:3px;color:#d7dae1;font-size:12.7px}.rule-result-stage.marker b{color:#d6b640}.rule-result-stage.ban b{color:#dc6269}.selected-penalty-rule{margin-top:9px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:11px;border:1px solid rgba(171,9,2,.18);border-radius:7px;background:linear-gradient(90deg,rgba(171,9,2,.055),rgba(255,255,255,.012))}.selected-rule-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(171,9,2,.16);border-radius:7px;background:rgba(171,9,2,.045);color:#c95159}.selected-rule-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.selected-rule-copy{min-width:0}.selected-rule-copy small{display:block;color:#a9565d;font-size:10.5px;font-weight:850;letter-spacing:.13em}.selected-rule-copy strong{display:block;margin-top:3px;color:#e4e6eb;font-size:13.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-rule-copy span{display:block;margin-top:2px;color:#667083;font-size:11.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-rule-copy em{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:4px;background:rgba(255,255,255,.035);color:#b9c0cc;font-size:11.2px;font-style:normal;font-weight:750}.selected-penalty-rule>button{width:28px;height:28px;border:1px solid rgba(154,169,202,.12);border-radius:5px;background:#090b12;color:#737d90;font-size:18px;cursor:pointer}.penalty-log-rule{display:block;margin-top:4px;color:#9d7277;font-size:11.2px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){.penalty-rule-result{grid-template-columns:1fr auto}.rule-result-category{grid-column:1/-1;justify-self:start;min-height:auto}.rule-result-stage{min-width:88px}.selected-rule-copy strong,.selected-rule-copy span{white-space:normal}}


/* MULTI-RULE PENALTY PICKER */
.penalty-rule-result{grid-template-columns:minmax(0,1fr) auto!important}
.penalty-rule-result .rule-result-copy strong{font-size:13.7px}
.penalty-rule-result.selected{background:rgba(171,9,2,.10);outline:1px solid rgba(171,9,2,.16)}
.penalty-rule-result.selected .rule-result-copy strong:after{content:'  • DODANO';color:#b85a62;font-size:10.5px;font-weight:850;letter-spacing:.08em}
.selected-penalty-rules{margin-top:9px;border:1px solid rgba(171,9,2,.18);border-radius:7px;background:linear-gradient(90deg,rgba(171,9,2,.045),rgba(255,255,255,.012));overflow:hidden}
.selected-rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid rgba(154,169,202,.09)}
.selected-rules-head>div small{display:block;color:#a9565d;font-size:10.5px;font-weight:850;letter-spacing:.13em}
.selected-rules-head>div strong{display:block;margin-top:2px;color:#e4e6eb;font-size:14px}
.selected-rules-head button{border:1px solid rgba(154,169,202,.12);border-radius:5px;background:#090b12;color:#858ea0;padding:6px 8px;font-size:11.4px;font-weight:800;letter-spacing:.05em;cursor:pointer}
.selected-rules-head button:hover{border-color:rgba(171,9,2,.3);color:#d5d8df}
.selected-rules-list{display:grid;gap:0}
.selected-rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:10px 11px;border-bottom:1px solid rgba(154,169,202,.07)}
.selected-rule-row:last-child{border-bottom:0}
.selected-rule-row-copy{min-width:0}
.selected-rule-row-copy strong{display:block;color:#e4e6eb;font-size:13.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selected-rule-row-copy small{display:block;margin-top:3px;color:#788195;font-size:11.6px}
.selected-rule-row-recommendation{padding:5px 7px;border-radius:4px;background:rgba(255,255,255,.035);font-size:11.9px;font-weight:800;color:#c0c5ce;white-space:nowrap}
.selected-rule-row-recommendation.marker{color:#d6b640;background:rgba(241,194,50,.055);border:1px solid rgba(241,194,50,.1)}
.selected-rule-row-recommendation.ban{color:#dc6269;background:rgba(237,66,69,.055);border:1px solid rgba(237,66,69,.1)}
.selected-rule-row button{width:28px;height:28px;border:1px solid rgba(154,169,202,.12);border-radius:5px;background:#090b12;color:#737d90;font-size:18px;cursor:pointer}
.selected-rules-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:rgba(255,255,255,.018);border-top:1px solid rgba(154,169,202,.09)}
.selected-rules-total span{color:#727b8e;font-size:11.6px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.selected-rules-total strong{color:#eef0f4;font-size:14px}
#previewViolation{white-space:pre-line}
@media(max-width:720px){.selected-rule-row{grid-template-columns:minmax(0,1fr) 28px}.selected-rule-row-recommendation{grid-column:1/-1;grid-row:2}.selected-rule-row-copy strong{white-space:normal}.selected-rules-total{align-items:flex-start;flex-direction:column}}

/* SITE ACCOUNT + FULL ACCESS PANEL */
.site-account{display:flex;align-items:center;gap:10px;margin-left:16px;white-space:nowrap}
.site-account-copy{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.site-account-copy small{color:#596276;font-size:11px;font-weight:800;letter-spacing:.12em}.site-account-copy strong{margin-top:4px;color:#d7dbe4;font-size:14px;font-weight:700}
.full-access-pill{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;border:1px solid rgba(216,35,51,.25);border-radius:5px;background:rgba(188,23,38,.08);color:#df5360;font-size:11px;font-weight:850;letter-spacing:.09em}
.site-logout{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid rgba(156,173,211,.13);border-radius:5px;background:#090b11;color:#8e96a8;text-decoration:none;font-size:12.4px;font-weight:700;transition:.18s}.site-logout:hover{color:#fff;border-color:rgba(201,214,244,.22)}
.owner-only{color:#e47880}.owner-only:before{content:'FULL';position:absolute;top:20px;right:-12px;color:#812d35;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.admin-access-wrap{display:flex;flex-direction:column;gap:16px}.admin-access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.access-stat{padding:20px 22px;position:relative;overflow:hidden}.access-stat:after{content:'';position:absolute;right:-30px;top:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(216,35,51,.08),transparent 68%)}.access-stat small{display:block;color:#697286;font-size:11.9px;font-weight:800;letter-spacing:.14em}.access-stat strong{display:block;margin:8px 0 2px;font:600 34px var(--serif);color:#f0f1f5}.access-stat span{color:#727b8d;font-size:14px}.admin-access-section{padding:24px}.admin-access-head{gap:18px;align-items:flex-start}.admin-access-head h3{margin:6px 0 5px;font:600 23px var(--serif)}.admin-access-head p{margin:0;max-width:740px;color:#71798c;font-size:13.3px;line-height:1.6}.refresh-access-btn{height:34px;padding:0 12px;border:1px solid rgba(156,173,211,.15);border-radius:6px;background:#090b12;color:#99a1b1;font-size:12.4px;font-weight:700}.refresh-access-btn:hover{border-color:rgba(208,219,246,.25);color:#fff}.access-search input{min-width:250px;height:34px;padding:0 11px;border:1px solid rgba(156,173,211,.14);border-radius:6px;background:#080a10;color:#d9dce3;outline:0;font-size:14px}.access-search input:focus{border-color:rgba(214,33,48,.35)}.access-request-list,.active-access-list,.recent-access-list{display:flex;flex-direction:column;border-top:1px solid rgba(156,173,211,.08)}.access-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.9fr) minmax(140px,.7fr) auto;gap:16px;align-items:center;padding:15px 2px;border-bottom:1px solid rgba(156,173,211,.08)}.access-row:last-child{border-bottom:0}.access-person{min-width:0}.access-person strong{display:block;color:#e6e8ed;font-size:14px}.access-person span{display:block;margin-top:3px;color:#6f788b;font-size:12.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-meta small{display:block;color:#596275;font-size:11.6px;font-weight:800;letter-spacing:.1em}.access-meta span{display:block;margin-top:4px;color:#a3a9b6;font-size:13.2px}.access-status{justify-self:start;min-height:25px;padding:0 8px;display:inline-flex;align-items:center;border-radius:5px;font-size:11px;font-weight:850;letter-spacing:.08em}.access-status.pending{color:#e5ca63;border:1px solid rgba(241,194,50,.18);background:rgba(241,194,50,.06)}.access-status.approved{color:#78d9ad;border:1px solid rgba(104,215,161,.18);background:rgba(104,215,161,.06)}.access-status.rejected{color:#e76f7c;border:1px solid rgba(237,66,69,.18);background:rgba(237,66,69,.06)}.access-status.full{color:#f08a94;border:1px solid rgba(214,33,48,.22);background:rgba(214,33,48,.08)}.access-actions{display:flex;justify-content:flex-end;gap:7px}.access-btn{height:31px;padding:0 10px;border-radius:5px;font-size:11.9px;font-weight:800;border:1px solid rgba(156,173,211,.13);background:#090b12;color:#8c95a7;white-space:nowrap}.access-btn.approve{border-color:rgba(83,205,149,.22);color:#71d5a8;background:rgba(67,181,128,.06)}.access-btn.reject,.access-btn.delete{border-color:rgba(222,55,69,.20);color:#dc6975;background:rgba(190,29,43,.055)}.access-btn:hover{filter:brightness(1.22)}.access-btn:disabled{opacity:.4;cursor:wait}.recent-access-list .access-row{grid-template-columns:minmax(0,1.4fr) minmax(170px,.8fr) minmax(120px,.6fr)}.recent-access-list .access-actions{display:none}.admin-access-loading{padding:28px;text-align:center;color:#697286;font-size:14px}.access-main-badge{margin-left:7px;color:#d14b57;font-size:10.2px;font-weight:850;letter-spacing:.08em}
@media(max-width:1450px){.site-account-copy{display:none}.full-access-pill{display:none}.site-account{margin-left:8px}.main-nav{gap:12px}.nav-link{font-size:14.7px}}
@media(max-width:1220px){.site-account{display:none}.admin-access-summary{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:850px){.admin-access-summary{grid-template-columns:1fr}.admin-access-head{flex-direction:column}.access-search{width:100%}.access-search input{width:100%;min-width:0}.access-row,.recent-access-list .access-row{grid-template-columns:1fr 1fr;gap:10px}.access-actions{grid-column:1/-1;justify-content:flex-start}.access-status{justify-self:end}.access-meta{grid-column:1/2}.recent-access-list .access-status{grid-column:2;grid-row:1;align-self:start}.admin-access-section{padding:18px}}
@media(max-width:520px){.access-row,.recent-access-list .access-row{grid-template-columns:1fr}.access-status,.recent-access-list .access-status{grid-column:auto;grid-row:auto;justify-self:start}.access-meta{grid-column:auto}.access-actions{grid-column:auto;flex-wrap:wrap}.access-btn{flex:1}.admin-access-section{padding:15px}}

/* ===== READABILITY UPDATE =====
   Portal only. Login/registration uses auth.css and is intentionally unchanged. */
body{font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
input,textarea,select,button{font-weight:500}
.inner-hero p,.rule-row p,.admin-access-head p,.penalty-help-row p,.penalty-log-main p{color:#9da4b4}