*{box-sizing:border-box;margin:0;padding:0;}html{font-family:Arial,Helvetica,sans-serif;}body{min-height:100vh;color:#ffffff;background:radial-gradient( circle at top right,rgba(255,0,0,0.16),transparent 35% ),linear-gradient( 135deg,#8b0000,#ae0000 45%,#800000 );}.app{width:100%;min-height:100vh;padding:6px 18px 35px;}.top-header{position:relative;max-width:1100px;margin:0 auto;text-align:center;}.top-line{display:none !important;}.top-header h1{margin-top:48px;font-size:46px;line-height:1.05;font-weight:800;}.subtitle{max-width:820px;margin:10px auto 24px;font-size:15px;line-height:1.7;color:#fff4f4;}.gif-header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}.gif-header img{position:relative;display:block;max-width:100%;height:auto;padding:4px;object-fit:contain;border:3px solid transparent;border-radius:6px;background:linear-gradient( #000,#000 ) padding-box,linear-gradient( 90deg,#ff0000,#ff7b00,#ffe600,#00ff66,#00ffff,#0066ff,#8a00ff,#ff00cc,#ff0000 ) border-box;background-size:100% 100%,400% 100%;animation:gifRainbowBorder 3s linear infinite;box-shadow:0 0 5px #ffffff,0 0 10px rgba(0,255,255,0.8),0 0 18px rgba(255,0,255,0.65),0 0 28px rgba(255,100,0,0.45);}@keyframes gifRainbowBorder{0%{background-position:0 0,0% 50%;}100%{background-position:0 0,400% 50%;}}@property --rainbow-angle{syntax:"<angle>";initial-value:0deg;inherits:false;}.calculator-wrapper{position:relative;isolation:isolate;width:100%;max-width:1100px;margin:0 auto;padding:20px;overflow:visible;border:3px solid transparent;border-radius:30px;background:linear-gradient( 180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03) );box-shadow:0 20px 50px rgba(0,0,0,0.15);}.calculator-wrapper::before{content:"";position:absolute;inset:-4px;z-index:10;padding:3px;border-radius:32px;pointer-events:none;background:conic-gradient( from var(--rainbow-angle),#ff005d,#ff0000,#ff7b00,#ffe600,#7cff00,#00ff88,#00ffff,#008cff,#6a00ff,#d500ff,#ff00aa,#ff005d );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rainbowBorderMove 4s linear infinite;filter:drop-shadow( 0 0 3px rgba(255,255,255,0.9) ) drop-shadow( 0 0 7px rgba(0,255,255,0.7) ) drop-shadow( 0 0 12px rgba(255,0,255,0.55) );}.calculator-wrapper::after{content:"";position:absolute;inset:-5px;z-index:-1;border-radius:34px;pointer-events:none;box-shadow:0 0 8px rgba(255,255,255,0.55),0 0 15px rgba(0,255,255,0.35),0 0 22px rgba(255,0,255,0.30);animation:rainbowGlowPulse 1.6s ease-in-out infinite alternate;}@keyframes rainbowBorderMove{from{--rainbow-angle:0deg;}to{--rainbow-angle:360deg;}}@keyframes rainbowGlowPulse{from{opacity:0.55;box-shadow:0 0 6px rgba(255,255,255,0.45),0 0 12px rgba(0,255,255,0.25),0 0 18px rgba(255,0,255,0.20);}to{opacity:1;box-shadow:0 0 10px rgba(255,255,255,0.85),0 0 20px rgba(0,255,255,0.50),0 0 30px rgba(255,0,255,0.45);}}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px;border-radius:22px;background:rgba(85,0,0,0.55);}.tab-button{min-height:58px;border:0;border-radius:18px;outline:0;cursor:pointer;color:#ffffff;background:transparent;font-size:15px;font-weight:800;transition:0.2s ease;}.tab-button:hover{background:rgba(255,255,255,0.05);}.tab-button.active{background:linear-gradient( 135deg,#ff0707,#c00000 );box-shadow:0 8px 20px rgba(255,0,0,0.18);}.tab-content{display:none;margin-top:20px;}.tab-content.active{display:block;}.content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:18px;}.card{padding:18px;border:1px solid rgba(255,255,255,0.18);border-radius:22px;background:linear-gradient( 145deg,rgba(110,0,0,0.75),rgba(80,0,0,0.75) );}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;}.card-heading h2{font-size:17px;}.badge{color:#ffd55b;font-size:13px;font-weight:800;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.form-group{margin-bottom:26px;}.form-group.full{margin-bottom:22px;}.form-group label{display:block;margin-bottom:9px;font-size:14px;font-weight:700;}input,select{width:100%;height:51px;padding:0 14px;border:1px solid rgba(255,255,255,0.20);border-radius:15px;outline:none;color:#ffffff;background:#4c0505;font-size:16px;font-weight:700;}input:focus,select:focus{border-color:#ffc84b;box-shadow:0 0 0 3px rgba(255,200,75,0.11);}select option{background:#4c0505;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type="number"]{appearance:textfield;-moz-appearance:textfield;}#status{appearance:auto;cursor:pointer;border:1px solid #d78d1d;border-radius:15px;color:#ffffff;background:#4c0505;font-weight:700;}#status:focus{border-color:#ffc84b;outline:none;box-shadow:0 0 0 3px rgba(255,200,75,0.14);}#status option{color:#111111;background:#ffffff;font-weight:500;}.help-text{margin-top:8px;color:#ffd778;font-size:12px;line-height:1.6;}.money-input{height:51px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,0.20);border-radius:15px;background:#4c0505;}.money-input span{margin-right:18px;color:#ffc743;font-size:16px;font-weight:800;}.money-input input{height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}.button-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;}.btn{min-height:48px;border:0;border-radius:15px;cursor:pointer;color:#ffffff;font-weight:800;transition:0.18s ease;}.btn:hover{transform:translateY(-1px);}.btn-primary{background:#050505;}.btn-reset{border:1px solid rgba(255,255,255,0.20);background:rgba(255,255,255,0.06);}.total-box{min-height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:13px;padding:15px;border:1px solid #d45300;border-radius:21px;background:linear-gradient( 145deg,#790800,#5d0505 );}.total-box span{color:#ffd286;font-size:12px;font-weight:700;}.total-box strong{font-size:25px;}.result-row{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;padding:10px 14px;border:1px solid rgba(255,255,255,0.13);border-radius:15px;background:rgba(255,255,255,0.07);}.result-row span{color:#f4dddd;font-size:12px;}.result-row strong{font-size:14px;}.gold{color:#ffd44d;}.info-box{margin-top:14px;padding:15px;border:1px solid rgba(255,178,0,0.40);border-radius:15px;background:rgba(176,84,0,0.25);color:#ffd99b;font-size:13px;line-height:1.6;}.parlay-list{max-height:430px;overflow-y:auto;margin-bottom:18px;padding-right:7px;}.parlay-list::-webkit-scrollbar{width:9px;}.parlay-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.08);}.parlay-list::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(255,255,255,0.55);}.parlay-row{display:grid;grid-template-columns:52px minmax(90px,1fr) minmax(110px,1fr);gap:10px;align-items:center;margin-bottom:10px;padding:10px;border:1px solid rgba(255,255,255,0.15);border-radius:16px;background:rgba(255,255,255,0.05);}.parlay-number{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient( 135deg,#ff0707,#bd0000 );color:#ffffff;font-weight:800;}.parlay-row input,.parlay-row select{height:49px;margin:0;}.parlay-nominal{margin-top:4px;}.parlay-detail-box{margin-top:14px;padding:14px;border:1px solid rgba(255,190,0,0.55);border-radius:15px;background:linear-gradient( 145deg,rgba(70,0,0,0.78),rgba(40,0,0,0.82) );color:#ffffff;overflow-x:auto;}.parlay-detail-title{margin-bottom:12px;color:#ffd34d;font-size:14px;font-weight:800;}.parlay-detail-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;line-height:1.35;}.parlay-detail-table th,.parlay-detail-table td{padding:7px 5px;border:1px solid rgba(255,255,255,0.16);text-align:center;vertical-align:middle;word-break:break-word;}.parlay-detail-table th{color:#ffffff;background:rgba(255,255,255,0.08);font-size:10px;font-weight:800;}.parlay-detail-table td{color:#f5e7e7;}.parlay-detail-table .status-cell{color:#ffd34d;font-weight:800;}.parlay-detail-table .formula-cell{color:#76ffff;font-size:9px;}.parlay-detail-total{margin-top:12px;padding:10px;border-radius:10px;background:rgba(255,255,255,0.05);text-align:center;font-size:10px;line-height:1.5;}.parlay-detail-total-title{margin-bottom:5px;color:#ffd34d;font-size:12px;font-weight:800;}.parlay-detail-total-formula{color:#ffffff;word-break:break-word;}.parlay-detail-total-result{margin-top:4px;color:#76ffff;font-weight:800;}@media (max-width:520px){.parlay-detail-box{padding:10px;}.parlay-detail-table{font-size:8px;}.parlay-detail-table th,.parlay-detail-table td{padding:5px 3px;}.parlay-detail-table th{font-size:8px;}.parlay-detail-table .formula-cell{font-size:7px;}.parlay-detail-total{font-size:9px;}}.parlay-detail-box::-webkit-scrollbar{width:7px;}.parlay-detail-box::-webkit-scrollbar-track{border-radius:10px;background:rgba(255,255,255,0.05);}.parlay-detail-box::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(255,210,70,0.55);}.logout-btn{position:absolute;top:18px;right:18px;z-index:20;padding:9px 15px;border:1px solid rgba(255,255,255,0.25);border-radius:12px;background:rgba(0,0,0,0.45);color:#ffffff;font-weight:800;cursor:pointer;transition:0.18s ease;}.logout-btn:hover{background:rgba(0,0,0,0.65);transform:translateY(-1px);}@media (hover:hover) and (pointer:fine){html,body,body *{cursor:url("./assets/cursor.png") 0 0,auto !important;}}@media (max-width:780px){.app{padding-left:10px;padding-right:10px;}.top-header h1{margin-top:32px;font-size:34px;}.subtitle{font-size:14px;}.calculator-wrapper{padding:12px;border-radius:22px;}.tabs{grid-template-columns:1fr;}.tab-button{min-height:48px;}.content-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}@media (max-width:520px){.parlay-row{grid-template-columns:45px 1fr 1fr;gap:7px;padding:8px;}.parlay-number{width:38px;height:38px;}.logout-btn{top:10px;right:6px;padding:7px 10px;font-size:11px;}}@media (max-width:480px){.top-header h1{font-size:29px;}.card{padding:14px;}.button-row{grid-template-columns:1fr;}}.app-layout{width:100%;min-height:100vh;display:flex;align-items:stretch;}.sidebar{position:fixed;top:0;left:0;bottom:0;width:230px;z-index:100;display:flex;flex-direction:column;padding:28px 16px;border-right:2px solid rgba(255,255,255,0.18);background:linear-gradient( 180deg,rgba(45,0,0,0.98),rgba(18,0,0,0.98) );box-shadow:8px 0 25px rgba(0,0,0,0.28);}.sidebar-title{margin-bottom:25px;padding:13px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.15);color:#ffd34d;font-size:17px;font-weight:900;letter-spacing:2px;}.side-menu{width:100%;min-height:52px;margin-bottom:12px;padding:10px 14px;border:1px solid rgba(255,255,255,0.15);border-radius:14px;outline:none;color:#ffffff;background:rgba(255,255,255,0.05);text-align:left;font-size:14px;font-weight:800;cursor:pointer;transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;}.side-menu:hover{transform:translateX(3px);border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.10);}.side-menu.active{border-color:#ff3b3b;background:linear-gradient( 135deg,#ff0707,#9e0000 );box-shadow:0 0 8px rgba(255,0,0,0.55),0 0 16px rgba(0,255,255,0.18);}.main-area{width:calc(100% - 230px);min-height:100vh;margin-left:230px;}@media (max-width:900px){.sidebar{position:relative;width:100%;height:auto;padding:12px;flex-direction:row;flex-wrap:wrap;gap:8px;border-right:0;border-bottom:2px solid rgba(255,255,255,0.18);}.sidebar-title{width:100%;margin-bottom:4px;padding:8px;font-size:14px;}.side-menu{flex:1 1 150px;min-height:44px;margin-bottom:0;text-align:center;font-size:12px;}.side-menu:hover{transform:none;}.app-layout{display:block;}.main-area{width:100%;margin-left:0;}}.app-page{display:none;}.app-page.active{display:block;}.mahjong-wrapper{position:relative;width:100%;max-width:1100px;margin:25px auto 0;padding:32px 26px;overflow:hidden;border:2px solid rgba(255,255,255,0.18);border-radius:28px;background:linear-gradient( 145deg,rgba(105,0,0,0.92),rgba(40,0,0,0.96) );box-shadow:0 15px 40px rgba(0,0,0,0.28),0 0 15px rgba(255,0,0,0.18);}.mahjong-header{text-align:center;}.mahjong-header h1{margin-bottom:25px;color:#ffe600;font-size:34px;line-height:1.25;font-weight:900;text-shadow:0 0 10px rgba(255,80,0,0.65);}.mahjong-header h2{margin-bottom:24px;color:#00d12d;font-size:21px;font-weight:900;text-shadow:0 0 8px rgba(0,255,60,0.30);}.mahjong-header p{margin-bottom:12px;color:#ffffff;font-size:14px;font-weight:700;}.mahjong-textarea{width:100%;min-height:180px;display:block;padding:18px;resize:vertical;border:1px solid rgba(255,255,255,0.20);border-radius:16px;outline:none;color:#ffb2b2;background:rgba(15,0,0,0.88);font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;transition:0.2s ease;}.mahjong-textarea:focus{border-color:#ff3131;box-shadow:0 0 0 3px rgba(255,0,0,0.12),0 0 15px rgba(255,0,0,0.15);}.mahjong-result-title{margin:35px 0 22px;color:#00c82f;text-align:center;font-size:22px;font-weight:900;text-shadow:0 0 8px rgba(0,255,50,0.30);}.mahjong-table-wrapper{width:100%;overflow-x:auto;padding:3px;border-radius:18px;background:linear-gradient( 90deg,#ff004c,#ffea00,#00ff66,#00eaff,#7b2cff,#ff004c );background-size:300% 100%;box-shadow:0 0 8px rgba(255,0,70,0.45),0 0 14px rgba(0,234,255,0.22);}.mahjong-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:15px;background:linear-gradient( 180deg,#650000,#250000 );}.mahjong-table th{padding:15px 8px;color:#ffffff;background:linear-gradient( 180deg,#f20b0b 0%,#b00000 55%,#780000 100% );border-right:1px solid rgba(255,255,255,0.14);border-bottom:1px solid rgba(255,211,77,0.45);text-align:center;font-size:13px;line-height:1.3;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,0.7);}.mahjong-table th:last-child{border-right:0;}.mahjong-table td{padding:15px 8px;color:#ffffff;background:linear-gradient( 180deg,rgba(105,0,0,0.96),rgba(55,0,0,0.98) );border-right:1px solid rgba(255,255,255,0.08);text-align:center;font-size:13px;font-weight:700;}.mahjong-table td:last-child{border-right:0;}#mahjongUserId{color:#ffffff;font-weight:900;}#mahjongNamaPermainan{color:#fdfdfd;font-weight:900;}#mahjongKodeTicket{color:#00eaff;font-weight:800;}#mahjongTotalKemenangan{color:#ff0000;font-size:15px;font-weight:900;text-shadow:0 0 7px rgba(57,255,136,0.45);}#mahjongTaruhan{color:#ff0000;font-size:15px;font-weight:900;text-shadow:0 0 7px rgba(255,211,77,0.40);}.mahjong-table tbody tr{transition:filter 0.18s ease,transform 0.18s ease;}.mahjong-table tbody tr:hover{filter:brightness(1.15);}.mahjong-actions{display:flex;justify-content:center;gap:12px;margin-top:22px;}.mahjong-copy-btn,.mahjong-reset-btn{min-width:130px;min-height:46px;padding:10px 20px;border:1px solid rgba(255,255,255,0.18);border-radius:13px;color:#ffffff;font-weight:900;cursor:pointer;transition:0.18s ease;}.mahjong-copy-btn{background:linear-gradient( 135deg,#ff1010,#bd0000 );box-shadow:0 0 12px rgba(255,0,0,0.28);}.mahjong-reset-btn{background:rgba(255,255,255,0.07);}.mahjong-copy-btn:hover,.mahjong-reset-btn:hover{transform:translateY(-2px);}@media (max-width:780px){.mahjong-wrapper{margin-top:15px;padding:22px 14px;border-radius:20px;}.mahjong-header h1{font-size:25px;}.mahjong-header h2{font-size:18px;}.mahjong-textarea{min-height:160px;font-size:12px;}.mahjong-table{min-width:850px;}.mahjong-actions{flex-direction:column;}.mahjong-copy-btn,.mahjong-reset-btn{width:100%;}}.mahjong-wrapper{position:relative;border:3px solid transparent !important;border-radius:28px;background:linear-gradient( 145deg,rgba(105,0,0,0.96),rgba(45,0,0,0.98) ) padding-box,linear-gradient( 90deg,#ff00d4,#ff1744,#ff9100,#fff000,#39ff14,#00f5ff,#2979ff,#9c27ff,#ff00d4 ) border-box;background-size:100% 100%,300% 100%;animation:mahjongRainbowBorder 5s linear infinite;box-shadow:0 0 8px rgba(255,0,212,0.75),0 0 14px rgba(0,245,255,0.55),0 0 22px rgba(57,255,20,0.30),inset 0 0 15px rgba(255,255,255,0.05);}@keyframes mahjongRainbowBorder{0%{background-position:0 0,0% 50%;}100%{background-position:0 0,300% 50%;}}.mahjong-wrapper::before{content:"";position:absolute;inset:-7px;z-index:-1;border-radius:32px;background:linear-gradient( 90deg,#ff00d4,#ff1744,#ff9100,#fff000,#39ff14,#00f5ff,#2979ff,#9c27ff,#ff00d4 );background-size:300% 100%;filter:blur(13px);opacity:0.55;animation:mahjongOuterGlow 5s linear infinite;pointer-events:none;}@keyframes mahjongOuterGlow{0%{background-position:0% 50%;}100%{background-position:300% 50%;}}.mahjong-wrapper::after{content:"";position:absolute;inset:-3px;z-index:2;border-radius:30px;padding:3px;pointer-events:none;background:linear-gradient( 90deg,#ff004c,#ff8a00,#fff000,#39ff14,#00ffff,#2979ff,#9c27ff,#ff00d4,#ff004c );background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mahjongBorderMove 4s linear infinite;filter:drop-shadow(0 0 3px #00ffff) drop-shadow(0 0 6px rgba(255,0,212,0.65));}@keyframes mahjongBorderMove{0%{background-position:0% 0%;}25%{background-position:100% 0%;}50%{background-position:100% 100%;}75%{background-position:0% 100%;}100%{background-position:0% 0%;}}@media (max-width:780px){.mahjong-wrapper{border-width:2px !important;border-radius:20px;box-shadow:0 0 7px rgba(255,0,212,0.65),0 0 12px rgba(0,245,255,0.40);}.mahjong-wrapper::before{inset:-4px;border-radius:23px;filter:blur(8px);opacity:0.45;}}.togel-wrapper{position:relative;width:100%;padding:28px;margin-top:24px;border:3px solid transparent;border-radius:28px;background:linear-gradient( 145deg,rgba(105,0,0,0.97),rgba(48,0,0,0.98) ) padding-box,linear-gradient( 90deg,#ff004c,#ff9100,#fff000,#39ff14,#00ffff,#2979ff,#9c27ff,#ff00d4 ) border-box;background-size:100% 100%,300% 100%;animation:togelBorderMove 5s linear infinite;box-shadow:0 0 10px rgba(255,0,76,0.55),0 0 18px rgba(0,255,255,0.25);overflow:hidden;}.togel-intro{text-align:center;margin-bottom:26px;}.togel-intro h1{margin:0 0 10px;color:#ffd900;font-size:30px;font-weight:900;text-shadow:0 0 8px rgba(255,217,0,0.45);}.togel-intro p{max-width:760px;margin:0 auto;color:#ffffff;font-size:14px;line-height:1.6;font-weight:600;}.togel-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 30px;}.togel-tab{appearance:none;border:2px solid #ffd600;border-radius:999px;padding:10px 17px;background:linear-gradient( 180deg,#d80b0b,#8e0000 );color:#ffffff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 0 6px rgba(255,214,0,0.22);transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,color 0.18s ease;}.togel-tab:hover{transform:translateY(-2px);box-shadow:0 0 8px #ffd600,0 0 14px rgba(255,214,0,0.45);}.togel-tab.active{color:#160000;background:linear-gradient( 180deg,#fff86b,#ffc400 );box-shadow:0 0 7px #fff000,0 0 15px rgba(255,196,0,0.55);}.togel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;}.togel-card{position:relative;min-width:0;padding:14px;border:2px solid #ffd600;border-radius:14px;background:linear-gradient( 145deg,#d41414,#8b0000 );box-shadow:0 5px 0 #541000,0 0 7px rgba(255,214,0,0.20);transition:transform 0.18s ease,box-shadow 0.18s ease;}.togel-card:hover{transform:translateY(-3px);box-shadow:0 6px 0 #541000,0 0 10px rgba(255,214,0,0.50);}.togel-card-title{margin-bottom:8px;padding-bottom:8px;border-bottom:2px dashed rgba(255,255,255,0.55);color:#ffffff;text-align:center;font-size:14px;font-weight:900;}.togel-card-rule{min-height:18px;margin-bottom:10px;color:#ffffff;text-align:center;font-size:11px;font-weight:800;}.togel-input{width:100%;height:40px;padding:0 12px;border:2px solid #ffd600;border-radius:8px;outline:none;background:#f4f8ff;color:#111111;text-align:center;font-size:12px;font-weight:800;box-sizing:border-box;}.togel-input:focus{border-color:#00eaff;box-shadow:0 0 8px rgba(0,234,255,0.65);}.togel-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;}.togel-hit,.togel-reset{min-height:38px;border:0;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer;transition:transform 0.15s ease,filter 0.15s ease;}.togel-hit{color:#160000;background:linear-gradient( 180deg,#fff300,#dca800 );box-shadow:0 4px 0 #856700;}.togel-reset{color:#ffffff;background:linear-gradient( 180deg,#ff3a3a,#b00000 );box-shadow:0 4px 0 #670000;}.togel-hit:hover,.togel-reset:hover{filter:brightness(1.12);transform:translateY(-1px);}.togel-result{margin-top:13px;padding:11px;border:1px solid rgba(255,255,255,0.18);border-radius:9px;background:rgba(30,0,0,0.62);color:#ffffff;text-align:center;font-size:12px;line-height:1.7;display:none;}.togel-result.show{display:block;}.togel-result strong{color:#ffd600;}.togel-empty{padding:30px;color:#ffffff;text-align:center;font-weight:800;}@keyframes togelBorderMove{0%{background-position:0 0,0% 50%;}100%{background-position:0 0,300% 50%;}}@media (max-width:1000px){.togel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:650px){.togel-wrapper{padding:16px;border-radius:20px;}.togel-intro h1{font-size:23px;}.togel-grid{grid-template-columns:1fr;}.togel-tabs{gap:7px;}.togel-tab{padding:8px 12px;font-size:10px;}}#togelSubcategoryWrap{width:100%;margin:0 0 20px;padding:12px 14px;border:2px solid #ffd600;border-radius:14px;background:linear-gradient( 180deg,#720000,#4c0000 );box-shadow:0 0 8px rgba(255,214,0,0.22);text-align:center;}#togelSubcategoryWrap>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;}.togel-subtab{appearance:none;min-height:30px;padding:6px 11px;border:1px solid #d34747;border-radius:7px;outline:none;background:linear-gradient( 180deg,#b91212,#7c0505 );color:#ffffff;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 rgba(65,0,0,0.75);transition:transform 0.15s ease,filter 0.15s ease,box-shadow 0.15s ease;}.togel-subtab:hover{filter:brightness(1.15);transform:translateY(-1px);}.togel-subtab.active{border-color:#fff36a;background:linear-gradient( 180deg,#fff76a,#ffc400 );color:#190000;box-shadow:0 0 8px #ffe600,0 0 15px rgba(255,210,0,0.55);}.togel-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;width:100%;}.togel-card{min-width:0;padding:11px !important;border:2px solid #ffd600 !important;border-radius:12px !important;background:linear-gradient( 180deg,#e31313,#a60000 ) !important;box-shadow:0 4px 0 #5c1000,0 0 5px rgba(255,214,0,0.20) !important;}.togel-card-title{margin-bottom:7px;padding-bottom:7px;border-bottom:1px dashed rgba(255,255,255,0.65);color:#ffffff;text-align:center;font-size:12px;font-weight:900;}.togel-card-rule{min-height:17px;margin-bottom:9px;color:#ffffff;text-align:center;font-size:9px;font-weight:800;}.togel-input{width:100% !important;height:31px !important;padding:0 10px !important;border:1px solid #ffd600 !important;border-radius:6px !important;background:#f7f9ff !important;color:#202020 !important;text-align:center !important;font-size:10px !important;font-weight:800 !important;box-shadow:none !important;}.togel-card-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin-top:8px !important;}.togel-hit,.togel-reset{min-height:30px !important;border:0 !important;border-radius:6px !important;color:#ffffff;font-size:9px !important;font-weight:900 !important;cursor:pointer;}.togel-hit{color:#ffffff !important;background:linear-gradient( 180deg,#00f732,#00b61e ) !important;box-shadow:0 3px 0 #007811,0 0 5px rgba(0,255,55,0.35) !important;}.togel-reset{color:#ffffff !important;background:linear-gradient( 180deg,#ff2828,#c00000 ) !important;box-shadow:0 3px 0 #790000 !important;}.togel-result{display:none;margin-top:10px;padding:9px;border:1px solid rgba(255,255,255,0.22);border-radius:7px;background:rgba(40,0,0,0.66);color:#ffffff;font-size:10px;}@media (max-width:1000px){.togel-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}@media (max-width:650px){.togel-grid{grid-template-columns:1fr !important;}#togelSubcategoryWrap{padding:11px 8px;}.togel-subtab{padding:6px 8px;font-size:8px;}}.togel-card-title{font-size:14px !important;line-height:1.25 !important;}.togel-card-rule{font-size:11px !important;line-height:1.35 !important;}.togel-input{height:36px !important;font-size:11px !important;font-weight:800 !important;}.togel-input::placeholder{font-size:11px !important;opacity:0.85;}.togel-hit,.togel-reset{min-height:34px !important;font-size:10px !important;letter-spacing:0.2px;}.togel-subtab{min-height:32px;padding:7px 12px;font-size:10px !important;}.togel-card{padding:13px !important;}.togel-card-rule{margin-bottom:10px !important;}.togel-card-actions{margin-top:9px !important;}#page-slot-center{width:100%;padding-bottom:28px;}.slot-unified-card{width:min(100%,1180px);margin:18px auto 32px;padding:20px;box-sizing:border-box;border:2px solid #ffd700;border-radius:16px;background:linear-gradient( 180deg,rgba(112,0,0,0.96) 0%,rgba(71,0,0,0.98) 100% );box-shadow:0 10px 28px rgba(0,0,0,0.32),0 0 16px rgba(255,215,0,0.15);}.slot-unified-title{margin-bottom:6px;color:#ffd700;font-size:22px;font-weight:900;letter-spacing:0.2px;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,0.7);}.slot-unified-subtitle{margin-bottom:16px;color:#ffffff;font-size:13px;font-weight:600;text-align:center;opacity:0.92;}.slot-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;}.slot-mode-btn{width:100%;min-height:38px;padding:10px 14px;border:1px solid #ffd700;border-radius:9px;background:linear-gradient( 180deg,#3d0000,#250000 );color:#ffd700;font-size:12px;font-weight:900;cursor:pointer;transition:transform 0.15s ease,background 0.2s ease,box-shadow 0.2s ease;}.slot-mode-btn:hover{transform:translateY(-1px);background:linear-gradient( 180deg,#720000,#4a0000 );box-shadow:0 0 10px rgba(255,215,0,0.24);}.slot-mode-btn.active{border-color:#ffd700;background:linear-gradient( 180deg,#ff1717,#b00000 );color:#ffffff;box-shadow:0 0 0 1px rgba(255,215,0,0.55),0 0 10px rgba(255,55,0,0.32);}.slot-mode-info{margin:2px 0 7px;color:#ffd700;font-size:13px;font-weight:800;}.slot-unified-label{display:block;margin-bottom:7px;color:#ffffff;font-size:13px;font-weight:800;}.slot-unified-input{width:100%;min-height:105px;max-height:220px;box-sizing:border-box;padding:11px 12px;resize:vertical;border:2px solid #ffd700;border-radius:9px;outline:none;background:#ffffff;color:#111111;font-family:Consolas,"Courier New",monospace;font-size:11px;line-height:1.4;transition:border-color 0.2s ease,box-shadow 0.2s ease;}.slot-unified-input:focus{border-color:#ffec70;box-shadow:0 0 0 3px rgba(255,215,0,0.12),0 0 12px rgba(255,215,0,0.18);}.slot-unified-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 13px;}.slot-unified-actions button{min-width:100px;min-height:36px;padding:9px 15px;border:0;border-radius:8px;color:#ffffff;font-size:11px;font-weight:900;cursor:pointer;transition:transform 0.15s ease,filter 0.2s ease,box-shadow 0.2s ease;}.slot-unified-actions button:hover{transform:translateY(-1px);filter:brightness(1.08);}#slotUnifiedProcessBtn,#slotUnifiedCopyBtn{background:linear-gradient( 180deg,#00d43f,#009d2e );box-shadow:0 5px 12px rgba(0,150,45,0.25);}#slotUnifiedResetBtn{background:linear-gradient( 180deg,#ff2424,#bf0000 );box-shadow:0 5px 12px rgba(190,0,0,0.3);}.slot-unified-empty{padding:22px;border:1px dashed rgba(255,255,255,0.35);border-radius:10px;background:rgba(35,0,0,0.35);color:#ffffff;text-align:center;font-size:13px;font-weight:700;}.slot-bonus-autofill-area{position:relative;margin-top:14px;padding:13px 14px;border:1px solid #ffd700;border-radius:10px;background:linear-gradient( 135deg,#4a0000,#6d0000 );color:#ffffff;box-shadow:inset 0 0 14px rgba(255,215,0,0.05);}.slot-bonus-autofill-title{margin-bottom:6px;color:#ffd700;font-size:14px;font-weight:900;}.slot-bonus-autofill-area>div:not(.slot-bonus-autofill-title){margin-bottom:12px;font-size:12px;line-height:1.45;}#bonusBookmarkLinkUnified{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #ffd700;border-radius:8px;background:linear-gradient( 180deg,#00d33d,#00962c );color:#ffffff;font-size:11px;font-weight:900;text-decoration:none;cursor:grab;box-shadow:0 5px 14px rgba(0,140,40,0.28);transition:transform 0.15s ease,filter 0.2s ease;}#bonusBookmarkLinkUnified:hover{transform:translateY(-1px);filter:brightness(1.08);}#bonusBookmarkLinkUnified:active{cursor:grabbing;}#slotUnifiedPreview .seamless-slot-table-wrap{width:100%;overflow-x:auto;margin-top:4px;border:1px solid #ffd700;border-radius:10px;background:#320000;scrollbar-width:thin;scrollbar-color:#ffd700 #380000;}#slotUnifiedPreview .seamless-slot-table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#ffffff;color:#111111;font-size:10px;}#slotUnifiedPreview .seamless-slot-table thead th{padding:9px 5px;border-right:1px solid rgba(255,215,0,0.35);border-bottom:2px solid #ffd700;background:linear-gradient( 180deg,#a90000,#620000 );color:#ffd700;text-align:center;vertical-align:middle;font-size:9px;font-weight:900;line-height:1.15;letter-spacing:0.1px;}#slotUnifiedPreview .seamless-slot-table tbody td{padding:7px 5px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#ffffff;color:#111111;text-align:center;vertical-align:middle;font-size:10px;font-weight:600;line-height:1.25;}#slotUnifiedPreview .seamless-slot-table tbody tr:nth-child(even) td{background:#fff8e8;}#slotUnifiedPreview .seamless-slot-table tbody tr:hover td{background:#fff4c9;}#slotUnifiedPreview .seamless-slot-table th:nth-child(1),#slotUnifiedPreview .seamless-slot-table td:nth-child(1){width:9%;min-width:85px;white-space:nowrap;word-break:normal;overflow-wrap:normal;}#slotUnifiedPreview .seamless-slot-table th:nth-child(2),#slotUnifiedPreview .seamless-slot-table td:nth-child(2){width:15%;min-width:135px;}#slotUnifiedPreview .seamless-slot-table th:nth-child(3),#slotUnifiedPreview .seamless-slot-table td:nth-child(3){width:15%;min-width:135px;}#slotUnifiedPreview .seamless-slot-table th:nth-child(4),#slotUnifiedPreview .seamless-slot-table td:nth-child(4){width:9%;}#slotUnifiedPreview .seamless-slot-table th:nth-child(5),#slotUnifiedPreview .seamless-slot-table td:nth-child(5){width:13%;min-width:120px;white-space:nowrap;word-break:normal;overflow-wrap:normal;}#slotUnifiedPreview .seamless-slot-table th:nth-child(6),#slotUnifiedPreview .seamless-slot-table td:nth-child(6){width:14%;}#slotUnifiedPreview .seamless-slot-table th:nth-child(7),#slotUnifiedPreview .seamless-slot-table td:nth-child(7){width:11%;}#slotUnifiedPreview .seamless-slot-table th:nth-child(8),#slotUnifiedPreview .seamless-slot-table td:nth-child(8){width:12%;white-space:nowrap;}#slotUnifiedPreview .seamless-slot-table th:nth-child(9),#slotUnifiedPreview .seamless-slot-table td:nth-child(9){width:9%;white-space:nowrap;}#slotUnifiedPreview .seamless-slot-table input{width:100%;min-height:32px;box-sizing:border-box;padding:6px 7px;border:1px solid #c9aa45;border-radius:5px;outline:none;background:#ffffff;color:#111111;font-size:10px;}#slotUnifiedPreview .seamless-slot-table input:focus{border-color:#d00000;box-shadow:0 0 0 2px rgba(208,0,0,0.12);}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar{height:6px;}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar-track{background:#350000;}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar-thumb{border-radius:10px;background:#ffd700;}@media (max-width:900px){.slot-unified-card{width:calc(100% - 16px);padding:14px;}.slot-mode-switch{grid-template-columns:1fr;}#slotUnifiedPreview .seamless-slot-table{min-width:980px;}}@media (max-width:768px){.slot-unified-card{margin-top:12px;border-radius:13px;}.slot-unified-title{font-size:19px;}.slot-unified-actions{display:grid;grid-template-columns:1fr 1fr;}#slotUnifiedProcessBtn{grid-column:1 / -1;}.slot-unified-actions button{width:100%;}}#slotUnifiedPreview .seamless-slot-table-wrap{position:relative;overflow-x:auto;border:2px solid #63eaff;border-radius:10px;background:#041c2b;box-shadow:0 0 5px rgba(91,226,255,0.95),0 0 12px rgba(0,191,255,0.65),0 0 24px rgba(0,153,255,0.30),inset 0 0 8px rgba(113,235,255,0.20);}#slotUnifiedPreview .seamless-slot-table-wrap::before{content:"";position:absolute;top:0;left:3%;right:3%;height:2px;z-index:3;pointer-events:none;background:linear-gradient( 90deg,transparent,#ffffff,#7deaff,#ffffff,transparent );box-shadow:0 0 8px #6eeaff,0 0 14px rgba(0,195,255,0.85);}#slotUnifiedPreview .seamless-slot-table thead th{position:relative;padding:10px 6px;border-right:1px solid rgba(180,245,255,0.65);border-bottom:2px solid #72eaff;background:linear-gradient( 180deg,#42d8ff 0%,#13b8e9 45%,#0789c2 100% );color:#ffffff;text-align:center;vertical-align:middle;font-size:9px;font-weight:900;line-height:1.15;text-shadow:0 1px 2px rgba(0,42,72,0.95),0 0 5px rgba(255,255,255,0.35);box-shadow:inset 0 1px 0 rgba(255,255,255,0.75),inset 0 -3px 5px rgba(0,74,120,0.28);}#slotUnifiedPreview .seamless-slot-table thead th::before{content:"";position:absolute;top:2px;left:6%;right:6%;height:38%;border-radius:4px;pointer-events:none;background:linear-gradient( 180deg,rgba(255,255,255,0.42),rgba(255,255,255,0.04) );}#slotUnifiedPreview .seamless-slot-table thead th:last-child{border-right:0;}#slotUnifiedPreview .seamless-slot-table tbody td{padding:8px 6px;border-right:1px solid rgba(62,186,221,0.30);border-bottom:1px solid rgba(62,186,221,0.28);background:linear-gradient( 180deg,#ffffff 0%,#edfaff 100% );color:#102b3a;font-weight:700;transition:background 0.18s ease,box-shadow 0.18s ease;}#slotUnifiedPreview .seamless-slot-table tbody tr:nth-child(even) td{background:linear-gradient( 180deg,#e8faff 0%,#d9f5ff 100% );}#slotUnifiedPreview .seamless-slot-table tbody tr:hover td{background:linear-gradient( 180deg,#d4f8ff 0%,#bdefff 100% );box-shadow:inset 0 0 10px rgba(0,190,255,0.15);}#slotUnifiedPreview .slot-unified-empty{position:relative;margin:0;padding:28px 20px;border:0;border-radius:0 0 8px 8px;background:linear-gradient( 180deg,#f8fdff 0%,#e8f8ff 100% );color:#52636c;font-weight:800;text-align:center;box-shadow:inset 0 4px 12px rgba(0,174,235,0.08);}#slotUnifiedPreview .seamless-slot-table input{border:1px solid #5acbe8;background:linear-gradient( 180deg,#ffffff,#effbff );color:#102b3a;box-shadow:inset 0 1px 3px rgba(0,117,160,0.10);}#slotUnifiedPreview .seamless-slot-table input:focus{border-color:#00c8ff;box-shadow:0 0 0 2px rgba(0,199,255,0.18),0 0 9px rgba(0,199,255,0.45);outline:none;}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar{height:6px;}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar-track{background:#07354c;}#slotUnifiedPreview .seamless-slot-table-wrap::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient( 90deg,#21bce9,#9af3ff,#21bce9 );box-shadow:0 0 6px #4ee5ff;}#slotUnifiedPreview .seamless-slot-table-wrap{border:2px solid #62eaff !important;background:#041b29 !important;box-shadow:0 0 5px #70ecff,0 0 12px rgba(0,200,255,0.75),0 0 22px rgba(0,140,255,0.38) !important;}#slotUnifiedPreview .seamless-slot-table thead th{background:linear-gradient( 180deg,#72edff 0%,#22c5ef 45%,#078fc4 100% ) !important;color:#ffffff !important;border-right:1px solid rgba(215,252,255,0.70) !important;border-bottom:2px solid #a8f6ff !important;text-shadow:0 1px 2px #004b70,0 0 5px rgba(255,255,255,.55);box-shadow:inset 0 2px 0 rgba(255,255,255,.70),inset 0 -3px 6px rgba(0,77,130,.25);}#slotUnifiedPreview .seamless-slot-table thead th{position:relative;overflow:hidden;}#slotUnifiedPreview .seamless-slot-table thead th::after{content:"";position:absolute;top:0;left:-100%;width:65%;height:100%;background:linear-gradient( 110deg,transparent 20%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.18) 60%,transparent 80% );animation:slotSkyShine 3.2s linear infinite;pointer-events:none;}@keyframes slotSkyShine{0%{left:-100%;}55%,100%{left:140%;}}#slotUnifiedPreview .seamless-slot-table .slot-empty-row td{padding:0 !important;background:linear-gradient( 180deg,#ffffff,#e9faff ) !important;}.slot-table-empty-message{min-height:60px;display:flex;align-items:center;justify-content:center;color:#4b6470;font-size:11px;font-weight:800;}.calculator-wrapper::before{filter:drop-shadow( 0 0 5px rgba(255,80,180,.42) ) !important;animation-duration:7s !important;}.calculator-wrapper::after{animation:none !important;opacity:.78;box-shadow:0 0 8px rgba(255,255,255,.38),0 0 15px rgba(0,255,255,.22),0 0 22px rgba(255,0,255,.20);}.gif-header img{animation-duration:6s !important;box-shadow:0 0 5px rgba(255,255,255,.72),0 0 10px rgba(0,255,255,.48),0 0 17px rgba(255,0,255,.34);}.mahjong-wrapper::before{filter:blur(6px) !important;opacity:.42 !important;animation-duration:8s !important;}.mahjong-wrapper::after{filter:drop-shadow( 0 0 5px rgba(0,255,255,.50) ) !important;animation-duration:7s !important;}.mahjong-table-wrapper{animation-duration:8s !important;box-shadow:0 0 8px rgba(255,0,212,.45),0 0 13px rgba(0,245,255,.30) !important;}.togel-wrapper{animation-duration:8s !important;box-shadow:0 0 9px rgba(255,0,76,.38),0 0 15px rgba(0,255,255,.18) !important;}.slot-unified-card::after{animation-duration:6s !important;}.app-page:not(.active){display:none !important;}.app-page{contain:layout style paint;}.mahjong-table-wrapper,.seamless-slot-table-wrap,.bonus-slot-table-wrapper{contain:layout paint;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;}}.mahjong-image-checker{margin-top:28px;padding:22px;border:2px solid rgba(0,238,255,.95);border-radius:22px;background:linear-gradient( 180deg,rgba(28,0,0,.92),rgba(12,0,0,.94) );box-shadow:0 0 8px rgba(0,238,255,.65),0 0 18px rgba(255,0,112,.34);}.mahjong-image-title{text-align:center;color:#00ff4c;font-size:21px;font-weight:900;text-shadow:0 0 8px rgba(0,255,76,.45);}.mahjong-image-subtitle{max-width:760px;margin:8px auto 18px;text-align:center;color:#ffeaea;font-size:13px;line-height:1.6;}.mahjong-image-dropzone{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px;border:2px dashed rgba(255,211,0,.88);border-radius:18px;outline:none;cursor:pointer;background:linear-gradient( 145deg,rgba(82,0,0,.72),rgba(32,0,0,.86) );color:#ffffff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}.mahjong-image-dropzone:hover,.mahjong-image-dropzone:focus,.mahjong-image-dropzone.dragover{transform:translateY(-1px);border-color:#00f5ff;box-shadow:0 0 0 3px rgba(0,245,255,.12),0 0 16px rgba(0,245,255,.35);}.mahjong-image-drop-icon{font-size:34px;}.mahjong-image-dropzone strong{color:#ffd900;font-size:18px;font-weight:900;text-shadow:0 0 8px rgba(255,217,0,.38);}.mahjong-image-dropzone span{color:#f3cfcf;font-size:12px;}.mahjong-image-preview-wrap{margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.36);}.mahjong-image-preview-wrap[hidden]{display:none !important;}.mahjong-image-preview-wrap{width:100%;margin-top:16px;padding:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.36);}.mahjong-image-preview-wrap[hidden]{display:none !important;}#mahjongImagePreview{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border-radius:10px;object-fit:contain;}.mahjong-image-scan-status{margin-top:10px;text-align:center;color:#f1d9d9;font-size:12px;font-weight:800;}.mahjong-image-scan-status.ready{color:#ffe867;}.mahjong-image-scan-status.working{color:#55e8ff;}.mahjong-image-scan-status.success{color:#35ff79;}.mahjong-image-scan-status.warning,.mahjong-image-scan-status.error{color:#ff9c9c;}.mahjong-image-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}.mahjong-image-actions button{min-height:45px;border:0;border-radius:12px;cursor:pointer;color:#ffffff;font-size:12px;font-weight:900;}.mahjong-image-actions button:disabled{opacity:.45;cursor:not-allowed;}.mahjong-image-analyze-btn{background:linear-gradient( 180deg,#10bd37,#067f22 );}.mahjong-image-copy-btn{background:linear-gradient( 180deg,#008be7,#005bad );}.mahjong-image-reset-btn{background:linear-gradient( 180deg,#8c3131,#5b1515 );}.mahjong-image-result{margin-top:16px;}.mahjong-image-empty{min-height:64px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);color:#d9bebe;text-align:center;font-size:12px;line-height:1.6;}.mahjong-image-warning{color:#ffd0d0;border-color:rgba(255,110,110,.36);}.mahjong-image-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;}.mahjong-image-summary>div{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.05);}.mahjong-image-summary span{color:#dfc9c9;font-size:11px;font-weight:800;}.mahjong-image-summary strong{font-size:20px;}.mahjong-image-table-wrap{overflow-x:auto;border:2px solid #00e9ff;border-radius:14px;background:#140000;box-shadow:0 0 10px rgba(0,233,255,.32);}.mahjong-image-table{width:100%;border-collapse:collapse;}.mahjong-image-table th,.mahjong-image-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.10);text-align:center;font-size:12px;font-weight:800;}.mahjong-image-table th{color:#ffffff;background:linear-gradient( 180deg,#d90000,#9b0000 );}.mahjong-image-table tr:last-child td{border-bottom:0;}.share-yes{color:#26ff68 !important;}.share-no{color:#ff5f5f !important;}.mahjong-image-note{margin-top:10px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.05);color:#efdede;font-size:11px;line-height:1.6;}@media (max-width:720px){.mahjong-image-actions,.mahjong-image-summary{grid-template-columns:1fr;}}.mahjong-ticket-code{color:#00eaff;font-weight:800;letter-spacing:.35px;white-space:nowrap;font-variant-numeric:tabular-nums;}@media (max-width:760px){.mahjong-ticket-code{font-size:11px;}}.mahjong-ticket-editor{display:flex;flex-direction:column;gap:5px;align-items:center;}.mahjong-ticket-input{width:220px;max-width:95%;padding:8px 10px;border:1px solid #ff5050;border-radius:6px;background:#140606;color:#ffffff;text-align:center;font-weight:700;letter-spacing:0.5px;outline:none;}.mahjong-ticket-input:focus{border-color:#00eaff;box-shadow:0 0 8px rgba(0,234,255,0.45);}.mahjong-ticket-input.ticket-valid{border-color:#00ff66;}.mahjong-ticket-input.ticket-empty{border-color:#ff9a00;}.mahjong-ticket-hint{font-size:10px;font-weight:700;opacity:0.9;}.mahjong-ticket-disabled{opacity:0.5;}#page-mahjong.active{margin-top:-1px !important;padding-top:0 !important;}body:has(#page-mahjong.active) #appHeaderTitle{margin-bottom:+20px !important;}body:has(#page-mahjong.active) #appHeaderSubtitle{display:none !important;margin:0 !important;padding:0 !important;height:0 !important;}#page-mahjong.active>*:first-child{margin-top:4px !important;}#page-mahjong.active section,#page-mahjong.active .panel,#page-mahjong.active .card{margin-top:8px !important;margin-bottom:8px !important;}#page-mahjong textarea{min-height:105px !important;height:105px !important;}#page-mahjong table{margin-top:6px !important;margin-bottom:6px !important;}#mahjongImageDropzone{margin-top:6px !important;padding-top:14px !important;padding-bottom:14px !important;}body:has(#page-mahjong.active) main{padding-top:4px !important;}.top-toast{position:fixed;top:90px;left:57%;transform:translate(-50%,-10px);z-index:999999;max-width:520px;width:max-content;padding:10px 18px;border-radius:9px;background:rgba(10,18,15,0.96);border:1px solid #00ff66;color:#ffffff;font-size:13px;font-weight:700;text-align:center;box-shadow:0 0 12px rgba(0,255,102,0.35);opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;}.top-toast.show{opacity:1;transform:translate(-50%,0);}

/* PERFORMANCE FAST MODE */
.gif-header img,
.calculator-wrapper::before,
.calculator-wrapper::after,
.mahjong-wrapper,
.mahjong-wrapper::before,
.mahjong-wrapper::after,
.togel-wrapper,
#slotUnifiedPreview .seamless-slot-table thead th::after {
  animation: none !important;
}

