:root{--gold:#ffd45c;--rose:#ff6684;--green:#4ce0a5;--muted:#d0a7b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 0,#701334 0,#280013 42%,#090006 88%);color:#fff;font-family:Nunito,sans-serif}.side{position:fixed;z-index:20;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;padding:25px 16px;border-right:1px solid #65223c;background:linear-gradient(180deg,#3a071e,#150008)}.hearts-brand-nav{display:flex;align-items:center;gap:9px;padding:10px 10px 28px;color:var(--rose);text-shadow:0 0 16px #ff3e69}.hearts-brand-nav span{font-size:32px}.hearts-brand-nav strong{color:#fff;font-size:20px}.hearts-brand-nav small,.hero h1 small{padding:3px 7px;border-radius:7px;background:var(--gold);color:#3b1020;font-size:8px;text-shadow:none}.side nav{display:grid;gap:7px}.side nav a,.side nav button,.back{display:flex;align-items:center;width:100%;padding:12px 14px;border:0;border-radius:11px;background:none;color:#ddc1cb;font:800 14px Nunito;text-decoration:none;text-align:left;cursor:pointer}.side nav a:hover,.side nav button:hover,.side nav .active{color:#fff;background:linear-gradient(90deg,#c3295940,transparent);box-shadow:inset 3px 0 var(--gold)}.back{margin-top:auto;color:#b991a0}.topbar{position:fixed;z-index:15;top:0;left:245px;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #702640;background:#21000fef;backdrop-filter:blur(12px)}.logo img{width:135px;display:block}.topbar>div{display:grid;text-align:right}.topbar>div span{color:var(--muted);font-size:13px}.topbar>div b{color:var(--gold)}.nav-toggle{display:none}main{margin-left:245px;padding:106px 28px 42px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{color:var(--gold);font-size:11px;font-weight:1000;letter-spacing:2px}.hero h1{margin:8px 0 2px;font-size:35px}.hero h1 em{color:#ff7891;font-style:normal;text-shadow:0 0 20px #f03564}.hero p,.panel p{margin:0;color:var(--muted)}.online{display:grid;grid-template-columns:12px auto;align-items:center;gap:3px 8px;padding:16px 22px;border:1px solid #743049;border-radius:17px;background:#41091eaa}.online i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.online b{font-size:24px}.online span{grid-column:1/3;color:var(--muted);font-size:11px}.panel{margin-bottom:22px;padding:22px;border:1px solid #702740;border-radius:21px;background:linear-gradient(145deg,#40091e,#1d010b);box-shadow:0 18px 50px #0005}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:0 0 4px;font-size:21px}.gold,.form-actions button[type=submit]{padding:12px 17px;border:1px solid #ffe58b;border-radius:12px;background:linear-gradient(135deg,#ffe06f,#d99a19);color:#431325;font-weight:1000;cursor:pointer;box-shadow:0 0 18px #ffcd4238}.filters{display:flex;gap:8px;margin:22px 0 14px}.filters button{padding:8px 14px;border:1px solid #713047;border-radius:18px;background:#25020e;color:#d5adb9;font-weight:800}.filters .selected{border-color:var(--gold);color:var(--gold)}.table-head,.heart-table{display:grid;grid-template-columns:1.5fr 1fr .7fr .9fr .7fr;align-items:center;gap:12px}.table-head{padding:10px 12px;color:#b98c9c;font-size:10px;font-weight:900}.heart-table{padding:15px 12px;border-top:1px solid #5d2136}.heart-table h3{margin:0;font-size:14px}.heart-table small{color:#c797a6}.heart-table .players{color:var(--gold);font-weight:1000}.heart-table .status{display:inline-block;width:max-content;padding:5px 9px;border-radius:10px;background:#4ce0a51c;color:var(--green);font-size:10px;font-weight:900}.heart-table button{padding:8px 13px;border:1px solid var(--gold);border-radius:9px;background:transparent;color:var(--gold);font-weight:1000}.rules{max-width:600px}dialog{width:min(470px,92vw);padding:27px;border:1px solid #98415c;border-radius:21px;background:#300616;color:#fff;text-align:center}dialog::backdrop{background:#090005cc;backdrop-filter:blur(5px)}dialog .close{float:right;border:0;background:none;color:#fff;font-size:27px}.heart-icon{color:#ff5471;font-size:48px}dialog h2{margin:3px}dialog>p{color:#cfacb6}dialog form{display:grid;gap:14px;text-align:left}dialog label{display:grid;gap:6px;font-weight:800}dialog input{padding:13px;border:1px solid #90415a;border-radius:11px;background:#18020b;color:#fff}.form-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.form-actions button{padding:12px;border:1px solid #693144;border-radius:11px;background:#21030e;color:#fff;font-weight:900}.form-message{color:#ff8498}
@media(max-width:760px){.side{width:230px;transform:translateX(-100%);transition:.25s}.side.open{transform:none}.topbar{left:0;height:62px;padding:0 12px}.nav-toggle{display:block;border:0;background:none;color:#fff;font-size:22px}.logo img{width:95px}.topbar>div{font-size:10px}main{margin-left:0;padding:82px 11px 28px}.hero h1{font-size:25px}.hero p{font-size:11px}.online{padding:10px 13px}.online b{font-size:19px}.panel{padding:13px}.panel-head{align-items:flex-start;gap:10px}.panel-head .gold{padding:10px;font-size:10px}.table-head{display:none}.heart-table{grid-template-columns:1fr auto;padding:13px 4px}.heart-table .creator,.heart-table .status{display:none}.heart-table button{grid-column:2;grid-row:1/3}.filters{overflow-x:auto}.hero h1 small{display:none}}
.side nav .back-to-casino{margin-top:-3px;border:1px solid rgba(255,212,92,.38);background:linear-gradient(90deg,rgba(255,212,92,.18),rgba(195,41,89,.08));color:var(--gold);box-shadow:none}.side nav .back-to-casino:hover{border-color:var(--gold);background:linear-gradient(90deg,rgba(255,212,92,.28),rgba(195,41,89,.14));color:#fff;box-shadow:0 0 18px rgba(255,212,92,.12)}.game-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-settings input[readonly]{color:#ffd45c;background:#22020e;cursor:default}.game-note{margin:0!important;padding:11px 13px;border:1px solid #713047;border-radius:11px;background:#ff668412;color:#e4bac6!important;font-size:12px;text-align:left}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.heart-table .table-actions button{flex:1}.heart-table .table-actions .delete-table{border-color:#ff6684;color:#ff8ca2;font-size:9px}.heart-table .table-actions .delete-table:hover{background:#ff66841f}.heart-table .table-actions .delete-table:disabled{opacity:.5}@media(max-width:760px){.game-settings{grid-template-columns:1fr}.heart-table .table-actions{grid-column:2;grid-row:1/3;display:grid}.heart-table .table-actions button{grid-column:auto;grid-row:auto}}
.game-settings .entry-setting{grid-column:1/3}.game-settings .entry-setting input{color:#ffd45c;font-weight:1000}.game-settings .entry-setting small{color:#cfaaba}.heart-table .creator small{display:block;margin-top:4px;color:#ffd45c;font-size:10px}@media(max-width:760px){.game-settings .entry-setting{grid-column:auto}}