.calculator-wrapper::before,
.mahjong-wrapper::after {
  filter: none !important;
}

.mahjong-wrapper::before {
  filter: blur(3px) !important;
  opacity: .28 !important;
}

.gif-header img {
  box-shadow:
    0 0 5px rgba(255,255,255,.55),
    0 0 10px rgba(0,255,255,.28) !important;
}

.calculator-wrapper,
.mahjong-wrapper,
.togel-wrapper,
.slot-unified-card {
  box-shadow:
    0 8px 24px rgba(0,0,0,.22) !important;
}

@media (max-width: 900px) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
  }

  .mahjong-wrapper::before,
  .mahjong-wrapper::after,
  .calculator-wrapper::before,
  .calculator-wrapper::after {
    display: none !important;
  }
}

/* =========================================
   CEK NAWALA - MAIN PAGE
========================================= */

.nawala-module-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#nawalaFrame {
  display: block !important;

  width: 100% !important;

  height: calc(100vh - 150px) !important;
  min-height: 780px !important;

  border: 0 !important;
  border-radius: 14px !important;

  background: #050000 !important;
}

/* naikkan judul nawala mendekati logo */
body:has(#page-nawala.active) #appHeaderTitle {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  transform: translateY(-18px) !important;
}

body:has(#page-nawala.active) #appHeaderSubtitle {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  transform: translateY(-18px) !important;
}

/* =========================================================
   CYBER EMBER CIRCUIT - SIDEBAR MENU
   Lightweight Version
========================================================= */

.sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #140000 0%,
      #090000 55%,
      #120000 100%
    ) !important;

  border-right:
    1px solid rgba(255, 55, 35, .35) !important;
}


/* ========================================
   JUDUL MENU
======================================== */

.sidebar-title {
  position: relative;

  margin-bottom: 18px !important;
  padding-bottom: 14px !important;

  color: #ff7670 !important;

  text-align: center;
  letter-spacing: 2px;

  text-shadow:
    0 0 5px rgba(255, 45, 35, .55);
}


/* garis cyber kiri-kanan */
.sidebar-title::before,
.sidebar-title::after {
  content: "";

  position: absolute;
  bottom: 3px;

  width: 34px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #ff382e
    );

  box-shadow:
    0 0 5px rgba(255, 45, 35, .55);
}

.sidebar-title::before {
  left: 12px;
}

.sidebar-title::after {
  right: 12px;

  transform: scaleX(-1);
}


/* ========================================
   BUTTON DASAR
======================================== */

.side-menu {
  isolation: isolate;

  position: relative !important;

  display: flex !important;
  align-items: center !important;

  gap: 10px !important;

  width: 100% !important;

  min-height: 48px !important;

  padding:
    8px 11px !important;

  margin-bottom:
    9px !important;

  overflow: hidden !important;

  border:
    1px solid rgba(255, 67, 45, .34) !important;

  border-radius:
    9px !important;

  background:
    linear-gradient(
      100deg,
      rgba(35, 2, 2, .96),
      rgba(15, 2, 2, .98)
    ) !important;

  color:
    #f6f6f6 !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 2px 7px rgba(0,0,0,.30),
    0 0 5px rgba(255,40,25,.06) !important;

  transition:
    transform .18s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease !important;
}


/* ========================================
   DETAIL CIRCUIT DI SISI KANAN
======================================== */

.side-menu::before {
  content: "";

  position: absolute;

  right: 5px;
  top: 50%;

  width: 35px;
  height: 25px;

  transform:
    translateY(-50%);

  opacity: .22;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent 0 18%,
      rgba(255,60,40,.75) 19% 22%,
      transparent 23% 45%,
      rgba(255,60,40,.55) 46% 49%,
      transparent 50%
    );

  clip-path:
    polygon(
      0 25%,
      35% 25%,
      46% 5%,
      100% 5%,
      100% 12%,
      50% 12%,
      39% 33%,
      0 33%,

      0 60%,
      50% 60%,
      62% 80%,
      100% 80%,
      100% 88%,
      58% 88%,
      47% 68%,
      0 68%
    );
}


/* ========================================
   ICON
======================================== */

.side-menu .menu-icon {
  position: relative;

  z-index: 3;

  flex:
    0 0 30px !important;

  width:
    30px !important;

  height:
    30px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    1px solid rgba(255, 65, 45, .50) !important;

  border-radius:
    6px !important;

  background:
    linear-gradient(
      145deg,
      #210404,
      #090202
    ) !important;

  color:
    #ff766b !important;

  font-size:
    14px !important;

  box-shadow:
    inset 0 0 7px rgba(255,45,30,.08),
    0 0 5px rgba(255,45,30,.12) !important;

  text-shadow:
    0 0 5px rgba(255,65,40,.45);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    color .2s ease !important;
}


.side-menu .menu-label {
  position: relative;
  z-index: 3;

  font-weight:
    700;

  line-height:
    1.15;
}


/* ========================================
   NON ACTIVE - CYBER IDLE
======================================== */

.side-menu:not(.active) {
  animation:
    cyberIdlePulse 3.4s ease-in-out infinite !important;
}


@keyframes cyberIdlePulse {

  0%,
  100% {
    border-color:
      rgba(255,55,40,.28);

    box-shadow:
      0 2px 7px rgba(0,0,0,.28),
      0 0 3px rgba(255,35,25,.05);
  }

  50% {
    border-color:
      rgba(255,75,50,.43);

    box-shadow:
      0 2px 7px rgba(0,0,0,.30),
      0 0 7px rgba(255,45,30,.12);
  }
}


/* ========================================
   HOVER NON-ACTIVE
======================================== */

.side-menu:not(.active):hover {
  transform:
    translateX(2px) !important;

  border-color:
    rgba(255,95,65,.80) !important;

  background:
    linear-gradient(
      100deg,
      #260303,
      #110202
    ) !important;

  box-shadow:
    0 0 6px rgba(255,45,30,.24),
    0 0 12px rgba(255,30,20,.10) !important;
}


.side-menu:not(.active):hover .menu-icon {
  transform:
    scale(1.07);

  color:
    #ffb19e !important;

  box-shadow:
    0 0 7px rgba(255,60,35,.28) !important;
}


/* ========================================
   ACTIVE CYBER EMBER
======================================== */

.side-menu.active {
  border-color:
    #ff4a32 !important;

  background:
    linear-gradient(
      100deg,
      #630500 0%,
      #e4140b 45%,
      #6f0500 100%
    ) !important;

  box-shadow:
    0 0 0 1px rgba(255,150,90,.35),
    0 0 7px rgba(255,45,20,.72),
    0 0 16px rgba(255,25,10,.30),
    inset 0 0 10px rgba(255,100,60,.16) !important;

  animation:
    cyberActivePulse 1.45s ease-in-out infinite !important;
}


/* glow border berkedip */
@keyframes cyberActivePulse {

  0%,
  100% {
    border-color:
      #ff3d28;

    box-shadow:
      0 0 0 1px rgba(255,120,70,.30),
      0 0 6px rgba(255,45,25,.55),
      0 0 13px rgba(255,25,10,.23),
      inset 0 0 8px rgba(255,85,55,.12);
  }

  50% {
    border-color:
      #ffb064;

    box-shadow:
      0 0 0 2px rgba(255,145,75,.42),
      0 0 10px rgba(255,55,20,.78),
      0 0 21px rgba(255,30,10,.37),
      inset 0 0 11px rgba(255,145,90,.18);
  }
}


/* ========================================
   ACTIVE ICON
======================================== */

.side-menu.active .menu-icon {
  color:
    #ffffff !important;

  border-color:
    rgba(255,170,100,.85) !important;

  background:
    linear-gradient(
      145deg,
      #4e0500,
      #170201
    ) !important;

  box-shadow:
    0 0 6px rgba(255,120,60,.50),
    inset 0 0 7px rgba(255,90,45,.15) !important;
}


/* ========================================
   ACTIVE LIGHT STREAK
======================================== */

.side-menu.active::after {
  content: "";

  position: absolute;

  top: -30%;
  left: -46%;

  width:
    34%;

  height:
    160%;

  transform:
    skewX(-12deg);

  pointer-events:
    none;

  z-index:
    2;

  background:
    linear-gradient(
      100deg,
      transparent 0%,
      rgba(255,255,255,.04) 28%,
      rgba(255,185,120,.38) 42%,
      rgba(255,255,255,.95) 50%,
      rgba(255,110,55,.36) 58%,
      transparent 78%
    );

  animation:
    cyberStreak 3.15s ease-in-out infinite !important;
}


@keyframes cyberStreak {

  0% {
    left: -50%;
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  42% {
    left: 128%;
    opacity: 1;
  }

  53%,
  100% {
    left: 128%;
    opacity: 0;
  }
}


/* ========================================
   PERFORMANCE / ACCESSIBILITY
======================================== */

@media (prefers-reduced-motion: reduce) {

  .side-menu,
  .side-menu.active,
  .side-menu:not(.active),
  .side-menu.active::after {

    animation:
      none !important;

  }

}

/* =========================================================
   CYBER EMBER - FINAL GEOMETRY SAFETY PATCH
========================================================= */
.sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

.side-menu {
  rotate: 0deg !important;
  skew: none !important;
}

.side-menu .menu-label,
.side-menu .menu-icon {
  rotate: 0deg !important;
  skew: none !important;
}

/* Hanya kilau yang diagonal ringan */
.side-menu.active::after {
  transform: skewX(-12deg) !important;
}

/* =========================================================
   CYBER EMBER CIRCUIT V2
   Lebih mirip referensi + tetap ringan
========================================================= */

/* PANEL SIDEBAR */
.sidebar {
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0 18px,
      rgba(255,35,20,.025) 19px,
      transparent 20px
    ),
    linear-gradient(
      180deg,
      #100000 0%,
      #050000 52%,
      #0c0000 100%
    ) !important;

  border-right:
    1px solid rgba(255,70,45,.55) !important;

  box-shadow:
    inset -1px 0 rgba(255,55,35,.16),
    5px 0 20px rgba(0,0,0,.35) !important;
}


/* ===============================
   JUDUL MENU
================================ */

.sidebar-title {
  color: #ff6b61 !important;

  font-weight: 900 !important;

  letter-spacing:
    2.3px !important;

  text-shadow:
    0 0 5px rgba(255,50,35,.7),
    0 0 12px rgba(255,25,15,.25) !important;
}


/* ===============================
   BUTTON DASAR
================================ */

.side-menu {
  position: relative !important;

  min-height:
    54px !important;

  padding:
    8px 11px !important;

  margin-bottom:
    9px !important;

  border:
    1px solid rgba(255,65,45,.48) !important;

  border-radius:
    8px !important;

  background:
    linear-gradient(
      100deg,
      rgba(25,2,2,.98) 0%,
      rgba(12,1,1,.98) 68%,
      rgba(28,3,3,.98) 100%
    ) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,40,25,.055),
    inset 0 1px rgba(255,255,255,.025),
    0 3px 7px rgba(0,0,0,.38),
    0 0 5px rgba(255,35,20,.09) !important;

  overflow:
    hidden !important;

  transform:
    none !important;

  transition:
    transform .18s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease !important;
}


/* ===============================
   CIRCUIT PATTERN KANAN
================================ */

.side-menu::before {
  content: "" !important;

  position: absolute !important;

  top: 5px !important;
  right: 5px !important;
  bottom: 5px !important;

  width: 52px !important;

  opacity: .48 !important;

  pointer-events: none !important;

  background:

    linear-gradient(
      90deg,
      transparent 0 12px,
      rgba(255,65,42,.40) 12px 13px,
      transparent 13px
    ),

    linear-gradient(
      0deg,
      transparent 0 7px,
      rgba(255,65,42,.45) 7px 8px,
      transparent 8px 18px,
      rgba(255,65,42,.22) 18px 19px,
      transparent 19px
    ),

    radial-gradient(
      circle at 78% 20%,
      #ff4c38 0 1px,
      transparent 2px
    ),

    radial-gradient(
      circle at 58% 73%,
      #ff4c38 0 1px,
      transparent 2px
    ),

    radial-gradient(
      circle at 92% 52%,
      #ff4c38 0 1px,
      transparent 2px
    ) !important;

  clip-path:
    polygon(
      16% 0,
      100% 0,
      100% 100%,
      8% 100%,
      8% 78%,
      28% 66%,
      28% 35%,
      16% 25%
    ) !important;
}


/* ===============================
   ICON CYBER BOX
================================ */

.side-menu .menu-icon {
  position: relative !important;

  z-index: 4 !important;

  flex:
    0 0 32px !important;

  width:
    32px !important;

  height:
    32px !important;

  border-radius:
    6px !important;

  border:
    1px solid rgba(255,65,45,.70) !important;

  background:
    linear-gradient(
      145deg,
      #230302,
      #080101
    ) !important;

  color:
    #ff7468 !important;

  box-shadow:
    inset 0 0 8px rgba(255,35,20,.13),
    0 0 5px rgba(255,40,25,.20) !important;

  text-shadow:
    0 0 6px rgba(255,60,40,.60) !important;

  transform:
    none !important;
}


/* tulisan */
.side-menu .menu-label {
  position:
    relative !important;

  z-index:
    4 !important;

  color:
    #f7f7f7 !important;

  font-weight:
    800 !important;
}


/* ===============================
   NON ACTIVE
================================ */

.side-menu:not(.active) {
  animation:
    cyberIdleV2 3.8s ease-in-out infinite !important;
}


@keyframes cyberIdleV2 {

  0%,
  100% {

    border-color:
      rgba(255,58,42,.35);

    box-shadow:
      inset 0 0 0 1px rgba(255,40,20,.035),
      0 3px 7px rgba(0,0,0,.38),
      0 0 3px rgba(255,35,20,.07);

  }

  50% {

    border-color:
      rgba(255,75,52,.58);

    box-shadow:
      inset 0 0 0 1px rgba(255,60,30,.06),
      0 3px 7px rgba(0,0,0,.38),
      0 0 8px rgba(255,40,20,.16);

  }

}


/* ===============================
   HOVER
================================ */

.side-menu:not(.active):hover {

  transform:
    translateX(3px) !important;

  border-color:
    rgba(255,105,70,.92) !important;

  background:
    linear-gradient(
      100deg,
      #300302,
      #130101
    ) !important;

  box-shadow:
    0 0 7px rgba(255,45,25,.34),
    0 0 14px rgba(255,25,12,.16) !important;
}


/* ===============================
   ACTIVE
================================ */

.side-menu.active {

  border:
    1px solid #ff6a3c !important;

  background:
    linear-gradient(
      100deg,
      #8d0802 0%,
      #f01b0b 45%,
      #720500 100%
    ) !important;

  box-shadow:
    0 0 0 1px rgba(255,190,110,.42),
    0 0 6px #ff3c1c,
    0 0 13px rgba(255,40,15,.62),
    0 0 23px rgba(255,20,5,.28),
    inset 0 0 12px rgba(255,120,70,.18) !important;

  animation:
    cyberActiveV2 1.45s ease-in-out infinite !important;
}


@keyframes cyberActiveV2 {

  0%,
  100% {

    box-shadow:
      0 0 0 1px rgba(255,170,90,.35),
      0 0 6px rgba(255,55,25,.72),
      0 0 13px rgba(255,30,12,.36),
      inset 0 0 9px rgba(255,100,55,.14);

  }

  50% {

    box-shadow:
      0 0 0 2px rgba(255,210,130,.62),
      0 0 10px rgba(255,85,35,.95),
      0 0 21px rgba(255,35,10,.62),
      inset 0 0 14px rgba(255,150,90,.22);

  }

}


/* active icon */
.side-menu.active .menu-icon {

  border-color:
    #ffad72 !important;

  color:
    #ffffff !important;

  background:
    linear-gradient(
      145deg,
      #620800,
      #210100
    ) !important;

  box-shadow:
    0 0 7px rgba(255,100,45,.65),
    inset 0 0 9px rgba(255,65,30,.22) !important;
}


/* ===============================
   ACTIVE BEAM / STREAK
================================ */

.side-menu.active::after {

  content: "" !important;

  position:
    absolute !important;

  top:
    -28% !important;

  left:
    -45% !important;

  width:
    30% !important;

  height:
    160% !important;

  z-index:
    3 !important;

  pointer-events:
    none !important;

  transform:
    skewX(-12deg) !important;

  background:
    linear-gradient(
      100deg,
      transparent 0%,
      rgba(255,255,255,.05) 25%,
      rgba(255,170,100,.35) 38%,
      rgba(255,255,255,.95) 49%,
      rgba(255,120,60,.45) 59%,
      transparent 80%
    ) !important;

  animation:
    cyberBeamV2 3s ease-in-out infinite !important;
}


@keyframes cyberBeamV2 {

  0% {
    left: -45%;
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  45% {
    left: 128%;
    opacity: 1;
  }

  55%,
  100% {
    left: 128%;
    opacity: 0;
  }

}


/* ===============================
   PERFORMANCE
================================ */

@media (prefers-reduced-motion: reduce) {

  .side-menu,
  .side-menu::after {

    animation:
      none !important;

  }

}

/* =========================================================
   RESPONSIVE DESKTOP CENTER FIX
   Stabil untuk full screen maupun window diperkecil
========================================================= */

@media (min-width: 901px) {

  .main-area {
    width: calc(100% - 230px) !important;
    min-width: 0 !important;

    margin-left: 230px !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  .top-header,
  .mahjong-wrapper,
  .calculator-wrapper,
  .togel-wrapper,
  .slot-unified-card,
  .nawala-module-wrapper {
    width: min(1100px, calc(100% - 48px)) !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* ========================================
   DESKTOP MENENGAH
   saat browser diperkecil
======================================== */

@media (min-width: 901px) and (max-width: 1400px) {

  .top-header,
  .mahjong-wrapper,
  .calculator-wrapper,
  .togel-wrapper,
  .slot-unified-card,
  .nawala-module-wrapper {
    width: calc(100% - 36px) !important;
    max-width: 980px !important;
  }

}


/* ========================================
   DESKTOP KECIL
======================================== */

@media (min-width: 901px) and (max-width: 1150px) {

  .sidebar {
    width: 190px !important;
  }

  .main-area {
    width: calc(100% - 190px) !important;
    margin-left: 190px !important;
  }

  .top-header,
  .mahjong-wrapper,
  .calculator-wrapper,
  .togel-wrapper,
  .slot-unified-card,
  .nawala-module-wrapper {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }

}


/* ========================================
   MOBILE / TABLET
======================================== */

@media (max-width: 900px) {

  .main-area {
    width: 100% !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }

}