@import url("/user-profile.css");
@import url("/avatar-decorations.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#101018;--panel:#1b1b27;--border:#2b2e35;--muted:#a3a7b2;--accent:#80ef35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7f9;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}button,.btn{border:1px solid var(--border);border-radius:10px;background:#22262e;color:white;padding:12px 18px;font-weight:600;display:inline-flex;gap:9px;align-items:center;justify-content:center}.primary{background:var(--accent);color:#141b0a;border-color:var(--accent)}.quiet{background:transparent}.logo{font-size:26px;font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.logo em{font-style:normal;color:var(--accent)}.logo small{font-size:9px;letter-spacing:3px;color:var(--muted);display:block}.mark{width:31px;height:31px;background:var(--accent);color:#111;display:grid;place-items:center;transform:rotate(-9deg);border-radius:9px;font-size:22px}.topbar{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:20px}.nav{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.actions{display:flex;gap:10px}.landing{max-width:1320px;margin:auto;padding:64px 6%}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(44px,5.5vw,76px);letter-spacing:-4px;line-height:1.04;margin:24px 0}.hero h1 span{color:var(--accent)}p{color:var(--muted);line-height:1.7}.hero p{max-width:460px;font-size:16px}.hero .actions{margin:28px 0}.micro{font-size:12px;color:var(--muted)}.art-hero{height:420px;border:1px solid #393945;background:radial-gradient(ellipse at 65% 25%,#4a375d,transparent 65%),linear-gradient(145deg,#252933,#14161b);border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:30px 30px;transform:perspective(450px) rotateX(35deg);opacity:.6}.controller{width:280px;height:170px;border-radius:10px 10px 10px 10px;background:linear-gradient(160deg,#dce0e5,#8a919e);transform:rotate(-17deg);box-shadow:0 30px 70px #0009,inset 0 3px 3px #fff7;position:relative}.controller:before{content:'✚';position:absolute;left:35px;top:38px;font-size:66px;color:#20242e;line-height:1}.controller:after{content:'●';position:absolute;right:40px;top:45px;font-size:47px;color:#b9e773;text-shadow:25px 25px #997bd0}.controller .sticks{position:absolute;bottom:28px;left:106px;display:flex;gap:25px}.sticks i{width:31px;height:31px;border:6px solid #525867;border-radius:50%;background:#232832}.floating{position:absolute;bottom:24px;left:24px;right:24px;background:#17191cce;backdrop-filter:blur(12px);border:1px solid #ffffff20;padding:18px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.floating strong{display:block;font-size:14px}.floating small{color:var(--muted);font-size:11px}.badge{font-size:10px;font-weight:700;background:#80ef3516;color:var(--accent);border:1px solid #80ef3530;border-radius:6px;padding:6px 9px;white-space:nowrap}.section{margin-top:64px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:14px}.section-head h2{font-size:24px;letter-spacing:-.7px;margin:0}.section-head p{font-size:12px;margin:7px 0 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-4px);border-color:#727681}.cover{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#354934,#1c2925);display:flex;align-items:center;justify-content:center}.cover.purple{background:linear-gradient(135deg,#514165,#222235)}.cover.orange{background:linear-gradient(135deg,#71472c,#30231f)}.cover.blue{background:linear-gradient(135deg,#27526a,#18262d)}.cover:before{content:'';position:absolute;width:130px;height:130px;border:1px solid #ffffff20;transform:rotate(35deg);box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03}.cover .glyph{font-size:65px;position:relative;filter:drop-shadow(0 10px 12px #0006)}.cover .platform{position:absolute;top:12px;left:12px;font-size:9px;padding:5px 8px;border:1px solid #ffffff25;border-radius:5px;background:#0004;letter-spacing:1px}.cover .fav{position:absolute;right:10px;top:9px;padding:4px 8px;background:#0004;font-size:17px}.game-body{padding:17px}.game h3{font-size:14px;margin:0 0 9px}.game .meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.game button.play{width:100%;margin-top:16px;font-size:12px;padding:9px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--border);padding:28px;border-radius:10px;background:var(--panel)}.feature b{font-size:24px;color:var(--accent)}.feature h3{font-size:16px}.feature p{font-size:13px}.premium-banner{background:linear-gradient(110deg,#262134,#1b1b27);border:1px solid #514760;border-radius:10px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.premium-banner h2{margin:10px 0;font-size:26px;letter-spacing:-1px}.premium-banner p{margin:0;font-size:13px}footer{border-top:1px solid var(--border);padding:28px 6%;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#131519;border-right:1px solid var(--border);padding:29px 20px;display:flex;flex-direction:column;gap:30px}.sidebar .logo{font-size:24px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{justify-content:flex-start;background:none;border-color:transparent;color:var(--muted);font-size:13px;padding:12px}.sidebar nav button.active{background:#80ef3512;color:var(--accent);border-color:#80ef3522}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{font-size:11px}.workspace{min-width:0}.workspace .topbar{padding:0 36px;height:78px}.search{background:#1b1e25;border:1px solid var(--border);border-radius:9px;padding:11px 14px;color:white;width:300px;font-size:12px}.avatar{border-radius:50%;background:#b8a0dc;color:#292135;width:32px;height:32px;display:grid;place-items:center;font-weight:800}.account{display:flex;align-items:center;gap:10px;font-size:12px}.main{padding:32px 36px;max-width:1500px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.welcome h1{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.welcome p{font-size:12px;margin:0}.spotlight{display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(110deg,#2b3430,#282034);border:1px solid #42464a;min-height:245px;border-radius:10px;overflow:hidden}.spotlight-copy{padding:32px;position:relative;z-index:1}.spotlight h2{font-size:32px;margin:14px 0;letter-spacing:-1px}.spotlight p{font-size:12px;max-width:340px}.spotlight-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#80ef3525,transparent 65%);position:relative}.bomb{font-size:110px;transform:rotate(-15deg);filter:drop-shadow(0 20px 30px #0009)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.stat{border:1px solid var(--border);border-radius:10px;padding:19px;background:var(--panel)}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:23px;margin-top:9px}.main .section{margin-top:32px}.main .grid{gap:15px}.main .cover{height:150px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.box{border:1px solid var(--border);border-radius:10px;padding:23px;background:var(--panel)}.box h3{margin:0 0 20px;font-size:15px}.empty{color:var(--muted);font-size:13px;padding:24px 0;line-height:1.7}.empty strong{color:#e3e5e9;display:block}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);gap:12px}.row:last-child{border:0}.row small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.room-code{font-family:monospace;color:var(--accent)}#modal:not([hidden]){position:fixed;inset:0;background:#000b;backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:min(480px,100%);background:#1b1b27;border:1px solid #373b46;padding:30px;border-radius:10px;max-height:90vh;overflow:auto}.dialog .close{float:right;padding:5px 10px}.dialog h2{margin:8px 0 12px;letter-spacing:-1px}.dialog p{font-size:13px}.field{display:block;font-size:12px;color:var(--muted);margin:18px 0}.field input,.field select{display:block;background:#111318;border:1px solid #343844;border-radius:8px;color:white;padding:12px;width:100%;margin-top:8px}.field input[type=checkbox]{width:auto;display:inline}.form-error{color:#ffae9d;font-size:12px}.dialog .primary{width:100%;margin-top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d5f9a0;color:#17200a;padding:13px 22px;border-radius:10px;z-index:100;font-size:13px;box-shadow:0 5px 30px #0006;display:none}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filters button{font-size:12px;padding:8px 15px}.filters button.active{color:var(--accent);border-color:var(--accent)}.notice{padding:14px 18px;background:#e8b3650c;border:1px solid #e8b36530;border-radius:10px;color:#e7c58e;font-size:12px;line-height:1.6;margin:18px 0}.screen{background:#08090b;border:1px solid var(--border);border-radius:10px;min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.screen p{max-width:470px;font-size:13px}.controller-list{display:grid;gap:12px}.controller-item{padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.controller-item small{display:block;margin-top:9px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:14px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.table-wrap{overflow:auto}.table-wrap button{font-size:11px;padding:6px 10px}.tabs{display:flex;gap:10px;margin-bottom:24px}.tag{font-size:10px;color:var(--accent)}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:185px 1fr}.hero{gap:30px}.main{padding:25px}.workspace .topbar{padding:0 25px}.hero h1{letter-spacing:-2.5px}.search{width:220px}}
@media(max-width:760px){.topbar{padding:0 20px;height:74px}.topbar>.nav{display:none}.landing{padding:35px 20px}.hero{grid-template-columns:1fr}.hero h1{font-size:52px}.art-hero{height:300px}.features{grid-template-columns:1fr}.section{margin-top:40px}.premium-banner{flex-direction:column;align-items:flex-start}.shell{display:block}.sidebar{padding:16px;border-right:0;border-bottom:1px solid var(--border);gap:16px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px 12px}.sidebar-bottom{display:none}.workspace .topbar{height:68px;padding:0 20px}.search{width:55%}.main{padding:25px 20px}.welcome{align-items:flex-start;gap:10px}.welcome h1{font-size:25px}.welcome>.badge{display:none}.spotlight{grid-template-columns:1fr .4fr}.spotlight-copy{padding:23px}.spotlight h2{font-size:25px}.bomb{font-size:65px}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:19px}.columns{grid-template-columns:1fr}.account span:not(.avatar){display:none}.grid{gap:12px}.game-body{padding:13px}.game h3{font-size:12px}.cover,.main .cover{height:140px}footer{gap:20px;flex-direction:column}.section-head h2{font-size:21px}.section-head button{font-size:11px;padding:8px 10px}}
.logo{flex-shrink:0}.logo img{width:205px;height:auto;display:block;object-fit:contain}.sidebar .logo img{width:175px;max-width:100%}.primary{box-shadow:0 3px 18px #80ef3512}.primary:hover{background:linear-gradient(120deg,#a184f4,#7c6ae5 60%,#6585ed);border-color:#c8b7ff80}.art-hero{background:radial-gradient(ellipse at 65% 25%,#68359a70,transparent 65%),linear-gradient(145deg,#222c36,#14141e);border-color:#49395d}.controller:after{color:#80ef35;text-shadow:25px 25px #bc4aff}.controller:before{color:#483080}.controller .sticks i{border-color:#5b3a83}.art-hero:after{content:'';position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 80px #00cde909;pointer-events:none}.avatar{background:#ad43ed;color:#fff}.cover{background:linear-gradient(135deg,#344f38,#18291f)}.cover.purple{background:linear-gradient(135deg,#663188,#261832)}.cover.blue{background:linear-gradient(135deg,#176474,#152732)}.spotlight{background:linear-gradient(110deg,#24372b,#322040)}.report-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.report-toolbar p{font-size:11px;margin:7px 0}.report-toolbar .actions{flex-wrap:wrap;align-items:flex-end}.report-toolbar button{font-size:11px}.period-label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.period-label select{background:#20202d;border:1px solid var(--border);color:#fff;border-radius:8px;padding:10px 12px;font-size:12px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-metrics .stat p{font-size:10px;margin:8px 0 0}.report-metrics .stat strong{font-size:29px}.report-metrics .stat:nth-child(3n+1){border-top:2px solid #80ef3560}.report-metrics .stat:nth-child(3n+2){border-top:2px solid #bc4aff60}.report-metrics .stat:nth-child(3n){border-top:2px solid #00cde960}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.report-heading h3{margin:0}.report-caption{font-size:11px;margin:16px 0 0;line-height:1.7}.report-bar{margin-bottom:18px}.report-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;margin-bottom:8px}.report-bar-label small{font-size:10px;color:var(--muted);margin-right:8px}.report-bar-label strong{color:var(--accent)}.report-track{height:5px;border-radius:5px;background:#2b2937;overflow:hidden}.report-track span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7861b8,#b29af1)}.daily-chart{display:flex;gap:12px;overflow:auto;align-items:flex-end;min-height:165px;padding:12px 0}.daily-column{flex:1;min-width:30px;max-width:60px;display:flex;flex-direction:column;align-items:center;gap:9px}.daily-column>span{font-size:10px;color:var(--muted)}.daily-column small{font-size:9px;color:var(--muted)}.daily-bar{width:100%;min-width:20px;max-width:42px;background:linear-gradient(0deg,#593286,#bc4aff);border-radius:5px 5px 0 0}.report-summary{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:16px;font-size:11px;color:var(--muted);gap:10px}.tabs{flex-wrap:wrap}.tabs button.active{color:var(--accent);background:#80ef3510;border-color:#80ef3540}
@media(max-width:1100px){.sidebar .logo img{width:145px}.report-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:0 16px;gap:8px}.topbar>.logo img{width:130px}.topbar>.actions{gap:6px}.topbar>.actions button{font-size:11px;padding:10px 11px}.sidebar .logo img{width:170px}.report-metrics{gap:10px}.report-metrics .stat{padding:15px}.report-metrics .stat strong{font-size:25px}.report-toolbar .actions{gap:8px}.report-heading{flex-wrap:wrap}.report-heading h3{font-size:14px}}
.rooms-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.rooms-toolbar .filters{margin:0}.rooms-toolbar .actions{flex-wrap:wrap}.rooms-toolbar button{font-size:12px}.rooms-overview{display:flex;align-items:center;gap:24px;padding:23px 0;color:var(--muted);font-size:12px}.rooms-overview strong{color:#f4f4f7;margin-right:4px}.rooms-overview label{margin-left:auto;display:flex;align-items:center;gap:10px}.rooms-overview select{background:#1b1b27;border:1px solid var(--border);padding:9px 12px;border-radius:8px;color:#fff;font-size:11px;max-width:220px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-card{background:var(--panel);border:1px solid #363441;border-radius:10px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.room-card:hover{transform:translateY(-3px);border-color:#725091}.room-art{position:relative;height:215px;background:#252832;overflow:hidden;isolation:isolate}.room-art-backdrop{position:absolute;inset:-15px;width:calc(100% + 30px);height:calc(100% + 30px);object-fit:cover;filter:blur(16px);opacity:.5;z-index:-2}.room-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111119 0%,#11111922 75%);z-index:-1}.room-art-cover{position:absolute;height:178px;width:65%;object-fit:contain;right:-5%;top:35px;transform:rotate(8deg);filter:drop-shadow(0 8px 12px #0008)}.room-art-caption{position:absolute;left:20px;bottom:22px;max-width:65%;text-shadow:0 2px 10px #000}.room-art-caption span{display:block;color:#ddd1ef;font-size:9px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.room-art-caption strong{font-size:23px;line-height:1.13;letter-spacing:-.6px;display:block}.room-flags{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px}.room-pill{font-size:9px;font-weight:700;background:#13131dde;border:1px solid #ffffff22;color:#e2dfea;padding:6px 9px;border-radius:6px;backdrop-filter:blur(8px)}.room-pill.open{color:var(--accent);border-color:#80ef3530}.room-pill.full{color:#d1badf}.room-card-body{padding:20px}.room-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-title h3{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.host-badge{white-space:nowrap;font-size:8px;letter-spacing:.5px;color:#c394ed;border:1px solid #c394ed40;padding:4px 6px;border-radius:4px}.room-host{font-size:11px;margin:7px 0 22px}.room-host strong{font-weight:500;color:#d6d1df}.room-seat-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:12px}.room-seat-label strong{color:#fff;font-size:16px}.room-seat-label small{color:var(--muted);font-weight:400;font-size:12px}.room-seats{display:flex;gap:10px;margin-bottom:16px}.room-seat{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px dashed #595363;color:#817b8c;position:relative;font-size:16px}.room-seat.taken{background:#4d3466;border:1px solid #885db4;color:#eadcf8;font-size:12px;font-weight:700}.room-seat.own{background:#80ef3512;border-color:#80ef3560;color:var(--accent)}.room-seat small{position:absolute;bottom:-4px;right:-4px;font-size:8px;background:#242331;padding:2px;border-radius:50%;border:1px solid #514562;color:#fff}.room-progress{height:3px;border-radius:3px;background:#302c3a;overflow:hidden;margin-bottom:17px}.room-progress span{display:block;height:100%;background:linear-gradient(90deg,#21dca0,#80ef35)}.room-code-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.room-code-row strong{font-family:monospace;color:#dad2e7;letter-spacing:1px;margin-left:5px}.room-code-row button{padding:5px 7px;font-size:10px;border:0}.room-card-actions{display:flex;gap:8px;margin-top:8px}.room-card-actions button{flex:1;font-size:11px;padding:11px 10px}.room-card-actions .room-exit{flex:0 0 auto;color:#aaa0b6}.room-art.compact{height:140px;border-radius:10px;margin:20px 0}.room-art.compact .room-art-cover{height:130px;top:8px;right:0;width:42%}.room-art.compact .room-art-caption{bottom:18px;left:18px;max-width:62%}.room-art.compact .room-art-caption strong{font-size:22px}.local-help{font-size:11px!important;color:var(--muted);line-height:1.6;margin-top:-6px}.rooms-empty{text-align:center;border:1px dashed #494151;border-radius:10px;padding:44px 24px;background:#1b192322}.rooms-empty>span{font-size:36px;color:#bc4aff}.rooms-empty h3{font-size:21px;letter-spacing:-.7px}.rooms-empty p{font-size:13px;max-width:440px;margin:12px auto 24px}
@media(max-width:1250px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.room-grid{grid-template-columns:1fr;gap:20px}.rooms-overview{gap:12px;flex-wrap:wrap;font-size:11px}.rooms-overview label{margin:0;width:100%;justify-content:space-between}.rooms-overview select{max-width:70%}.rooms-toolbar .filters{gap:7px}.rooms-toolbar button{font-size:11px;padding:9px 12px}.room-art{height:205px}.room-art-cover{right:0}.room-art-caption{max-width:60%}.room-seats{gap:12px}}
.catalog-cover{width:100%;height:100%;object-fit:contain;background:#11111a;position:relative;z-index:0}.cover .platform,.cover .fav{z-index:2}.cover .platform{font-size:8px;background:#0d0d15e0}.game-launch-actions{display:grid;gap:10px;margin-top:18px}.game-mode-info{font-size:12px;color:var(--accent);background:#80ef350b;border:1px solid #80ef3525;padding:14px;border-radius:8px}.player-panel{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#08080d}#game-frame{width:100%;height:620px;border:0;display:block}.admin-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-game-card{display:flex;gap:20px;align-items:center;min-width:0}.admin-game-card>img{width:85px;height:120px;object-fit:contain}.admin-game-card>div{min-width:0}.admin-game-card h3{font-size:14px;margin-bottom:8px}.admin-game-card p{font-size:11px}.admin-game-card .badge{font-size:8px;display:inline-block}.admin-game-card button{font-size:11px;margin-top:15px;width:100%}.admin-game-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field textarea{display:block;background:#111318;border:1px solid #343844;border-radius:8px;color:white;padding:12px;width:100%;margin-top:8px;font:inherit;resize:vertical}.field input[type=file]{font-size:11px}
@media(max-width:1000px){.admin-game-grid{grid-template-columns:1fr}}
@media(max-width:760px){#game-frame{height:510px}.admin-game-card{padding:16px;gap:12px}.admin-game-card>img{width:70px;height:105px}.admin-game-fields{grid-template-columns:1fr}}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:150px;align-items:start}.play-layout.without-ads{grid-template-columns:1fr;gap:0}.advertisement{width:100%;min-width:0}.ad-label{text-align:center;color:#85808e;font-size:9px;letter-spacing:2px;margin:0 0 12px}.ad-placeholder{min-height:280px;border:1px dashed #514a5c;background:repeating-linear-gradient(135deg,#1c1925,#1c1925 8px,#201c2a 8px,#201c2a 16px);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;gap:12px}.ad-placeholder>span{font-size:27px;color:#766387}.ad-placeholder strong{font-size:12px;font-weight:500;color:#b3a6c3}.ad-placeholder p{font-size:10px;margin:0;line-height:1.6}.ad-placeholder small{font-size:9px;color:#756d7e}.ad-upgrade{margin-top:22px;padding:20px;border:1px solid #53355f;background:linear-gradient(135deg,#34223e,#1a2023);border-radius:10px}.ad-upgrade h3{font-size:21px;letter-spacing:-.7px;margin:0}.ad-upgrade p{font-size:11px}.ad-upgrade button{font-size:10px;width:100%;padding:11px 6px}.hero-game-count{display:flex;align-items:center;gap:15px;margin:30px 0 18px;border-left:3px solid var(--accent);padding-left:17px}.hero-game-count strong{font-size:45px;letter-spacing:-2px;color:var(--accent)}.hero-game-count span{font-size:13px;line-height:1.7;color:#c6c2ce}.game-details{margin:22px 0;border-top:1px solid var(--border);padding-top:18px}.game-details h3{font-size:13px;margin:0 0 14px}.game-details dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.game-details dt{font-size:10px;color:var(--muted);margin-bottom:5px}.game-details dd{font-size:12px;margin:0}.game-details p{font-size:11px}.premium-price{font-size:35px;color:var(--accent);font-weight:800;letter-spacing:-1px;margin:24px 0}.premium-price small{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0}.benefits{list-style:none;padding:0;margin:20px 0;font-size:13px}.benefits li{padding:12px 0;border-bottom:1px solid var(--border)}.users-toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.users-toolbar form{display:flex;gap:8px;flex:1;min-width:220px}.users-toolbar input,.users-toolbar select{padding:11px;background:#1b1b27;border:1px solid var(--border);border-radius:8px;color:#eee;font:inherit;font-size:12px}.users-toolbar input{min-width:0;flex:1}.users-toolbar label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.users-toolbar button{font-size:12px}.user-email{display:block;color:var(--muted);font-size:10px;margin-top:6px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px;color:var(--muted)}.pagination button{font-size:11px}.language-select{background:#1c1a25;border:1px solid var(--border);border-radius:8px;color:#c7bfd2;padding:8px;font-size:10px;max-width:100px}.account .language-select{margin-right:8px}
@media(max-width:1200px){.play-layout{grid-template-columns:1fr;gap:150px}.advertisement.side{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.ad-label{grid-column:1/-1}.ad-placeholder{min-height:180px}.ad-upgrade{margin:0}}
@media(max-width:760px){.advertisement.side{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.topbar>.actions .language-select{max-width:55px;font-size:9px;padding:7px 4px}.topbar>.logo img{width:115px}.topbar>.actions button{padding:9px 8px;font-size:10px}.users-toolbar form{min-width:100%;}.account .language-select{max-width:65px;margin:0}.workspace .topbar{gap:10px}.search{width:45%}}
/* Biblioteca: capa nítida sobre o próprio fundo desfocado. */
.game{border-radius:10px;border-color:#36323f;background:linear-gradient(155deg,#22202e,#181821);box-shadow:0 8px 25px #00000016}.game:hover{border-color:#827091;box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.game .cover,.main .game .cover{height:230px;background:#22202b;isolation:isolate}.game .cover:before{display:none}.game .cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17171feb,transparent 55%,#0003);z-index:1;pointer-events:none}.catalog-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(18px);opacity:.65;z-index:0}.game .catalog-cover{position:relative;width:82%;height:calc(100% - 36px);object-fit:contain;background:transparent;z-index:1;filter:drop-shadow(0 12px 14px #0008);transition:transform .3s}.game:hover .catalog-cover{transform:scale(1.04)}.game .cover .platform{top:14px;left:14px;background:#15121dcc;border:1px solid #ffffff28;font-size:9px;padding:6px 9px;backdrop-filter:blur(8px);z-index:3}.game .cover .fav{top:12px;right:12px;width:30px;height:30px;background:#15121dcc;border:1px solid #ffffff25;z-index:3;padding:0;border-radius:50%}.game-availability{position:absolute;bottom:12px;left:16px;font-size:9px;color:#c9c1d2;z-index:3;letter-spacing:.4px}.game-availability.ready{color:#c3f3a8}.game .game-body{padding:20px}.game-genre{display:block;font-size:9px;color:#ba9ed0;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:9px}.game h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;margin:0;min-height:45px;overflow-wrap:anywhere}.game-player-info{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:13px 0 0}.game-player-info>span:last-child{font-size:15px;color:#a997ba}.game button.play{margin-top:19px;padding:12px;font-size:11px;justify-content:space-between;background:#ffffff04;border-color:#443b4e}.game button.play:hover{border-color:#80ef3560;color:var(--accent);background:#80ef3508}.main .grid{gap:22px}.filters button{border-radius:10px;padding:9px 17px}.filters button.active{background:#80ef3510;border-color:#80ef3550}
/* Modal de jogo: hero de ponta a ponta, detalhes organizados. */
.dialog.game-dialog{width:min(620px,100%);padding:0;overflow:auto;border-radius:10px;position:relative;border-color:#4b4058;background:#191823;box-shadow:0 25px 90px #0007}.game-dialog>.close{position:absolute;top:14px;right:14px;z-index:5;width:32px;height:32px;padding:0;float:none;border-radius:50%;background:#14121ac9;border:1px solid #ffffff35;backdrop-filter:blur(8px);color:#fff;font-size:20px}.game-hero{height:260px;width:100%;position:relative;overflow:hidden;isolation:isolate;background:#282432}.game-hero:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#111018b8 0%,#11101840 65%),linear-gradient(0deg,#191823 0%,transparent 55%)}.game-hero-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(14px);opacity:.9;z-index:0}.game-hero-cover{position:absolute;right:36px;top:22px;width:34%;height:210px;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(0 15px 18px #0009);z-index:1}.game-hero-caption{position:absolute;bottom:28px;left:30px;right:38%;z-index:2}.game-hero-caption>span{display:inline-block;color:#e7dcee;font-size:10px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.game-hero-caption h2{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0;text-shadow:0 2px 12px #0006;overflow-wrap:anywhere}.game-dialog-content{padding:0 30px 28px}.game-dialog-content>.game-description{font-size:13px;line-height:1.8;margin:0 0 23px;color:#bcb5c7}.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.game-facts>div{display:flex;align-items:center;gap:11px;padding:15px 12px;background:#24202e;border:1px solid #373040;border-radius:10px;min-width:0}.fact-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#a377c217;color:#c49ddf;font-size:19px;flex-shrink:0}.game-facts small{display:block;color:#92869f;font-size:9px;margin-bottom:5px}.game-facts strong{display:block;font-size:11px;line-height:1.4;font-weight:600;color:#e4dfeb}.game-how{border-top:1px solid #39313f;padding-top:18px;margin-bottom:22px}.game-how h3{font-size:13px;letter-spacing:-.15px;margin:0 0 10px}.game-how p{font-size:11px;line-height:2;margin:0;color:#a59aac}.game-how kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;margin:0 2px;padding:1px 5px;background:#282330;border:1px solid #4a3e53;border-bottom-width:2px;border-radius:4px;font:10px Inter,system-ui;color:#d5c6e0}.game-dialog .game-launch-actions{grid-template-columns:1fr;gap:10px;margin:0}.game-dialog .game-launch-actions .primary{padding:14px;margin:0}.game-dialog .continue-game{font-size:12px;padding:12px;background:#24202d;border-color:#493a57}.game-room-option{margin-top:18px;padding-top:17px;border-top:1px solid #36303f;text-align:center}.game-room-option button{border:0;padding:7px 10px;font-size:11px;color:#bb9dd1;background:none}.game-room-option small{display:block;font-size:9px;color:#85798f;margin-top:7px}
@media(max-width:760px){.game .cover,.main .game .cover{height:200px}.game .game-body{padding:15px}.game h3{font-size:13px;min-height:37px}.game-player-info{font-size:9px}.game-genre{font-size:8px}.main .grid{gap:14px}.game button.play{padding:10px;font-size:10px}.game .cover .platform{font-size:8px;padding:4px 6px;left:10px;top:10px}.game .cover .fav{width:26px;height:26px;top:9px;right:9px}.game-availability{font-size:8px;left:12px;bottom:9px}.game-hero{height:230px}.game-hero-cover{right:18px;top:25px;width:36%;height:170px}.game-hero-caption{left:22px;bottom:25px;right:39%}.game-hero-caption h2{font-size:25px}.game-hero-caption>span{font-size:8px;letter-spacing:1px}.game-dialog-content{padding:0 22px 24px}.game-facts{gap:8px}.game-facts>div{padding:12px 8px;gap:8px}.fact-icon{width:25px;height:28px;font-size:17px}.game-facts strong{font-size:10px}.game-facts small{font-size:8px}}
.game{display:flex;flex-direction:column}.game .cover{flex-shrink:0}.game .game-body{display:flex;flex-direction:column;flex:1}.game-player-info{margin-bottom:19px}.game button.play{margin-top:auto}
.favorites-empty{padding:48px 24px;text-align:center;border:1px dashed #51405e;border-radius:10px;background:radial-gradient(ellipse at top,#8d48b41a,transparent 65%),#191723}.favorites-empty>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:10px;background:#b683d51a;border:1px solid #b683d532;color:#c99de6;font-size:33px}.favorites-empty h2{font-size:24px;letter-spacing:-.8px;margin:0 0 13px}.favorites-empty p{font-size:13px;max-width:460px;margin:0 auto 25px}.favorites-empty button{font-size:12px}
.game .catalog-cover{width:100%;height:100%;object-fit:contain;filter:none}.game:hover .catalog-cover{transform:none}
.saved-progress-section{border-top:1px solid #39313f;padding-top:18px;margin-bottom:20px}.saved-progress-section h3{font-size:13px;margin:0 0 12px}.saved-progress-list{max-height:190px;overflow:auto}.saved-progress-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #35303d}.saved-progress-row strong{font-size:11px}.saved-progress-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.saved-progress-row button{font-size:10px;padding:8px 11px;background:#252030;border-color:#4c3a5f}

.controller-workbench{display:grid;grid-template-columns:1fr 1fr;gap:24px}.controller-workbench h2,.controller-saved h2{font-size:20px}.controller-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.binding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.binding{display:flex;flex-direction:column;gap:7px;text-align:left;background:#252530;border:1px solid #393948;padding:13px;border-radius:10px}.binding small{color:var(--muted);font-size:11px}.binding.listening{border-color:#80ef35;background:#243526}.pad-stage{min-height:240px;margin:25px 0;padding:25px;border-radius:10px;background:radial-gradient(ellipse at center,#343048,#14141e);text-align:center}.pad-mark{display:block;font-size:66px;color:#80ef35;margin-bottom:18px}.pad-button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#363642;color:#bbb;margin:4px;font-size:12px}.pad-button.pressed{background:#80ef35;color:#111;box-shadow:0 0 18px #80ef3570}.axis-readings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.axis-readings label{font-size:11px;color:var(--muted);display:grid;gap:6px}.axis-readings meter{width:100%}.controller-saved{margin-top:24px}.controller-saved p{color:var(--muted);line-height:1.6}#capture-status{min-height:40px;color:#bdedab;font-size:13px}@media(max-width:900px){.controller-workbench{grid-template-columns:1fr}}@media(max-width:480px){.binding-grid{grid-template-columns:repeat(3,1fr)}.controller-fields{grid-template-columns:1fr}}

.controller-workbench{grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr)}.snes-controller{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:1.75;margin:26px 0 20px;border-radius:45% 45% 38% 38% / 45% 45% 55% 55%;background:linear-gradient(150deg,#454553,#282833 65%,#202029);border:2px solid #656572;box-shadow:inset 0 5px 0 #ffffff15,inset 0 -8px 0 #0003,0 16px 28px #0004}.snes-controller:before,.snes-controller:after{content:'';position:absolute;z-index:-1;width:36%;height:65%;top:23%;border-radius:50%;background:#191923;border:1px solid #ffffff13}.snes-controller:before{left:4%}.snes-controller:after{right:4%}.snes-controller .binding{position:absolute;align-items:center;justify-content:center;text-align:center;gap:3px;padding:0;width:13%;height:22%;font-size:14px;border-radius:50%;background:#33323e;box-shadow:0 4px 0 #0006;transition:background .15s,box-shadow .15s}.snes-controller .binding small{font-size:9px;white-space:nowrap}.controller-brand{position:absolute;top:13%;left:36%;width:28%;text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;color:#dedee7}.controller-brand small{display:block;font-size:7px;font-weight:500;letter-spacing:2px;margin-top:6px;color:#aaa}.snes-controller .command-10,.snes-controller .command-11{top:-4%;width:23%;height:13%;border-radius:10px;background:#666473}.command-10{left:8%}.command-11{right:8%}.snes-controller .command-4,.snes-controller .command-5,.snes-controller .command-6,.snes-controller .command-7{width:14%;height:22%;border-radius:8px;background:#292935;font-size:11px}.command-4{left:15%;top:27%}.command-5{left:15%;top:69%}.command-6{left:2%;top:48%}.command-7{left:28%;top:48%}.dpad-center{position:absolute;left:16%;top:48%;width:12%;height:23%;background:#292935}.command-9{right:16%;top:26%}.command-1{right:29%;top:48%}.command-8{right:3%;top:48%}.command-0{right:16%;top:70%}.snes-controller .command-9,.snes-controller .command-1{background:#5a3984;border-color:#9c76c6}.snes-controller .command-8,.snes-controller .command-0{background:#276349;border-color:#62ad83}.snes-controller .command-2,.snes-controller .command-3{width:16%;height:12%;border-radius:10px;top:59%;font-size:10px;transform:rotate(-12deg)}.command-2{left:36%}.command-3{left:53%}.snes-controller .command-2 small,.snes-controller .command-3 small{font-size:8px}.snes-controller .binding.listening{background:#416027;border-color:#a6f066;box-shadow:0 0 0 3px #80ef3530}.snes-controller .binding.input-active{background:#80ef35;color:#14200e;box-shadow:0 0 18px #80ef3570}.snes-controller .binding.input-active small{color:#243d1c}.snes-controller .binding:focus-visible{outline:3px solid #bdeaff;outline-offset:4px}@media(max-width:1150px){.controller-workbench{grid-template-columns:1fr}.pad-stage{min-height:160px}.snes-controller{max-width:650px;margin-left:auto;margin-right:auto}}@media(max-width:480px){.snes-controller .binding{font-size:11px}.snes-controller .binding small{font-size:7px}.snes-controller .command-4,.snes-controller .command-5,.snes-controller .command-6,.snes-controller .command-7{font-size:9px}.snes-controller .command-2,.snes-controller .command-3{font-size:8px}.controller-brand{font-size:9px}.controller-brand small{font-size:5px}.controller-workbench>.box{padding:16px}}
.snes-controller .command-2,.snes-controller .command-3{top:77%;width:14%;height:14%;font-size:9px}.snes-controller .command-2{left:38%}.snes-controller .command-3{left:53%}
/* Corpo inspirado no controle SNES, com centro reto e empunhaduras circulares. */
.snes-controller{aspect-ratio:1.95;border-radius:10px 10px 10px 10px;background:linear-gradient(165deg,#767583 0%,#555461 35%,#3b3a46 100%);border:2px solid #92909e;box-shadow:inset 0 4px 0 #c9c5d33b,inset 0 -9px 0 #20202b80,0 12px 0 -5px #202029,0 22px 30px #0005;margin-top:34px;margin-bottom:30px}.snes-controller:before,.snes-controller:after{top:19%;height:72%;width:38%;background:linear-gradient(145deg,#34323f,#24232e);border:2px solid #85808f66;box-shadow:inset 0 3px 6px #0006}.snes-controller:before{left:2%}.snes-controller:after{right:2%}.snes-controller .command-10,.snes-controller .command-11{top:-7%;height:14%;width:27%;border-radius:10px 10px 6px 6px;background:linear-gradient(#9893a5,#615d70);border-color:#b1aabb;box-shadow:0 4px 0 #25232f;z-index:-2}.snes-controller .command-10{left:6%}.snes-controller .command-11{right:6%}.controller-brand{top:14%;color:#efebf5;text-shadow:0 1px #0006}.controller-brand small{color:#d4ccd9}.snes-controller .command-4,.snes-controller .command-5,.snes-controller .command-6,.snes-controller .command-7,.dpad-center{background:linear-gradient(145deg,#42404e,#252430);border-color:#6b6578;box-shadow:0 4px 0 #181721}.dpad-center{box-shadow:none}.snes-controller .command-9,.snes-controller .command-1{background:linear-gradient(135deg,#a07acf,#674296);border-color:#c4a6e7;box-shadow:0 5px 0 #392350,inset 0 2px 2px #ffffff40}.snes-controller .command-8,.snes-controller .command-0{background:linear-gradient(135deg,#54a57c,#286649);border-color:#8ed1ac;box-shadow:0 5px 0 #143d2b,inset 0 2px 2px #ffffff40}.snes-controller .command-2,.snes-controller .command-3{background:linear-gradient(#514c5d,#302d3a);border-color:#797183;box-shadow:0 4px 0 #201d29}.snes-controller .binding.listening{background:linear-gradient(#6f9e40,#3c5c22);border-color:#a6f066;box-shadow:0 0 0 3px #80ef3530,0 5px 0 #263b18}.snes-controller .binding.input-active{background:#80ef35;color:#14200e;box-shadow:0 0 18px #80ef3570}@media(max-width:480px){.snes-controller{border-radius:10px 10px 10px 10px}}

#controller-profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px;margin:22px 0}.controller-profile-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #ffffff10;background:linear-gradient(120deg,#252531,#1d1d27);border-radius:10px}.profile-device-icon{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:10px;color:#a3de87;background:#80ef350b;border:1px solid #80ef3520}.profile-device-icon svg{width:30px;height:30px}.profile-summary{flex:1;min-width:0}.profile-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:6px}.profile-title strong{font-size:15px}.profile-status{font-size:10px;white-space:nowrap;border-radius:10px;background:#ffffff08;color:#a6a5b4;padding:4px 8px}.profile-status.is-active{color:#a8e984;background:#80ef3510}.profile-summary>small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.profile-player{display:inline-block;font-size:10px;color:#c3bfd7;margin-top:9px}.profile-actions{display:flex;gap:6px;flex-shrink:0}.profile-actions .profile-action{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:10px;border:1px solid #ffffff12;background:#ffffff04;color:#c8c5d5}.profile-action svg{width:17px;height:17px;pointer-events:none}.profile-actions .profile-action:hover{background:#80ef3512;border-color:#80ef3540;color:#b3ed93}.profile-actions .profile-action.danger:hover{background:#ff667714;border-color:#ff667740;color:#ff8693}.profile-action:focus-visible{outline:2px solid #b9ef9b;outline-offset:3px}@media(max-width:480px){.controller-profile-card{gap:10px;padding:13px}.profile-device-icon{width:38px;height:38px}.profile-device-icon svg{width:24px;height:24px}.profile-actions{gap:4px}}
/* Geometria comum: centros das empunhaduras em 21% / 79%, altura 55%. */
.snes-controller:before,.snes-controller:after{top:20%;height:72%;width:37%}.snes-controller:before{left:2.5%}.snes-controller:after{right:2.5%}.snes-controller .binding{width:12%;height:23.4%;border-radius:50%}.snes-controller .command-9{left:73%;right:auto;top:26%}.snes-controller .command-0{left:73%;right:auto;top:62%}.snes-controller .command-1{left:63.75%;right:auto;top:44%}.snes-controller .command-8{left:82.25%;right:auto;top:44%}.snes-controller .command-4,.snes-controller .command-5,.snes-controller .command-6,.snes-controller .command-7{width:10%;height:19.5%;border-radius:7px}.snes-controller .command-4{left:16%;top:26.5%}.snes-controller .command-5{left:16%;top:65.5%}.snes-controller .command-6{left:6%;top:46%}.snes-controller .command-7{left:26%;top:46%}.snes-controller .dpad-center{left:16%;top:46%;width:10%;height:19.5%;border:none;background:#302e3c}.snes-controller .command-2,.snes-controller .command-3{top:62%;width:13%;height:13%;border-radius:10px;transform:rotate(-12deg)}.snes-controller .command-2{left:36%}.snes-controller .command-3{left:51%}.snes-controller .command-10,.snes-controller .command-11{top:-7%;width:27%;height:14%;border-radius:10px 10px 6px 6px}.snes-controller .command-10{left:6%}.snes-controller .command-11{left:auto;right:6%}.snes-controller .binding small{color:#e0dbea}.snes-controller .command-4 strong,.snes-controller .command-5 strong,.snes-controller .command-6 strong,.snes-controller .command-7 strong{font-size:clamp(8px,1vw,11px)}
.snes-controller .command-4 strong,.snes-controller .command-5 strong,.snes-controller .command-6 strong,.snes-controller .command-7 strong{font-size:clamp(7px,.72vw,10px);white-space:nowrap}.snes-controller .command-4 small,.snes-controller .command-5 small,.snes-controller .command-6 small,.snes-controller .command-7 small{font-size:8px}

.registered-device{padding:16px;margin-bottom:20px;border-radius:10px;border:1px solid #80ef3530;background:#80ef3508}.registered-device[hidden]{display:none}.registered-device>small{display:block;font-size:9px;color:#a7d58f;letter-spacing:1px;margin-bottom:9px}.registered-device>strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.6}.registered-device>span{display:block;color:var(--muted);font-size:11px;margin-top:8px}.registered-device label{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:14px;color:#ccc}.registered-device input{width:auto}

.device-codes{display:block;font-size:10px;color:#aaa3bd;margin-top:7px;overflow-wrap:anywhere}.device-id-details{font-size:10px;color:#aeb9c9;margin-top:8px}.device-id-details summary{cursor:pointer;width:fit-content}.device-id-details code{display:block;font-size:9px;overflow-wrap:anywhere;white-space:normal;margin-top:8px;line-height:1.6;color:#ccc}.device-id-note{line-height:1.6}

.profile-entry{display:block;color:#b8dea2;font-size:11px;margin-top:8px}

.analog-option{display:flex;align-items:center;gap:12px;padding:14px;margin:18px 0;border:1px solid #80ef3525;background:#80ef3506;border-radius:10px;font-size:13px;cursor:pointer}.analog-option input{width:18px;height:18px;accent-color:#80ef35;flex-shrink:0}.analog-option small{display:block;color:var(--muted);font-size:11px;margin-top:5px}

html[data-theme="purple"]{--bg:#171221;--panel:#251c32;--accent:#c39af5}.avatar[data-frame="emerald"]{outline:2px solid #8cea55;outline-offset:3px}.avatar[data-frame="purple"]{outline:2px solid #c391ef;outline-offset:3px}.avatar[data-frame="cyan"]{outline:2px solid #63dfee;outline-offset:3px}.premium-checks{display:grid;gap:12px;margin:18px 0}.premium-checks label{display:flex;align-items:center;gap:10px;font-size:12px}.premium-checks input{width:16px;height:16px;accent-color:#80ef35}.premium-collection{border:1px solid #ffffff15;border-radius:10px;padding:18px;margin:18px 0}.collection-games{display:flex;flex-wrap:wrap;gap:12px}.collection-games button{width:130px;display:grid;gap:8px;text-align:left;font-size:11px}.collection-games img{height:90px;width:100%;object-fit:contain}.premium-calendar{display:flex;flex-wrap:wrap;gap:10px}.premium-calendar>div{background:#80ef3510;border-radius:10px;padding:12px;font-size:11px}.premium-calendar small{display:block;margin-top:6px;color:var(--muted)}.premium-backups{max-height:380px;overflow:auto}#premium-feedback{color:#a9e88e}.premium-banner~.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}

:root{--accent:#a487f3}html[data-theme="classic"]{--accent:#a487f3}.primary{background:linear-gradient(120deg,#9873ee,#7162d9 60%,#5b7ae0);border:1px solid #b7a3f45c;color:#fff;box-shadow:0 5px 15px #6c53bd22}.primary:hover{filter:brightness(1.12);box-shadow:0 8px 22px #7c5cca38}.ad-upgrade{background:radial-gradient(ellipse at 100% 0,#6e449745,transparent 65%),linear-gradient(145deg,#282133,#1c1d2a);border:1px solid #9c74c944;border-radius:10px;padding:20px;box-shadow:inset 0 1px #ffffff08}.ad-upgrade h3{font-size:23px;line-height:1.12;letter-spacing:-.8px}.ad-upgrade p{font-size:12px;line-height:1.6}.ad-upgrade .primary{width:100%;padding:12px 10px;border-radius:10px;background:linear-gradient(120deg,#b0ef67,#78d848);border-color:#befb8850;color:#17270d;box-shadow:0 6px 20px #79d84022}.ad-upgrade .primary:hover{box-shadow:0 8px 24px #79d84038}

.dialog.game-dialog{display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.game-detail-scroll{flex:1;min-height:0;overflow-y:auto}.game-modal-footer{flex-shrink:0;padding:16px 24px;background:#201c2b;border-top:1px solid #75628c40;box-shadow:0 -8px 24px #0002}.game-dialog .game-launch-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.launch-icon{width:23px;height:23px;flex-shrink:0}.saved-progress-section{border:0;margin:0 0 22px;padding:0}.saved-progress-list{display:grid;gap:10px;max-height:220px;padding:2px}.saved-progress-row{padding:13px 14px;border:1px solid #80708c25;background:linear-gradient(120deg,#2c2537,#211e2c);border-radius:10px}.saved-progress-row>div{min-width:0}.saved-progress-row strong{font-size:12px}.saved-progress-row small{font-size:10px;line-height:1.5}.saved-progress-row button{border-radius:9px;background:#8670c51c;border-color:#b69ad640;padding:9px 12px}.game-how{border:0}.game-dialog-content{padding-bottom:18px}@media(max-width:480px){.game-modal-footer{padding:12px 16px}.game-dialog .game-launch-actions{grid-template-columns:1fr}.game-modal-footer .primary,.game-modal-footer .continue-game{padding:11px!important}}
.game-modal-footer{display:block;text-align:left}.game-modal-footer .game-launch-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.game-modal-footer .game-launch-actions>button{width:100%}@media(max-width:480px){.game-modal-footer .game-launch-actions{grid-template-columns:1fr}}

.fact-icon svg{width:21px;height:21px;display:block}@media(max-width:760px){.fact-icon svg{width:19px;height:19px}}
.game-room-option{padding:16px;background:linear-gradient(120deg,#7961b91c,#517ad71a);border:1px solid #9d84d73d;border-radius:10px;margin-top:18px}.game-room-option button{width:100%;padding:13px 18px;font-size:13px;border:1px solid #a48add66;border-radius:10px;background:linear-gradient(120deg,#675098,#405b9b);color:#fff;box-shadow:0 5px 15px #29203935}.game-room-option button:hover{filter:brightness(1.15)}.game-room-option button svg{width:21px;height:21px;flex-shrink:0}.game-room-option small{font-size:10px;margin-top:10px;color:#b4abc7}
.game-modal-footer .game-launch-actions>button:only-child{grid-column:1/-1;width:100%}


.top-games-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 2px 20px;scrollbar-color:#8e72cb #24202d}.top-game{position:relative;flex:0 0 240px;scroll-snap-align:start;background:linear-gradient(150deg,#252030,#1a1823);border:1px solid #62516e50;border-radius:10px;overflow:hidden}.top-cover{width:100%;height:190px;border:0;border-radius:0;padding:0;position:relative;overflow:hidden;background:#211b2c}.top-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(15px);opacity:.6}.top-art{position:relative;width:100%;height:100%;object-fit:contain}.top-position{position:absolute;z-index:2;top:12px;left:12px;border-radius:10px;min-width:40px;height:40px;display:grid;place-items:center;font-size:19px;font-weight:800;background:#15121ddd;color:#ddd3eb;border:1px solid #b4a5ca45}.position-1{border-color:#d9b45c80}.position-2{border-color:#b9c8db75}.position-3{border-color:#c8896175}.position-1 .top-position{color:#362510;background:linear-gradient(135deg,#ffe6a0,#d4a447);box-shadow:0 3px 18px #d4a44735}.position-2 .top-position{color:#253042;background:linear-gradient(135deg,#eaf1fc,#9cacc1)}.position-3 .top-position{color:#3e2517;background:linear-gradient(135deg,#edbd9d,#b77a4d)}.top-copy{padding:17px}.top-copy small{color:#bfa0e1;font-size:9px;text-transform:uppercase;letter-spacing:1px}.top-copy h3{font-size:14px;line-height:1.5;min-height:42px;margin:9px 0}.top-copy>span{font-size:11px;color:#a9a0b6}@media(max-width:480px){.top-game{flex-basis:210px}.top-cover{height:170px}}

.game{position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.game:hover{transform:translateY(-4px);border-color:#a88ad57a;box-shadow:0 15px 34px #0003}.game .play{position:static;background:transparent;border:0;border-top:1px solid #a28ab126;border-radius:0;padding:13px 0 0!important;margin-top:17px;color:#c9b3ee;display:flex;justify-content:space-between;font-size:11px!important}.game .play:after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit}.game .fav{z-index:4}.game .play:focus-visible:after{outline:2px solid #c4a9ef;outline-offset:3px}.game-body{padding:19px}.game-body h3{line-height:1.5}.game .card-info-icon{font-size:19px}.card-tip{position:relative;z-index:3;cursor:help}.card-tip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#110e1e;color:#eee;border:1px solid #776185;padding:7px 10px;border-radius:8px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 5px 14px #0004}.card-tip:hover:after,.card-tip:focus-visible:after{opacity:1}.game-player-info .card-tip:last-child:after{left:auto;right:0;transform:none}

.game .play:after{display:none}.game .fav{position:absolute;z-index:5}.card-facts{justify-content:flex-start!important;gap:13px!important}.card-facts .card-tip{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#a68ad012;color:#c5afe3}.card-tip svg{width:19px;height:19px}.card-info-icon{display:grid;place-items:center}.card-info-icon svg{display:block;width:20px;height:20px}.card-facts .card-tip:after{left:0;transform:none}.hero-favorite{position:absolute;top:18px;left:24px;z-index:4;padding:9px 12px;border-radius:10px;background:#171321c9;border-color:#c9b3e340;color:#efe5fb;backdrop-filter:blur(8px);font-size:11px}.game-hero-cover{width:40%;height:235px;right:20px;top:14px;transform:rotate(3deg)}.game-hero-caption{right:44%}.game-hero-caption h2{font-size:26px}@media(max-width:760px){.game-hero-cover{width:40%;height:200px;right:14px;top:15px}.game-hero-caption h2{font-size:23px}.hero-favorite{left:20px;top:16px}}

.loading-details{opacity:.7;cursor:progress!important}.loading-details .card-info-icon svg{animation:card-loading .8s linear infinite}@keyframes card-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-details .card-info-icon svg{animation:none}}
.logout-icon{display:block;width:20px;height:20px}

.tabs button.active{color:#e8deff;background:linear-gradient(120deg,#7960bd55,#587ad744);border-color:#ae8fed88}.tabs button:not(.active){background:#211e2b;border-color:#52435e;color:#b6a8c9}

.admin-game-grid{gap:20px}.catalog-admin-card{display:grid;grid-template-columns:155px minmax(0,1fr);gap:0;align-items:stretch;padding:0;background:linear-gradient(125deg,#24202d,#1b1924);border:1px solid #72627d35;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.catalog-admin-card:hover{border-color:#a98ad266;box-shadow:0 10px 25px #0002}.admin-cover{position:relative;overflow:hidden;min-height:235px;background:#13111a;isolation:isolate}.admin-cover-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px);opacity:.55}.admin-cover-art{position:relative;width:100%;height:100%;object-fit:contain;padding:12px;z-index:1}.admin-platform{position:absolute;top:12px;left:12px;z-index:2;background:#15121be0;border:1px solid #fff2;padding:5px 8px;border-radius:6px;font-size:8px;letter-spacing:1px}.admin-game-info{padding:20px;display:flex;flex-direction:column;min-width:0}.admin-game-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-status{font-size:10px;padding:5px 8px;border-radius:10px;background:#8f7acd12;color:#c4b2e8}.admin-status.published{color:#a4d5b1;background:#72c68b0d}.admin-featured{color:#dab783;font-size:9px}.admin-genre{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#a794bf}.catalog-admin-card h3{font-size:15px;line-height:1.5;margin:7px 0 15px;overflow-wrap:anywhere}.admin-game-metadata{display:flex;gap:14px;flex-wrap:wrap;color:#aca0be;font-size:10px}.admin-game-metadata span{display:flex;align-items:center;gap:6px}.admin-game-metadata svg{width:16px;height:16px}.admin-game-bottom{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.rom-status{font-size:10px;color:#d5b596}.rom-status.installed{color:#b6c6d8}.catalog-admin-card .admin-edit-button{display:flex;width:auto;margin:0;padding:9px 12px;font-size:10px;border-radius:10px;background:#9574d518;border-color:#ad8bdb40;color:#dac9ef}.admin-edit-button svg{width:15px;height:15px}.catalog-admin-card .admin-edit-button:hover{background:#9574d530}@media(max-width:1150px){.admin-game-grid{grid-template-columns:1fr}}@media(max-width:480px){.catalog-admin-card{grid-template-columns:100px minmax(0,1fr)}.admin-cover{min-height:220px}.admin-game-info{padding:14px}.catalog-admin-card h3{font-size:13px}.admin-game-metadata{gap:8px}.admin-game-bottom{flex-wrap:wrap}}

.card-description{font-size:11px;line-height:1.6;color:#aaa0b8;margin:8px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.rating-summary{display:flex;align-items:center;gap:8px;margin:10px 0}.rating-stars{position:relative;display:inline-block;font-size:16px;letter-spacing:2px;line-height:1;color:#615968;white-space:nowrap}.rating-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#e5bc74}.rating-summary small{font-size:10px;color:#b2a7bf}.card-facts .play{margin:0 0 0 auto!important;padding:0!important;border:0!important;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.rating-editor{padding:16px;border:1px solid #a487f330;border-radius:10px;margin:16px 0 23px;background:#9b7ad008}.rating-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}.rating-buttons{display:flex;gap:6px}.rating-buttons button{background:transparent;border:0;padding:6px;color:#7e708e;font-size:27px;transition:color .15s,transform .15s}.rating-buttons button.chosen{color:#edc87b}.rating-buttons button:hover{color:#ffe0a0;transform:scale(1.15)}.rating-feedback{display:block;font-size:10px;color:#baaacb;margin-top:7px}.top-game{cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.top-game:hover{transform:translateY(-5px);border-color:#b096dd;box-shadow:0 13px 26px #0004}.top-art{transition:transform .3s,filter .3s}.top-game:hover .top-art{transform:scale(1.055);filter:brightness(1.08)}.top-game.position-1:hover{border-color:#f0d386}.top-game.position-2:hover{border-color:#e0e9f5}.top-game.position-3:hover{border-color:#e9b18a}.top-cover:focus-visible{outline:3px solid #c6abef;outline-offset:-3px}@media(prefers-reduced-motion:reduce){.top-game,.top-art{transition:none}.top-game:hover,.top-game:hover .top-art{transform:none}}
.sidebar nav button.active{background:linear-gradient(120deg,#8b65ca22,#6c58b71a);border-color:#a581d84d;color:#c0a0f5}.filters button.active,.tabs button.active{background:linear-gradient(120deg,#8b65ca22,#6c58b71a);border-color:#a581d84d;color:#c0a0f5}.badge{background:#9976d514;border-color:#a584d63b;color:#bda0ef}
.card-facts{display:flex!important;width:100%;gap:8px!important}.card-facts .play{margin-left:auto!important;margin-top:0!important}.card-facts .card-tip{flex-shrink:0}
.cover-rating{position:absolute;top:14px;left:66px;z-index:3;background:#15121cda;border:1px solid #ffffff14;padding:6px 8px;border-radius:7px}.cover-rating .rating-summary{margin:0}.cover-rating .rating-summary small{display:none}.cover-rating .rating-stars{font-size:12px;letter-spacing:1px}.cover-rating .rating-stars>span:first-child{color:#887a99}@media(max-width:760px){.cover-rating{top:9px;left:54px;padding:5px 6px}.cover-rating .rating-stars{font-size:10px}}
.card-facts .play{order:-1;margin:0!important;align-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#a68ad012;border:0;padding:0!important}.card-facts{align-items:center!important}.card-facts .card-info-icon{display:grid;place-items:center;width:100%;height:100%}

.game .card-facts .play{flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:30px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.game .card-facts{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;overflow:visible}.game .card-facts .card-tip{flex:0 0 28px;width:28px;height:28px}.game .card-facts .card-info-icon{width:20px;height:20px}.game .card-facts .card-info-icon svg{width:18px;height:18px}html[data-ratings="false"] .cover-rating,html[data-ratings="false"] .rating-summary{display:none!important}
.game .card-facts .play{order:1;margin-left:auto!important}
.game .game-body h3{min-height:0;height:auto;margin:0 0 7px}.game .card-description{margin:0 0 12px;min-height:0}.game .card-facts{margin-top:0;margin-bottom:0;padding:0}.game .game-body{padding-bottom:14px}
.game{display:flex;flex-direction:column}.game>.cover{flex-shrink:0}.game .game-body{display:flex;flex-direction:column;flex:1;min-height:0}.game .card-facts{margin-top:auto!important;padding-top:12px!important;flex-shrink:0}.game .card-description{margin-bottom:0}
.dialog p>button[data-auth]{margin-left:16px}@media(max-width:480px){.dialog p>button[data-auth]{margin-left:12px}}

.how-card{padding:27px;background:radial-gradient(ellipse at 0 0,#8061b919,transparent 70%),linear-gradient(145deg,#22202d,#191822);border:1px solid #a48ac82b;border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.how-card:hover{transform:translateY(-4px);border-color:#a487f36b;box-shadow:0 14px 30px #0002}.how-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.how-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #b699eb30;border-radius:10px;background:linear-gradient(135deg,#9b78da24,#6d75ce17);color:#c1a4f1}.how-icon svg{width:29px;height:29px}.how-step{font-size:13px;font-weight:700;color:#897794;letter-spacing:2px}.how-card h3{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}.how-card p{font-size:13px;line-height:1.8;margin:0;color:#aaa3b8}@media(prefers-reduced-motion:reduce){.how-card{transition:none}.how-card:hover{transform:none}}

#content button[data-more-games]{display:flex;width:fit-content;min-width:230px;margin:32px auto 24px;padding:14px 24px;border-radius:10px;background:linear-gradient(120deg,#8d68dd,#526dce);border:1px solid #c0a6fa70;color:#fff;box-shadow:0 7px 22px #6550b52a;gap:12px;font-size:13px;transition:filter .2s,box-shadow .2s;overflow-anchor:none}#content button[data-more-games]:after{content:'↓';font-size:19px;font-weight:400}#content button[data-more-games]:hover{filter:brightness(1.14);box-shadow:0 9px 25px #7860cb40}#content .grid{overflow-anchor:none}

.legal-page{max-width:850px;margin:50px auto;padding:0 24px 70px}.legal-page h1{font-size:36px}.legal-page h2{font-size:20px;margin-top:30px}.legal-page p{font-size:14px}.legal-page a{color:#c4a9f3;text-decoration:underline}.legal-page nav,.legal-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.legal-links{font-size:10px;margin:15px 0}.legal-links button{padding:4px 0;background:none;border:0;font-size:10px;color:#baa6d6}#cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;z-index:10000;display:flex;gap:24px;align-items:center;justify-content:space-between;background:#252032;border:1px solid #9e7bc966;border-radius:10px;padding:22px;box-shadow:0 15px 60px #0008}#cookie-banner p{font-size:12px;margin:7px 0 0;max-width:600px}#cookie-banner a{color:#d3b8fa;text-decoration:underline}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{font-size:11px;background:#7356ad;border-color:#ac8de0;color:#fff;padding:11px 14px}#cookie-preferences{max-width:560px;background:#211c2b;color:#eee;border:1px solid #8b6cae;border-radius:10px;padding:25px}#cookie-preferences::backdrop{background:#000a}#cookie-preferences p{font-size:12px}#cookie-preferences label{display:flex;gap:10px;margin:16px 0}#cookie-preferences input{accent-color:#a380ef}@media(max-width:760px){#cookie-banner{flex-direction:column;align-items:stretch;bottom:10px;left:10px;right:10px;padding:17px}.cookie-actions button{flex:1}}
#cookie-banner .cookie-actions{gap:12px}#cookie-banner .cookie-actions button{min-height:44px;padding:12px 18px;border-radius:10px;min-width:120px;font-size:12px;font-weight:600;background:#30283f;border:1px solid #af8bdb70;color:#ede3ff;transition:background .2s,box-shadow .2s}#cookie-banner .cookie-actions button[data-accept]{background:linear-gradient(120deg,#8563ca,#586fce)}#cookie-banner .cookie-actions button[data-reject]{background:linear-gradient(120deg,#6d559e,#465c9e)}#cookie-banner .cookie-actions button:hover{filter:brightness(1.12);box-shadow:0 5px 16px #9874ce25}
@media(min-width:761px){.sidebar{position:sticky;top:0;height:100dvh;min-height:0;align-self:start;overflow:hidden;padding:24px 18px 18px;gap:23px}.sidebar>.logo{flex-shrink:0}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#725991 transparent;padding-right:3px}.sidebar-bottom{flex-shrink:0;margin-top:0;border-top:1px solid #a384c525;padding-top:16px}.sidebar-bottom .legal-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin:0 0 14px}.sidebar-bottom .legal-links a{font-size:10px;color:#b6a9c6}.sidebar-bottom .legal-links button{grid-column:1/-1;justify-content:flex-start;font-size:10px;color:#baa4d8}.sidebar-bottom .badge{font-size:8px;letter-spacing:.3px;padding:5px 8px}.sidebar-bottom .sidebar-logout{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#9b7ac50a;border-color:#9272b52b;color:#c7b6da;font-size:11px}.sidebar-logout svg{width:17px;height:17px}.sidebar-bottom .sidebar-logout:hover{background:#9b7ac51b;border-color:#b995e354}}

.public-game-cover{max-width:100%;object-fit:contain;float:right;margin:20px 0 20px 25px}.public-game nav{display:flex;gap:12px;margin:24px 0}.landing .game h2{font-size:15px}.public-game .primary{text-decoration:none}.public-game:after{content:"";display:block;clear:both}@media(max-width:600px){.public-game-cover{float:none;margin:20px auto;display:block}}
#cookie-banner .cookie-actions button[data-reject]{background:#30283f;border:1px solid #af8bdb70;color:#ede3ff}

.nintendo-montage{background:radial-gradient(ellipse at 50% 30%,#7953b55c,transparent 70%),linear-gradient(150deg,#222432,#15141d);isolation:isolate}.hero-cover-grid{position:absolute;inset:30px 18px 88px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:18px;transform:rotate(-8deg) scale(1.08)}.hero-boxart{min-width:0;min-height:0;display:grid;place-items:center;filter:drop-shadow(0 13px 12px #0008);transition:transform .3s}.hero-boxart img{width:100%;height:100%;object-fit:contain}.hero-boxart-1,.hero-boxart-4{transform:translateY(-12px) rotate(4deg)}.hero-boxart-2,.hero-boxart-3{transform:rotate(-3deg)}.nintendo-montage:hover .hero-cover-grid{transform:rotate(-5deg) scale(1.08)}.hero-cover-grid{transition:transform .5s}.nintendo-montage:after{box-shadow:inset 0 0 50px #13101b80!important;pointer-events:none}.nintendo-montage .floating{z-index:3;background:#1a1624e8;border-color:#a487f337;backdrop-filter:blur(12px)}@media(max-width:600px){.hero-cover-grid{gap:10px;inset:25px 15px 95px}}@media(prefers-reduced-motion:reduce){.hero-cover-grid{transition:none}.nintendo-montage:hover .hero-cover-grid{transform:rotate(-8deg) scale(1.08)}}

.public-library-search{max-width:560px;margin:22px 0 28px}.public-library-search input{padding:14px 17px;font-size:14px}main.landing#content{padding-top:40px}
.game-detail-page{max-width:1180px;margin:0 auto;padding:28px 28px 64px}.game-detail-page .game-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px;font-size:12px;color:#8e89a3}.game-breadcrumb a{color:#c5b3ed;text-decoration:none}.game-detail-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(240px,.85fr) 1.4fr;gap:54px;align-items:center;padding:54px;border:1px solid #ad8ae63d;border-radius:10px;background:#211b32;box-shadow:0 24px 70px #0003}.game-detail-backdrop{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(32px);opacity:.38;z-index:-2}.game-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#14101e44,#14101edb 68%),linear-gradient(0deg,#181321a8,transparent);z-index:-1}.game-detail-art{display:flex;align-items:center;justify-content:center}.game-detail-art img{width:100%;max-height:350px;height:auto;object-fit:contain;filter:drop-shadow(0 22px 22px #0009);transform:rotate(-3deg);border-radius:8px}.game-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.game-detail-badges a,.game-detail-badges span{padding:7px 12px;border:1px solid #b798ee55;border-radius:8px;background:#292039b3;color:#e1d3ff;text-decoration:none;font-size:12px;font-weight:600}.game-detail-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#bba0f5;margin:0 0 12px}.game-detail-intro h1{font-size:clamp(28px,3.4vw,46px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 20px;text-wrap:balance}.game-detail-lead{color:#c4bed1;line-height:1.7;font-size:14px;max-width:490px;margin:0 0 26px}.game-detail-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;box-shadow:0 8px 30px #7957d83d;text-decoration:none}.game-detail-page svg{width:22px;height:22px;flex-shrink:0}.game-detail-play-note{display:block;margin-top:12px;color:#aba3ba;font-size:11px}.game-detail-content{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;margin-top:28px}.game-detail-description,.game-detail-specs{padding:28px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(140deg,#201d2c,#17161f)}.game-detail-content h2{font-size:20px;margin:0 0 18px;line-height:1.4}.game-detail-description>p:last-child{font-size:14px;line-height:1.9;color:#bdb7ce;white-space:pre-line;margin:0}.game-detail-specs dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin:0}.game-detail-specs dl>div{display:flex;align-items:center;gap:12px;min-width:0}.game-detail-specs svg{color:#b59cde}.game-detail-specs dt{font-size:11px;color:#9690a7;margin-bottom:4px}.game-detail-specs dd{margin:0;font-size:13px;font-weight:600;color:#ede6fa}.game-detail-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff12;padding-top:20px;margin:24px 0 0;font-size:12px;color:#aaa2be;line-height:1.6}.game-detail-back{display:inline-flex;gap:16px;color:#c7b0f5;text-decoration:none;margin-top:26px;font-size:13px}.game-detail-back:hover{color:#fff}@media(max-width:760px){.game-detail-page{padding:22px 16px 40px}.game-detail-hero{grid-template-columns:1fr;gap:30px;padding:30px 24px;border-radius:10px}.game-detail-art img{max-height:240px;width:auto;max-width:90%}.game-detail-badges{margin-bottom:18px}.game-detail-content{grid-template-columns:1fr;gap:18px}.game-detail-description,.game-detail-specs{padding:24px}.game-detail-intro h1{font-size:30px}.game-detail-play{width:100%;box-sizing:border-box}}
.console-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0!important}.console-filters .console-option{display:flex;align-items:center;gap:8px;padding:9px 13px;font-size:13px;background:linear-gradient(145deg,#252030,#181720);border:1px solid #8c6bb342;border-radius:10px;color:#eee7fa;transition:transform .18s,border-color .18s,background .18s;min-height:44px;box-sizing:border-box;text-decoration:none}.console-option svg{width:28px;height:24px;color:#baa0ef;flex-shrink:0}.console-filters .console-option:hover,.console-filters .console-option.selected{background:linear-gradient(130deg,#45305e,#29234a);border-color:#b88cf0;transform:translateY(-3px);box-shadow:0 8px 24px #7f4ebe20}.console-option.selected svg{color:#e0c5ff}.console-option:focus-visible{outline:2px solid #c7a4ff;outline-offset:4px}@media(max-width:600px){.console-filters .console-option{padding:8px 11px;gap:7px;flex:0 1 auto;font-size:12px}.console-option svg{width:26px;height:23px}}
.nostalgia-hero{height:auto;aspect-ratio:1.2;display:block;background:#17141f;isolation:isolate}.nostalgia-hero:before{display:none}.nostalgia-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.nostalgia-hero:after{background:linear-gradient(0deg,#14101ecc,transparent 50%);pointer-events:none}.nostalgia-hero .floating{z-index:2;background:#1a1624e8;border-color:#a487f355}.nostalgia-hero:hover .nostalgia-hero-image{transform:scale(1.025)}@media(max-width:600px){.nostalgia-hero{aspect-ratio:1.15}.nostalgia-hero .floating{left:16px;right:16px;bottom:16px;padding:14px}}@media(prefers-reduced-motion:reduce){.nostalgia-hero-image{transition:none}.nostalgia-hero:hover .nostalgia-hero-image{transform:none}}

/* Shared corner sizes for portal and console controls. */
button,.btn,[role="button"],.console-filters .console-option,.ejs_start_button,.ejs_menu_bar button,.ejs_menu_bar .ejs_button{border-radius:5px!important}
.category-filter{margin:24px 0;max-width:340px;position:relative;z-index:6}.category-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.category-select summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:12px 14px;background:#1b1925;border:1px solid #625071;border-radius:5px;font-size:13px;font-weight:600}.category-select summary::-webkit-details-marker{display:none}.category-select summary svg{width:17px;height:17px;color:#b5a0da}.category-select[open] summary{border-color:#b195e5}.category-menu{position:absolute;top:100%;left:0;width:100%;padding:10px;background:#201c2b;border:1px solid #625071;border-radius:5px;margin-top:5px;box-shadow:0 12px 30px #0007}.category-menu input{width:100%;padding:11px;border:1px solid #554767;background:#121019;color:#fff;border-radius:5px;font-size:12px;margin-bottom:8px}.category-options{max-height:260px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px}.category-options button{border:0;background:transparent;text-align:left;justify-content:flex-start;font-size:12px;padding:10px 12px;flex-shrink:0}.category-options button:hover,.category-options button.active{background:#49335f;color:#e6d4ff}.category-options button[hidden],.category-no-match[hidden]{display:none}.category-no-match{font-size:12px;margin:12px}.category-select summary:focus-visible{outline:2px solid #b599ef;outline-offset:3px}
.dashboard-ad-banner{border:1px dashed #655379;border-radius:5px;overflow:hidden;margin:24px 0 0;background:#191621}.dashboard-ad-label{display:block;text-align:center;padding:7px 12px;border-bottom:1px solid #ffffff0a;font-size:9px;letter-spacing:2px;color:#8c809f}.dashboard-ad-space{min-height:90px;display:flex;align-items:center;justify-content:center;gap:15px;background:repeating-linear-gradient(135deg,#ffffff02 0,#ffffff02 8px,transparent 8px,transparent 16px);padding:18px}.dashboard-ad-space svg{width:30px;height:30px;color:#9c85bd}.dashboard-ad-space strong{display:block;font-size:13px;color:#baaacc;font-weight:500}.dashboard-ad-space span{display:block;font-size:10px;color:#897c99;margin-top:5px}@media(max-width:600px){.dashboard-ad-space{min-height:100px}}
.play-layout.console-with-sidebar-ad{grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.console-with-sidebar-ad .advertisement.side{display:block;position:sticky;top:22px}.console-with-sidebar-ad .ad-placeholder{min-height:300px}.console-with-sidebar-ad .ad-upgrade{margin-top:18px;padding:18px}.console-with-sidebar-ad .ad-label{line-height:1.5}@media(max-width:900px){.play-layout.console-with-sidebar-ad{grid-template-columns:minmax(0,1fr) 180px;gap:16px}.console-with-sidebar-ad .ad-placeholder{padding:16px}.console-with-sidebar-ad .ad-upgrade h3{font-size:18px}}@media(max-width:700px){.play-layout.console-with-sidebar-ad{display:flex;flex-direction:column;gap:18px}.console-with-sidebar-ad .player-panel{width:100%}.console-with-sidebar-ad .advertisement.side{position:static;width:100%}.console-with-sidebar-ad .ad-placeholder{min-height:100px}.console-with-sidebar-ad .ad-upgrade{display:none}}
.catalog-search-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:end;width:100%;margin:24px 0}.catalog-search-row .public-library-search,.catalog-search-row .category-filter{margin:0;max-width:none;width:100%;min-width:0}.catalog-search-row .public-library-search{display:block;font-size:11px;color:var(--muted)}.catalog-search-row .public-library-search input{margin-top:8px;height:46px;width:100%;max-width:none}.catalog-search-row .category-select summary{height:46px}.catalog-search-row .category-menu{top:100%}@media(max-width:600px){.catalog-search-row{grid-template-columns:minmax(0,1fr);gap:18px}}
.hero.hero-cinematic{position:relative;isolation:isolate;display:block;min-height:570px;padding:58px 48px;border:1px solid #54426466;border-radius:10px;overflow:hidden;background:#15121d}.hero-cinematic>div:first-child{position:relative;z-index:3;max-width:620px;width:62%}.hero-cinematic .nostalgia-hero{position:absolute;inset:0;border:0;border-radius:0;aspect-ratio:auto;height:100%;z-index:-1;background:transparent}.hero-cinematic .nostalgia-hero-image{left:32%;width:68%;object-fit:cover;object-position:60% center;opacity:.8}.hero-cinematic .nostalgia-hero:after{border-radius:0;box-shadow:none;background:linear-gradient(90deg,#15121d 0%,#15121df5 30%,#15121dbb 49%,#15121d22 76%),linear-gradient(0deg,#15121da8,transparent 45%)}.hero-cinematic .eyebrow{font-size:10px;letter-spacing:2.4px;color:#c4aaef}.hero-cinematic h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-2.2px;line-height:1.08;margin:25px 0 20px}.hero-cinematic h1 span{color:#baa0f2}.hero-cinematic p{font-size:15px;max-width:430px;line-height:1.8;color:#c2bacf}.hero-cinematic .actions{margin:26px 0;flex-wrap:wrap}.hero-cinematic .primary svg{width:19px;height:19px;margin-left:8px}.hero-cinematic .hero-game-count{border:0;padding:0;margin:28px 0 20px;gap:16px}.hero-cinematic .hero-game-count strong{font-size:30px;letter-spacing:-1px;color:#eee7fc}.hero-cinematic .hero-game-count>span{font-size:12px}.hero-consoles{display:block;margin-top:6px;font-size:10px!important;color:#9e91b3!important}.hero-cinematic .micro{font-size:10px;color:#988ca8}.hero-cinematic .floating{left:auto;right:25px;bottom:25px;max-width:300px;padding:14px 18px;background:#15121dd9;border-color:#c7a8ec3d;border-radius:5px}.hero-cinematic .floating strong{font-size:12px}.hero-cinematic .floating small{font-size:10px}@media(max-width:760px){.hero.hero-cinematic{padding:32px 24px;min-height:610px}.hero-cinematic>div:first-child{width:100%;max-width:100%}.hero-cinematic h1{font-size:40px}.hero-cinematic .nostalgia-hero-image{left:0;width:100%;object-position:center;opacity:.42}.hero-cinematic .nostalgia-hero:after{background:linear-gradient(180deg,#15121dca,#15121dbf 65%,#15121d55)}.hero-cinematic .floating{right:24px;left:24px;bottom:24px;max-width:none}.hero-cinematic .hero-game-count{margin:24px 0}.hero-cinematic p{max-width:100%}.hero-cinematic .micro{max-width:250px}}@media(max-width:420px){.hero-cinematic h1{font-size:34px}.hero.hero-cinematic{min-height:620px}}
.game .card-facts{gap:clamp(3px,1vw,9px)!important;min-width:0}.game .card-facts .card-tip{flex:0 1 28px!important;min-width:0;max-width:28px}.game .card-facts .card-tip svg{width:19px;max-width:100%;height:auto;aspect-ratio:1}.game .card-facts .play{flex:0 1 24px!important;min-width:0!important;max-width:24px!important;width:24px!important}.game .card-facts .card-info-icon{width:18px;max-width:100%;height:auto;aspect-ratio:1}.game .card-facts .card-info-icon svg{width:18px;max-width:100%;height:auto;aspect-ratio:1}
.shell{display:block!important}.shell>.workspace{width:100%;min-width:0}.workspace>.topbar{position:sticky;top:0;z-index:120;background:#13121b;height:84px;gap:18px}.workspace>.topbar .search{margin-right:auto}.panel-menu-toggle{width:42px;height:42px;padding:9px;flex-shrink:0;border-color:#82649c55;background:#a085c610}.panel-menu-toggle svg{width:23px;height:23px}.panel-menu-toggle[aria-expanded="true"]{background:#453052;border-color:#b394d4}.shell>.panel-drawer{position:fixed;top:84px;left:0;bottom:0;width:min(280px,85vw);height:calc(100dvh - 84px);display:flex;flex-direction:column;padding:24px 18px 18px;gap:22px;background:#17151f;border-right:1px solid #68507770;border-bottom:0;z-index:110;overflow:hidden;box-shadow:10px 0 30px #0005}.panel-drawer[hidden],.panel-menu-backdrop[hidden]{display:none!important}.shell>.panel-drawer>.logo{flex-shrink:0}.shell>.panel-drawer nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;gap:6px;scrollbar-width:thin}.shell>.panel-drawer nav button{width:100%;justify-content:flex-start;white-space:normal;text-align:left;padding:13px 14px;flex-shrink:0}.shell>.panel-drawer .sidebar-bottom{display:block;flex-shrink:0;margin:0;border-top:1px solid #ffffff12;padding-top:16px}.panel-drawer .sidebar-logout{display:flex;width:100%;justify-content:flex-start;gap:10px;margin-top:12px}.panel-drawer .sidebar-logout svg{width:17px;height:17px}.panel-menu-backdrop{position:fixed;inset:84px 0 0;z-index:100;background:#0008;border:0;border-radius:0!important;padding:0;cursor:default;backdrop-filter:blur(2px)}@media(max-width:760px){.workspace>.topbar{height:68px;gap:12px;padding:0 14px}.shell>.panel-drawer{top:68px;height:calc(100dvh - 68px)}.panel-menu-backdrop{top:68px}.workspace>.topbar .search{min-width:0;flex:1;width:auto}.panel-menu-toggle{width:36px;height:36px;padding:7px}}
@media(min-width:761px){.shell{display:grid!important;grid-template-columns:240px minmax(0,1fr)}.shell>.panel-drawer{position:sticky;top:0;bottom:auto;width:240px;height:100dvh;display:flex!important;box-shadow:none}.panel-menu-toggle,.panel-menu-backdrop{display:none!important}.workspace>.topbar{z-index:20}.shell>.workspace{min-width:0}}@media(min-width:761px) and (max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}.shell>.panel-drawer{width:210px}}
.shell>.panel-drawer .sidebar-bottom{padding-top:12px}.shell>.panel-drawer nav.sidebar-legal{display:flex;flex-direction:column;flex:none;overflow:visible;gap:2px}.sidebar-legal a,.shell>.panel-drawer .sidebar-legal button{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 10px;border:0;background:transparent;font-size:11px;font-weight:400;color:#b5a9c4;text-align:left;border-radius:5px}.sidebar-legal svg{width:16px;height:16px;flex-shrink:0;color:#9684ad}.sidebar-legal a:hover,.shell>.panel-drawer .sidebar-legal button:hover{color:#eee3fc;background:#a486cc12}.sidebar-version{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 0 0;border-top:1px solid #ffffff0c;color:#84758f;font-size:10px}.sidebar-version small{font-size:9px;color:#a791bd}.shell>.panel-drawer .sidebar-logout{margin-top:10px;padding:10px 12px;font-size:11px;background:#a184c50a;border:1px solid #80629636;color:#cbbbda}
.welcome>.category-filter{width:300px;max-width:100%;margin:0;flex-shrink:0}.welcome:has(>.category-filter){align-items:center;gap:28px}.welcome>.category-filter .category-menu{z-index:10}@media(max-width:760px){.welcome:has(>.category-filter){flex-direction:column;align-items:stretch;gap:18px}.welcome>.category-filter{width:100%;max-width:none}}
.catalog-filter-panel{position:relative;width:250px!important;max-width:100%;margin:0}.catalog-filter-panel>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 16px;border:1px solid #725885;border-radius:5px;cursor:pointer;background:#211b2c;font-size:12px}.catalog-filter-panel>summary::-webkit-details-marker{display:none}.catalog-filter-panel>summary svg{width:20px;height:20px;color:#c6a8ec}.catalog-filter-popover{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-width:calc(100vw - 40px);max-height:70vh;overflow:auto;background:#211b2b;border:1px solid #765986;border-radius:5px;padding:18px;box-shadow:0 14px 40px #0008;z-index:20}.catalog-filter-popover h3{margin:0 0 16px;font-size:14px}.catalog-filter-popover>label{display:block;color:#b8a9ca;font-size:11px;margin:12px 0}.catalog-filter-popover select{display:block;width:100%;margin-top:7px;padding:10px;background:#121019;color:#fff;border:1px solid #584666;border-radius:5px;font-size:12px}.catalog-filter-popover .category-filter{margin:12px 0;max-width:none}.catalog-filter-popover .category-menu{position:static;width:100%}.catalog-filter-popover .category-options{max-height:160px}.filter-favorites input{accent-color:#ac85ed}.catalog-search-row .catalog-filter-panel{width:100%!important}.catalog-search-row .catalog-filter-panel>summary{height:46px}.game-availability{color:#ddd0ec!important}@media(max-width:760px){.welcome>.catalog-filter-panel{width:100%!important}.catalog-filter-popover{width:100%;max-width:none}}
.game-year-badge{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border:1px solid #c4b2e035;border-radius:5px;background:#17131fe6;color:#e4d7f5;font-size:10px;font-weight:600;line-height:1;letter-spacing:.3px}
.saved-progress-list{max-height:none;overflow:visible}.saved-progress-list:has(>.saved-progress-row:nth-child(4)){max-height:235px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.catalog-filter-popover .category-filter{position:relative;z-index:30}.catalog-filter-popover .category-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;width:100%;margin:0;z-index:31;box-shadow:0 12px 28px #0008}.catalog-filter-popover .category-options{max-height:160px;overflow-y:auto}
.snes-controller .command-0,.snes-controller .command-1,.snes-controller .command-8,.snes-controller .command-9{border-radius:50%!important}.snes-controller .command-2,.snes-controller .command-3{border-radius:999px!important}
.history-panel{max-width:1100px}.history-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:20px;background:#1b1823;border:1px solid #ffffff12;border-radius:5px}.history-toolbar label{font-size:11px;color:#b4a7c5}.history-toolbar input,.history-toolbar select{display:block;width:100%;margin-top:8px;padding:12px;background:#121019;color:#eee;border:1px solid #594765;border-radius:5px;font-size:12px}.history-caption{font-size:10px;margin:12px 0 24px;color:#91819f}.history-day{margin:0 0 28px}.history-day>header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.history-day h2{font-size:14px;margin:0;color:#dbcbef}.history-day>header>span{font-size:10px;color:#9585a5}.history-day-list{border:1px solid #ffffff12;border-radius:5px;overflow:hidden;background:#1b1823}.history-entry{display:flex;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid #ffffff0a}.history-entry:last-child{border-bottom:0}.history-event-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#a781d511;border:1px solid #a781d529;border-radius:5px;color:#ba9cde}.history-event-icon svg{width:20px;height:20px}.history-event-content{flex:1;min-width:0}.history-event-content small{display:block;font-size:10px;color:#a991bd;margin-bottom:5px}.history-event-content strong{display:block;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.history-entry time{font-size:11px;color:#a196ae;flex-shrink:0;font-variant-numeric:tabular-nums}.history-empty{text-align:center;padding:40px 20px;border:1px dashed #71538455;border-radius:5px}.history-empty>svg{width:28px;height:28px;color:#ac8ccc}.history-empty h3{font-size:15px}.history-empty p{font-size:12px}@media(max-width:600px){.history-toolbar{grid-template-columns:1fr;gap:14px;padding:16px}.history-entry{padding:14px 12px;gap:11px}.history-event-content strong{font-size:12px}.history-event-icon{width:30px;height:30px}.history-entry time{font-size:10px}}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.personal-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px;margin:26px 0 22px}.personal-tabs button{background:transparent;font-size:12px;padding:11px 17px}.personal-tabs button.active{background:var(--accent);color:#15131b;border-color:var(--accent)}.personal-section[hidden],.collection-editor[hidden]{display:none!important}.personal-section{margin-top:0!important;padding:28px}.personal-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.personal-overview>div{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:5px}.personal-overview small{display:block;font-size:10px;color:var(--muted)}.personal-overview strong{display:block;font-size:19px;margin-top:8px}.profile-photo-editor{display:flex;align-items:center;gap:22px;margin:22px 0 28px}.profile-photo-preview{width:104px;height:104px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--accent);border-radius:50%;overflow:hidden;background:var(--bg);font-size:34px;color:var(--accent)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-editor .btn,.profile-photo-editor button{font-size:11px;padding:10px 12px}.profile-photo-editor .micro{font-size:10px}.profile-photo-upload{cursor:pointer}.personal-section #premium-profile{max-width:820px}.personal-section h2{font-size:22px;margin-top:0}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.theme-options button{display:flex;flex-direction:column;align-items:stretch;text-align:left;font-size:11px;background:var(--theme-bg);padding:12px;color:#eee;border-color:#ffffff25;gap:10px}.theme-options button[aria-pressed="true"]{border-color:var(--theme-sample);box-shadow:0 0 0 1px var(--theme-sample)}.theme-preview{height:58px;display:grid;grid-template-columns:22px 1fr;gap:8px}.theme-preview i{grid-row:span 2;background:var(--theme-sample);opacity:.6;border-radius:3px}.theme-preview b{background:#ffffff12;border-radius:3px}.theme-preview em{background:var(--theme-sample);width:55%;border-radius:3px}.personal-section #premium-preferences{max-width:820px}.personal-section .premium-checks{max-height:240px;overflow:auto}.collection-summary{border:1px solid var(--border);background:var(--bg);border-radius:5px;margin:14px 0;padding:16px}.collection-summary>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.collection-summary>summary strong{font-size:14px}.collection-summary>summary small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.collection-summary>summary>span:last-child{font-size:11px;color:var(--accent)}.collection-actions{display:flex;gap:10px;margin:18px 0}.collection-actions button{font-size:11px}.collection-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-preview button{display:flex;flex-direction:column;background:var(--panel);padding:10px;font-size:11px;align-items:stretch;text-align:left}.collection-preview img{height:100px;width:100%;object-fit:contain}.collection-editor{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.collection-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:none!important;overflow:visible}.collection-picker>label{display:flex;gap:10px;align-items:center;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:5px;font-size:12px}.collection-picker small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.collection-picker .picker-count,.collection-picker .personal-pagination{grid-column:1/-1}.personal-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 0;font-size:11px;color:var(--muted)}.personal-pagination button{font-size:11px}.backup-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-bottom:1px solid var(--border)}.backup-entry strong{display:block;font-size:13px}.backup-entry span,.backup-entry time,.backup-status{display:block;font-size:10px;color:var(--muted);margin-top:6px}.backup-status{color:var(--accent)}.backup-entry button{font-size:11px;flex-shrink:0}.premium-calendar{max-height:300px;overflow:auto}.personal-section #personal-statistics>.row{padding:14px}.personal-section #personal-statistics{font-size:12px}@media(max-width:760px){.personal-overview{grid-template-columns:1fr 1fr}.personal-section{padding:20px}.theme-options{grid-template-columns:1fr 1fr}.collection-preview{grid-template-columns:1fr 1fr}.collection-picker{grid-template-columns:1fr}.profile-photo-editor{gap:14px}.profile-photo-preview{width:80px;height:80px}.backup-entry{padding:14px 0;gap:12px}.personal-tabs{gap:6px}.personal-tabs button{padding:9px 12px;font-size:11px}.personal-pagination{flex-wrap:wrap}}
html[data-theme="classic"]{--bg:#101018;--panel:#1b1b27;--border:#393140;--muted:#aba4b8;--accent:#a487f3}html[data-theme="purple"]{--bg:#171221;--panel:#251c32;--border:#493451;--muted:#b9a8c8;--accent:#c39af5}html[data-theme="midnight"]{--bg:#101922;--panel:#1a2937;--border:#304c63;--muted:#a1b6c9;--accent:#7cb7ed}html[data-theme="forest"]{--bg:#101e1b;--panel:#1b302a;--border:#355448;--muted:#a5bdb4;--accent:#80cbb7}html[data-theme="amber"]{--bg:#211b13;--panel:#30281e;--border:#514230;--muted:#beb09b;--accent:#e6b875}html[data-theme] .shell .workspace>.topbar,html[data-theme] .shell>.panel-drawer{background:var(--bg);border-color:var(--border)}html[data-theme] .shell .box,html[data-theme] .shell .game,html[data-theme] .shell .feature{background:var(--panel);border-color:var(--border)}html[data-theme] .shell .primary{background:var(--accent);border-color:var(--accent);color:#15131b}html[data-theme] .shell .field input,html[data-theme] .shell .field select{background:var(--bg);border-color:var(--border)}html[data-theme] .sidebar nav button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}
.personal-extra-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 28px}.personal-extra-stats>div{padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:5px}.personal-extra-stats small{display:block;color:var(--muted);font-size:10px}.personal-extra-stats strong{display:block;font-size:15px;margin-top:10px;line-height:1.5}.personal-game-stats{max-height:400px;overflow:auto}.personal-section .field[hidden]{display:none!important}.personal-sections #premium-feedback{position:sticky;top:90px}.theme-options button:hover{border-color:var(--theme-sample)}@media(max-width:600px){.personal-extra-stats{grid-template-columns:1fr}.personal-overview strong{font-size:16px}}
.game-preferences-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:30px;align-items:start}.game-preferences-layout #premium-preferences{max-width:none;min-width:0}.preferences-game-picker{position:relative;margin-top:8px;z-index:15}.preferences-game-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--border);background:var(--bg);color:#eee;border-radius:5px;cursor:pointer;font-size:12px}.preferences-game-picker summary::-webkit-details-marker{display:none}.preferences-game-picker summary svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}.preferences-game-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:12px;border:1px solid var(--border);border-radius:5px;background:var(--panel);box-shadow:0 12px 30px #0008}.preferences-game-menu input{margin:0!important}.preferences-game-options{max-height:260px;overflow:auto;margin:10px 0}.preferences-game-options button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;padding:10px}.preferences-game-options button:hover,.preferences-game-options button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 18%,transparent)}.preferences-game-options small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.preferences-game-count{font-size:10px;color:var(--muted)}.preference-game-banner{border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--bg)}.preference-banner-art{position:relative;height:230px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.preference-banner-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(.4);z-index:-1;transform:scale(1.1)}.preference-banner-cover{height:100%;width:100%;padding:16px;object-fit:contain}.preference-banner-content{padding:22px}.preference-game-tags{display:flex;gap:7px}.preference-game-tags span{font-size:10px;padding:5px 8px;background:var(--panel);border:1px solid var(--border);border-radius:5px;color:var(--accent)}.preference-banner-content h3{font-size:20px;line-height:1.3;margin:16px 0}.preference-banner-content p{font-size:12px;line-height:1.8;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.preference-banner-content dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preference-banner-content dt{font-size:10px;color:var(--muted);margin-bottom:5px}.preference-banner-content dd{margin:0;font-size:12px}.preference-banner-content>small{display:block;font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:16px;margin-top:20px;line-height:1.6}.preference-volume{float:right;color:var(--accent);font-size:12px}.game-preferences-layout input[type="range"]{accent-color:var(--accent)}.game-preferences-layout .premium-checks label[hidden]{display:none!important}@media(max-width:900px){.game-preferences-layout{grid-template-columns:1fr;gap:24px}.preference-game-banner{display:grid;grid-template-columns:minmax(140px,.6fr) 1fr}.preference-banner-art{height:100%;min-height:220px}}@media(max-width:550px){.preference-game-banner{display:block}.preference-banner-art{height:220px}}
.personal-section .collection-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-picker>label.collection-game-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}.collection-game-choice>input{position:absolute;opacity:0;width:1px;height:1px}.collection-game-choice>img{width:100%;height:155px;object-fit:contain;background:#111119;padding:8px}.collection-choice-mark{position:absolute;top:10px;right:10px;width:25px;height:25px;border:1px solid #a799b5;border-radius:5px;background:#15101edb;display:grid;place-items:center;z-index:1;color:#fff}.collection-choice-mark:after{content:'+';font-size:20px;line-height:1}.collection-game-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg))}.collection-game-choice:has(input:checked) .collection-choice-mark{background:var(--accent);border-color:var(--accent);color:#17131d}.collection-game-choice:has(input:checked) .collection-choice-mark:after{content:'✓';font-size:15px}.collection-game-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.collection-choice-content{display:flex;flex-direction:column;padding:14px;gap:10px;flex:1}.collection-choice-tags{display:flex;gap:5px;flex-wrap:wrap}.collection-picker .collection-choice-tags small{margin:0;padding:4px 6px;font-size:9px;border:1px solid var(--border);background:var(--panel);border-radius:4px;color:var(--accent)}.collection-choice-content>strong{font-size:12px;line-height:1.5;font-weight:600}.collection-choice-description{font-size:10px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-review-selected{font-size:11px;margin:0 0 14px}.personal-game-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-height:none;overflow:visible}.personal-stat-game{border:1px solid var(--border);background:var(--bg);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.personal-stat-game>img{width:100%;height:145px;object-fit:contain;padding:10px;background:#111119}.personal-stat-game>div{padding:14px;display:flex;flex-direction:column;flex:1}.personal-stat-game h4{font-size:12px;line-height:1.5;margin:0 0 14px}.stat-game-numbers{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:auto;font-size:10px;color:var(--accent)}.personal-stat-game button{margin-top:14px;padding:8px;font-size:10px;justify-content:space-between;width:100%}@media(max-width:1100px){.personal-section .collection-picker,.personal-game-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.personal-section .collection-picker,.personal-game-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-game-choice>img{height:140px}.collection-choice-content{padding:12px}}@media(max-width:420px){.personal-section .collection-picker{grid-template-columns:1fr}.personal-stat-game>img{height:120px}.personal-stat-game>div{padding:10px}}
.preference-volume-control{margin:24px 0!important}.preference-volume-control .preference-volume{padding:4px 9px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums;margin-top:-4px}.preference-volume-slider{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-top:12px;background:var(--bg);border:1px solid var(--border);border-radius:5px}.preference-volume-slider .preference-volume-mute{padding:6px;width:32px;height:32px;flex-shrink:0;border:0;background:transparent;color:var(--accent)}.preference-volume-mute svg{width:21px;height:21px}.game-preferences-layout .field .preference-volume-slider input[type="range"]{appearance:none;-webkit-appearance:none;min-width:0;flex:1;width:100%;height:6px;margin:0;padding:0;border:0;border-radius:5px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--volume-level,50%),var(--border) var(--volume-level,50%),var(--border) 100%);cursor:pointer}.preference-volume-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--accent);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--accent),0 2px 7px #0005}.preference-volume-slider input[type="range"]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--accent)}.preference-volume-slider input[type="range"]:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.dashboard-ad-banner.page-ad-banner{margin:0 0 28px}
.main>.dashboard-ad-banner:first-child{margin-top:0}
.sidebar nav button .sidebar-nav-icon{width:19px;height:19px;flex-shrink:0;display:block;color:#a69ab7}.sidebar nav button{gap:12px}.sidebar nav button.active .sidebar-nav-icon,.sidebar nav button:hover .sidebar-nav-icon{color:var(--accent)}.sidebar nav button>span{line-height:1.4}
.admin-games-toolbar{display:grid;grid-template-columns:2fr repeat(4,minmax(110px,1fr));gap:12px;align-items:end;margin:20px 0}.admin-games-toolbar label{font-size:10px;color:var(--muted);min-width:0}.admin-games-toolbar input,.admin-games-toolbar select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--border);border-radius:5px;color:#eee;background:var(--bg);font-size:11px}.admin-catalog .admin-game-grid{gap:14px}.admin-catalog .catalog-admin-card{min-height:155px;gap:0;border-radius:5px}.admin-catalog .admin-cover{width:112px;min-width:112px;min-height:155px;align-self:stretch}.admin-catalog .admin-cover-art{max-width:94px;max-height:120px;border-radius:5px}.admin-catalog .admin-game-info{padding:15px 16px;gap:8px}.admin-catalog .admin-game-info h3{font-size:13px;margin:2px 0 6px;line-height:1.4}.admin-catalog .admin-game-metadata{gap:12px;font-size:10px}.admin-catalog .admin-game-bottom{margin-top:12px;padding-top:0}.admin-catalog .admin-edit-button{font-size:10px;padding:8px 10px}.admin-catalog .admin-genre{font-size:8px}.admin-catalog .admin-status{font-size:8px}.admin-games-more{display:flex;margin:28px auto 8px;min-width:230px}.game-hero-cover,.admin-cover-art,.public-game .game-detail-art img{border-radius:5px}@media(max-width:1100px){.admin-games-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-games-search{grid-column:span 2}}@media(max-width:700px){.admin-games-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-games-search{grid-column:1/-1}.admin-catalog .admin-game-grid{grid-template-columns:1fr}.admin-catalog .admin-cover{width:95px;min-width:95px}.admin-catalog .admin-cover-art{max-width:80px}.admin-catalog .admin-game-info{padding:12px}}
.admin-catalog .catalog-admin-card{grid-template-columns:112px minmax(0,1fr);min-height:0;padding:10px;gap:14px;align-items:center}.admin-catalog .admin-cover{display:grid;place-items:center;width:112px;min-width:0;height:112px;min-height:0;align-self:center;padding:10px;border-radius:5px}.admin-catalog .admin-cover-backdrop{inset:0;width:100%;height:100%;object-fit:cover;filter:blur(12px);transform:scale(1.15);opacity:.65}.admin-catalog .admin-cover-art{display:block;width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:contain;border-radius:5px}.admin-catalog .admin-game-info{padding:0;gap:5px}.admin-catalog .admin-game-status{gap:7px}.admin-catalog .admin-game-info h3{margin:1px 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-catalog .admin-game-metadata{font-size:9px;gap:10px}.admin-catalog .admin-game-metadata svg{width:14px;height:14px}.admin-catalog .admin-game-bottom{margin-top:6px;padding-top:0}.admin-catalog .admin-edit-button{padding:6px 9px;font-size:9px}.admin-catalog .rom-status{font-size:9px}.game-hero .game-hero-cover{width:auto;height:auto;max-width:40%;max-height:235px;border-radius:5px;object-fit:contain}.public-game .game-detail-art img{width:auto;height:auto;max-width:100%;max-height:350px;border-radius:5px}@media(max-width:760px){.game-hero .game-hero-cover{max-height:200px}}@media(max-width:500px){.admin-catalog .catalog-admin-card{grid-template-columns:96px minmax(0,1fr);gap:12px}.admin-catalog .admin-cover{width:96px;height:96px}.admin-catalog .admin-game-metadata{flex-wrap:wrap;gap:5px 8px}.admin-catalog .admin-game-bottom{gap:8px}}
.admin-catalog .admin-cover-art{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:5px}
.admin-catalog .admin-cover{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.admin-catalog .admin-cover-art{width:auto;height:auto;max-width:calc(112px - 20px);max-height:calc(112px - 20px);object-fit:contain;flex:0 1 auto;border-radius:5px}@media(max-width:500px){.admin-catalog .admin-cover-art{max-width:calc(96px - 20px);max-height:calc(96px - 20px)}}
.real-ad[hidden]{display:none!important}.real-ad.horizontal{width:100%;margin:0 0 28px}.real-ad-label{display:block;text-align:center;letter-spacing:2px;font-size:8px;color:var(--muted);margin-bottom:10px}.real-ad.side{width:250px;min-width:0;position:sticky;top:22px}.real-ad.side .adsbygoogle{min-height:300px}.real-ad.horizontal .adsbygoogle{min-height:90px}.play-layout.console-with-sidebar-ad{gap:150px;grid-template-columns:minmax(0,1fr) 250px}.play-layout.console-with-sidebar-ad:has(>.real-ad[hidden]),.play-layout.console-with-sidebar-ad:not(:has(>.real-ad)){grid-template-columns:1fr;gap:0}@media(max-width:1100px){.play-layout.console-with-sidebar-ad{grid-template-columns:1fr;gap:150px}.real-ad.side{position:static;width:100%}.real-ad.side .adsbygoogle{min-height:100px}}

:root{color-scheme:dark}.room-player-body{margin:0;color:#f3effb;background:#101018;font:13px system-ui;display:flex;flex-direction:column;height:100vh;overflow:hidden}.online-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#211b2e;min-height:44px;flex-wrap:wrap}.online-toolbar span:first-child{flex:1}.online-toolbar button,.touch-controls button{background:#30253f;color:#fff;border:1px solid #71548d;border-radius:5px;padding:8px 12px;cursor:pointer}.online-toolbar [hidden],.room-player-body [hidden]{display:none!important}#online-stage{flex:1;min-height:0;position:relative;background:#08080d;outline:none;display:flex;align-items:center;justify-content:center}#online-stage>iframe{width:100%;height:100%;border:0}#remote-video{width:100%;height:100%;object-fit:contain;image-rendering:auto}#online-placeholder{padding:25px;text-align:center;color:#bdb1cd}.touch-controls{padding:10px;display:flex;justify-content:space-between;gap:10px;touch-action:none;background:#17121f}.touch-controls>div{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.touch-controls button{touch-action:none;min-width:38px;min-height:38px;user-select:none}.room-lobby-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.room-lobby-heading h1{margin:12px 0;font-size:30px}.room-lobby-heading p{color:var(--muted)}.room-lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.room-session-panel{background:var(--panel,#1c1927);border:1px solid var(--border,#493855);border-radius:10px;overflow:hidden;align-self:start}.room-waiting{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;padding:32px;background:radial-gradient(ellipse at top left,#66428255,transparent 75%)}.room-waiting img{max-width:100%;max-height:200px;width:auto;height:auto;border-radius:5px;justify-self:center}.room-waiting h2{font-size:25px;line-height:1.3}.room-waiting p{color:var(--muted);font-size:13px;line-height:1.8}.room-status-badge{display:inline-block;padding:6px 10px;border:1px solid #b8a0db66;border-radius:5px;color:#c6b0ea;font-size:11px}.lobby-share{display:flex;gap:8px}.lobby-share input{min-width:0;width:100%;font-size:11px}.lobby-actions{padding:20px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border,#493855)}.lobby-actions button{font-size:12px}.lobby-error{width:100%;color:#f5a5ad;margin:0;font-size:12px}.room-session-help,.room-relay-help{font-size:12px;line-height:1.8;color:var(--muted);padding:0 20px}.room-relay-help{font-size:11px;color:#b79ecc;padding-bottom:10px}.room-social .box{padding:20px;margin-bottom:20px}.room-social h2{font-size:17px;margin:0 0 20px}.room-social h2 span{float:right;color:var(--accent);font-size:13px}.lobby-member{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border,#493855)}.lobby-member>div{min-width:0;flex:1}.lobby-member strong{font-size:12px;display:block;overflow-wrap:anywhere}.lobby-member strong small{font-size:8px;color:var(--accent);display:block;margin-top:4px}.lobby-member>div>span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.lobby-avatar{width:32px;height:32px;display:grid;place-items:center;background:#73569b44;border-radius:50%}.presence{width:7px;height:7px;flex-shrink:0;background:#827b8b;border-radius:50%}.presence.online{background:#99dd83}.room-chat #room-messages{max-height:250px;min-height:100px;overflow:auto;padding-right:8px}.room-chat article{padding:10px 0}.room-chat article strong{font-size:11px;color:var(--accent)}.room-chat time{float:right;font-size:9px;color:var(--muted)}.room-chat article p{font-size:12px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere;white-space:pre-wrap}.room-chat form{display:flex;gap:8px;margin-top:14px}.room-chat input{width:100%;min-width:0;font-size:12px}.room-chat button{font-size:11px}.room-chat>small{display:block;margin-top:12px;color:var(--muted);font-size:9px}#room-play-stage iframe{width:100%;height:560px;border:0;display:block}.room-lobby [hidden]{display:none!important}.danger{color:#f5b3bd!important}.rooms-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.rooms-search input{flex:1;min-width:180px}.rooms-live-badge{color:#b5e8a2;font-size:10px}.room-status-line{font-size:11px;color:var(--muted);margin:0 0 12px}.room-card .room-art-cover{border-radius:5px}@media(max-width:1100px){.room-lobby-layout{grid-template-columns:1fr}.room-social{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-waiting{grid-template-columns:140px minmax(0,1fr)}}@media(max-width:650px){.room-lobby-heading{align-items:flex-start;flex-direction:column}.room-lobby-heading h1{font-size:24px}.room-waiting{grid-template-columns:1fr;padding:24px}.room-waiting img{max-height:150px}.room-social{grid-template-columns:1fr;gap:0}.lobby-share{flex-direction:column}#room-play-stage iframe{height:470px}.online-toolbar{font-size:11px}.online-toolbar button{padding:6px 8px}.touch-controls{font-size:11px;gap:4px;padding:7px}.touch-controls button{padding:6px;min-width:32px;min-height:32px}}
.room-card[hidden]{display:none!important}

.room-game-field{position:relative}.room-game-picker{position:relative}.room-game-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;background:var(--bg,#101018);border:1px solid var(--border,#493855);border-radius:5px;padding:13px 15px;cursor:pointer;font-size:13px;color:var(--text,#f2eef8)}.room-game-picker summary::-webkit-details-marker{display:none}.room-game-picker summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-game-picker summary svg{width:16px;height:16px;flex-shrink:0}.room-game-picker[open] summary{border-color:var(--accent,#b395ec)}.room-game-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;padding:10px;background:var(--panel,#1c1927);border:1px solid var(--border,#493855);border-radius:5px;box-shadow:0 14px 35px #0009}.room-game-dropdown input{width:100%;margin:0 0 8px;padding:11px;font-size:12px}.room-game-options{max-height:210px;overflow:auto;overscroll-behavior:contain}.room-game-options button{display:block;width:100%;text-align:left;padding:11px 10px;margin:0 0 3px;border:0;background:transparent;border-radius:5px;white-space:normal}.room-game-options strong{font-size:12px;font-weight:600;display:block}.room-game-options small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.room-game-options button:hover,.room-game-options button:focus-visible,.room-game-options button[aria-selected=true]{background:#926be12b}.room-game-picker-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 2px 0;color:var(--muted);font-size:10px}.room-game-picker-footer button{font-size:10px;padding:5px 8px}.room-game-picker-footer [hidden]{display:none!important}.room-game-no-match{font-size:12px;padding:10px;color:var(--muted)}#room-form>label[hidden]{display:none!important}

.saved-progress-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.saved-progress-actions [data-remove-save]{color:#f5a7ae}.saved-progress-actions [data-confirm-removal]{border-color:#e87485}@media(max-width:600px){.saved-progress-row{flex-wrap:wrap}.saved-progress-actions{justify-content:flex-start}}

.rooms-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}.rooms-page-header h1{font-size:28px;line-height:1.3;margin:9px 0 10px}.rooms-page-header p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.rooms-page-header .rooms-live-badge{display:inline-block;color:var(--accent,#bca4ef);font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.rooms-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.rooms-header-actions button{height:44px;font-size:12px}.rooms-header-actions .rooms-refresh{width:44px;padding:0;font-size:22px}.rooms-search{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;margin-bottom:20px}.rooms-search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;height:44px;padding:0 14px;border:1px solid var(--border,#393441);border-radius:6px;background:var(--panel,#1b1b24);transition:border-color .15s,box-shadow .15s}.rooms-search-field:focus-within{border-color:var(--accent,#ab8ee5);box-shadow:0 0 0 3px #a982e51a}.rooms-search-field svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.rooms-search .rooms-search-field input{width:100%;min-width:0;height:42px;flex:1;outline:0;border:0;box-shadow:none;border-radius:0;padding:0;background:transparent;color:var(--text,#f4f4f7);font:inherit;font-size:13px}.rooms-search-field input::placeholder{color:var(--muted)}.rooms-game-label{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--muted);font-size:12px}.rooms-game-label select{height:44px;max-width:230px;min-width:140px;padding:0 32px 0 12px;background:var(--panel,#1b1b24);border:1px solid var(--border,#393441);border-radius:6px;color:var(--text,#f4f4f7);font-size:12px}.rooms-code-button{height:44px;flex-shrink:0;font-size:12px;padding:0 18px}.rooms-toolbar{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--border,#393441)}.rooms-toolbar .rooms-overview{padding:0;gap:22px;margin:0;font-size:11px}.rooms-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.rooms-toolbar .filters button{height:36px;padding:0 14px;font-size:11px}@media(max-width:1000px){.rooms-search{flex-wrap:wrap}.rooms-search-field{flex-basis:100%}.rooms-game-label{flex:1}.rooms-game-label select{max-width:none;flex:1}}@media(max-width:650px){.rooms-page-header{align-items:flex-start;flex-direction:column;gap:18px}.rooms-page-header h1{font-size:24px}.rooms-header-actions{width:100%;justify-content:flex-end}.rooms-search{gap:10px}.rooms-game-label{width:100%;flex-basis:100%}.rooms-code-button{width:100%}.rooms-toolbar{align-items:flex-start;gap:15px}.rooms-toolbar .rooms-overview{width:100%;justify-content:space-between}}

/* Lobby: invitation, cover, participants and conversation. */
.room-lobby-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.room-waiting{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;padding:24px;background:radial-gradient(ellipse at top left,#8660b122,transparent 75%)}.room-waiting .lobby-cover{position:relative;isolation:isolate;aspect-ratio:1;width:100%;overflow:hidden;padding:10px;border-radius:6px;border:1px solid #ffffff14;background:#22202b;display:flex;align-items:center;justify-content:center}.room-waiting .lobby-cover-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);max-width:none;max-height:none;object-fit:cover;filter:blur(16px) brightness(.58);border-radius:0;z-index:-1}.room-waiting .lobby-cover-image{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;box-shadow:0 5px 18px #0005}.lobby-welcome{min-width:0}.room-waiting h2{font-size:24px;line-height:1.35;margin:15px 0 12px}.room-waiting p{font-size:12px;margin:0 0 20px;line-height:1.7}.room-status-badge{font-size:10px;padding:6px 9px;background:#ad88dd0b;border-color:#ad88dd40}.lobby-invitation>label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;margin-bottom:9px;color:var(--text,#f5f5fa)}.lobby-invitation>label span{color:var(--muted);font-size:10px;font-weight:400}.lobby-share{display:flex;align-items:stretch;gap:8px}.lobby-share input{flex:1;min-width:0;max-width:100%;height:42px;padding:0 12px;border:1px solid var(--border,#41384c);border-radius:6px;background:#10101866;color:var(--text,#f5f5fa);font-family:inherit;font-size:11px;outline:none}.lobby-share input:focus{border-color:var(--accent,#ae91e0);box-shadow:0 0 0 3px #ab83e51a}.lobby-share button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;flex:0 0 auto;padding:0 12px;height:42px;font-size:11px}.lobby-share button svg{width:15px;height:15px;flex-shrink:0}.lobby-copy-feedback{display:block;min-height:15px;margin-top:9px;font-size:10px;color:var(--muted);line-height:1.5}.lobby-copy-feedback.copied{color:#b0dda0}.lobby-actions{padding:18px 24px;gap:10px;background:#10101818}.lobby-actions button{height:40px;padding:0 15px;font-size:11px}.room-session-help{margin:16px 24px 10px;padding:0;font-size:11px;line-height:1.8}.room-relay-help{margin:0 24px 20px;padding:0;font-size:10px;line-height:1.7}.room-social .box{padding:20px;border-radius:10px;margin-bottom:18px}.lobby-box-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.lobby-box-label{font-size:9px;letter-spacing:.12em;color:var(--muted)}.room-social .lobby-box-heading h2{font-size:16px;line-height:1.3;margin:6px 0 0}.lobby-box-heading #room-player-count{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #ab88df33;border-radius:5px;background:#ab88df12;color:var(--accent,#bda7ee);font-size:11px;font-weight:600}.lobby-member{gap:10px;border:1px solid #ffffff0d;background:#ffffff03;border-radius:7px;padding:12px;margin-top:8px}.lobby-avatar{position:relative;flex:0 0 34px;width:34px;height:34px;background:#ab89dc20;font-size:13px;color:#d5c6ef}.lobby-avatar .presence{position:absolute;right:-2px;bottom:-2px;border:2px solid var(--panel,#1c1927);width:10px;height:10px}.lobby-member-info{min-width:0}.lobby-member strong{font-size:11px;line-height:1.45}.lobby-member strong em{font-style:normal;font-size:8px;font-weight:400;color:var(--muted);margin-left:5px}.lobby-member-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:9px}.member-role{font-size:8px;color:var(--accent,#b9a0e4);text-transform:uppercase;letter-spacing:.03em}.member-readiness{font-size:9px;color:var(--muted);white-space:nowrap;flex-shrink:0}.member-readiness.ready{color:#b2df9f}.lobby-member button{padding:3px 7px;font-size:12px}.room-chat #room-messages{display:flex;flex-direction:column;gap:10px;min-height:160px;max-height:310px;padding-right:5px}.room-chat .lobby-chat-message{max-width:94%;padding:10px 12px;margin:0;align-self:flex-start;border:1px solid #ffffff0c;border-radius:8px 8px 8px 2px;background:#ffffff05}.room-chat .lobby-chat-message.own{align-self:flex-end;background:#9e7adf14;border-color:#ae8bdd22;border-radius:8px 8px 2px 8px}.lobby-chat-message header{display:flex;justify-content:space-between;align-items:center;gap:15px}.room-chat .lobby-chat-message strong{font-size:10px;color:var(--accent,#c2acec)}.room-chat .lobby-chat-message time{float:none;flex-shrink:0;font-size:8px;color:var(--muted)}.room-chat .lobby-chat-message p{margin:7px 0 0;font-size:11px;line-height:1.6;color:var(--text,#eeeaf4)}.lobby-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 6px;color:var(--muted)}.lobby-chat-empty span{font-size:12px;color:var(--text,#f1eef6)}.lobby-chat-empty p{font-size:10px;line-height:1.6;margin:8px 0}.room-chat form{align-items:center;gap:8px;padding-top:14px;border-top:1px solid #ffffff0b}.room-chat input{height:42px;flex:1;min-width:0;padding:0 12px;background:#10101866;border:1px solid var(--border,#41384c);border-radius:6px;color:var(--text,#f5f5fa);font-size:11px;font-family:inherit;outline:none}.room-chat input:focus{border-color:var(--accent,#ae91e0);box-shadow:0 0 0 3px #ab83e51a}.room-chat input::placeholder{color:var(--muted)}.room-chat form button{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0}.room-chat form button svg{width:17px;height:17px}.room-chat>small{font-size:9px;line-height:1.6;margin-top:10px}@media(max-width:1100px){.room-lobby-layout{grid-template-columns:1fr}.room-waiting{grid-template-columns:180px minmax(0,1fr)}.room-social{grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:650px){.room-waiting{grid-template-columns:1fr;padding:20px;gap:20px}.room-waiting .lobby-cover{width:180px;justify-self:center}.room-waiting .lobby-cover-image{max-height:100%}.lobby-share{flex-direction:row;flex-wrap:wrap}.lobby-share input{flex-basis:100%}.lobby-share button{width:100%}.lobby-invitation>label{flex-wrap:wrap}.room-social{grid-template-columns:1fr;gap:0}.room-social .box{padding:18px}.lobby-actions{padding:18px 20px}.room-session-help{margin:16px 20px 10px}.room-relay-help{margin:0 20px 20px}}
/* Room cards: centered cover and a readable title band above the artwork. */
.room-card .room-art-cover{top:50%;right:9%;width:auto;height:auto;max-width:46%;max-height:calc(100% - 30px);transform:translateY(-50%) rotate(8deg);object-fit:contain;border-radius:5px}
.room-card .room-art-caption{left:0;right:0;bottom:0;max-width:none;padding:28px 20px 20px;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(12,12,20,.72) 34%,rgba(12,12,20,.96) 100%);text-shadow:0 2px 8px #0008}
.room-card .room-art-caption strong{max-width:85%;font-size:21px;line-height:1.18}
.room-card .room-art-caption span{margin-bottom:7px}

.room-card .room-pill.open{color:#fff}.room-card .room-lock-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.room-lock-pill svg{width:15px;height:15px}.room-card-actions [data-open-online-room]{background:var(--accent,#a17be9);color:#171020;border-color:transparent;font-weight:700}.room-card-actions [data-open-online-room]:hover{filter:brightness(1.1)}
.room-card .room-art-caption{background:linear-gradient(180deg,transparent 0%,rgba(12,12,20,.35) 48%,rgba(12,12,20,.7) 100%)}

.room-card-actions .room-exit.room-close{background:#b93646;border-color:#b93646;color:#fff}.room-card-actions .room-exit.room-close:hover{background:#ce4254;border-color:#ce4254}
/* Fill the waiting panel's left column with the square cover frame. */
.room-waiting{grid-template-columns:minmax(240px,300px) minmax(0,1fr);padding:0;gap:0;align-items:stretch}
.room-waiting .lobby-cover{width:100%;height:100%;min-height:300px;aspect-ratio:1;align-self:stretch;border:0;border-radius:0;padding:10px}
.room-waiting .lobby-cover-image{max-width:100%;max-height:280px}
.room-waiting .lobby-welcome{padding:24px;align-self:center}
@media(max-width:1100px){.room-waiting{grid-template-columns:280px minmax(0,1fr)}.room-waiting .lobby-cover{min-height:280px}.room-waiting .lobby-cover-image{max-height:260px}}
@media(max-width:760px){.room-waiting{grid-template-columns:1fr}.room-waiting .lobby-cover{width:100%;height:auto;min-height:0;aspect-ratio:1;max-height:340px;justify-self:stretch}.room-waiting .lobby-cover-image{max-height:calc(100% - 20px)}.room-waiting .lobby-welcome{padding:20px}}
@media(min-width:761px) and (max-width:1400px){.room-lobby-layout{grid-template-columns:1fr}.room-social{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}}
.room-card .room-flags{justify-content:flex-start;align-items:center;gap:8px}
.room-card .room-card-actions button.room-exit.room-close{background:#b93646!important;border-color:#b93646!important;color:#fff!important}
.room-card .room-card-actions button.room-exit.room-close:hover{background:#ce4254!important;border-color:#ce4254!important}
.room-card .room-card-actions button{font-size:13px}
.room-card .room-flags{gap:5px}
.room-card .room-flags .room-pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;margin:0;padding:0 9px}
.room-card .room-flags .room-lock-pill{width:28px;min-width:28px;height:28px;padding:0;flex:0 0 28px}

.room-ping{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);border:1px solid #ffffff12;border-radius:5px;padding:5px 8px;margin:0 0 10px}.room-ping::before{content:"";width:5px;height:5px;border-radius:50%;background:#aaa0b8}.room-ping[data-quality="good"]::before{background:#91d794}.room-ping[data-quality="fair"]::before{background:#e1bd75}.room-ping[data-quality="slow"]::before,.room-ping[data-quality="offline"]::before{background:#e78994}.lobby-connection{display:flex;gap:10px;flex-wrap:wrap;padding:14px 24px 0}.lobby-connection .room-ping{margin-bottom:10px}
.hero-cinematic .actions{align-items:center;flex-wrap:wrap;gap:10px}.hero-cinematic .actions>.btn,.hero-cinematic .actions>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 18px;white-space:nowrap;font-size:14px;line-height:1.2}.hero-cinematic .actions svg{width:18px;height:18px;flex-shrink:0}
.cover-labels{position:absolute;top:14px;left:14px;right:52px;z-index:3;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cover .cover-labels .platform,.cover .cover-labels .cover-rating{position:static;inset:auto;margin:0;flex-shrink:0}.game-comments{padding:20px;border:1px solid var(--border,#403746);border-radius:10px;margin:22px 0;background:var(--panel,#1c1927)}.game-comments h3{font-size:17px;margin:0 0 8px}.game-comments>header p{font-size:12px;color:var(--muted);margin:0 0 20px}.game-comments form label{display:block;font-size:12px}.game-comments textarea{display:block;width:100%;box-sizing:border-box;margin-top:9px;padding:12px;border-radius:6px;border:1px solid var(--border,#403746);background:#10101866;color:var(--text,#f3eff8);font:inherit;font-size:12px;line-height:1.6;resize:vertical;min-height:88px}.game-comments textarea:focus{outline:2px solid var(--accent,#af8de7);outline-offset:1px}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.comment-form-footer small,.comment-feedback{font-size:10px;color:var(--muted)}.comment-form-footer button{font-size:12px}.game-comment-list article{padding:16px 0;border-top:1px solid var(--border,#403746)}.game-comment-list article header{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.game-comment-list strong{font-size:12px}.game-comment-list time{font-size:10px;color:var(--muted)}.game-comment-list article p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.comment-empty{font-size:12px;color:var(--muted);padding:12px 0}.game-comments [hidden]{display:none!important}.lobby-rating-editor .rating-editor-heading{font-size:12px}.lobby-rating-editor .rating-buttons button{font-size:24px}.lobby-game-rating .rating-summary{margin:6px 0}@media(max-width:760px){.cover-labels{top:9px;left:9px;right:45px;gap:5px}.game-comments{padding:16px}.comment-form-footer button{width:100%}}
.confirmation-dialog{width:min(380px,calc(100vw - 40px));box-sizing:border-box;padding:24px;background:var(--panel,#1d1928);color:var(--text,#f3eff9);border:1px solid var(--border,#493850);border-radius:12px;box-shadow:0 24px 80px #0008}.confirmation-dialog::backdrop{background:#09070fcc;backdrop-filter:blur(3px)}.confirmation-dialog form{margin:0}.confirmation-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b9364620;border:1px solid #b9364650;color:#f39ba8;font-weight:700}.confirmation-dialog h2{font-size:19px;margin:16px 0 12px}.confirmation-dialog p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 22px}.confirmation-actions{display:flex;justify-content:flex-end;gap:9px}.confirmation-actions button{font-size:12px;min-height:38px;padding:9px 13px}.confirmation-actions .confirmation-danger{background:#b93646!important;border:1px solid #b93646!important;color:#fff!important}.confirmation-danger:hover{filter:brightness(1.12)}.game-comment-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-width:thin;scrollbar-color:#806698 transparent}.game-dialog .game-comment-list{max-height:280px}

.console-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.console-page-heading .welcome{flex:1;min-width:0;margin-bottom:0}.console-header-rating{flex:0 0 260px;margin:0;padding:12px 16px}.console-header-rating .rating-editor-heading{gap:6px}.console-header-rating .rating-summary{margin:0}.console-header-rating .rating-summary small{display:none}.console-header-rating .rating-stars{font-size:12px}.console-header-rating .rating-buttons{margin-top:6px;gap:7px}.console-header-rating .rating-buttons button{font-size:25px;padding:3px}.console-header-rating .rating-feedback{font-size:9px;margin-top:5px}@media(max-width:850px){.console-page-heading{flex-direction:column;align-items:stretch;gap:16px}.console-header-rating{flex:auto;align-self:flex-start;width:min(100%,290px);box-sizing:border-box}}

.comments-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.comments-heading-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #aa87e52a;background:#aa87e50e;border-radius:9px;color:var(--accent,#baa3e9)}.comments-heading-icon svg{width:21px;height:21px}.game-comments .comments-heading h3{font-size:16px;margin:0 0 6px}.game-comments .comments-heading p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.comments-total{margin-left:auto;flex-shrink:0;border:1px solid #ffffff10;border-radius:5px;padding:5px 8px;font-size:10px;color:var(--muted)}.comment-composer{padding:16px;border:1px solid #ffffff0e;border-radius:9px;background:#10101838;margin-bottom:18px}.game-comments .comment-composer label{font-size:11px;font-weight:600;color:var(--text,#eeeaf4)}.game-comments textarea{min-height:96px;border-color:#ffffff16;background:#0e0d1660;font-size:12px;border-radius:7px}.comment-form-footer button{height:38px;font-size:11px;padding:0 15px}.comment-feedback:empty{display:none}.game-comment-list{display:flex;flex-direction:column;gap:10px;padding-right:7px}.game-comment-list .community-comment{display:flex;align-items:flex-start;gap:12px;padding:15px;margin:0;background:#ffffff03;border:1px solid #ffffff0d;border-radius:9px}.comment-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#b090e22b,#706acb15);border:1px solid #b39bd32b;color:#d6c4f1;font-size:12px;font-weight:600}.comment-content{flex:1;min-width:0}.game-comment-list .comment-content header{gap:12px}.game-comment-list .comment-content strong{font-size:12px;color:var(--text,#f4f0fa)}.game-comment-list .comment-content time{font-size:9px}.game-comment-list .comment-content p{margin-top:8px;font-size:12px;line-height:1.8;color:var(--muted)}.comment-empty{margin:0;text-align:center;border:1px dashed #ffffff12;border-radius:8px;padding:22px 12px}.game-hero-tools{position:absolute;top:18px;left:24px;right:55px;z-index:4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game-hero .game-hero-tools .hero-favorite{position:static;margin:0}.game-hero-tools .hero-rating{display:flex;align-items:center;gap:8px;margin:0;padding:4px 8px;border:1px solid #ffffff1a;border-radius:6px;background:#15121cd9}.hero-rating .rating-editor-heading{order:2;gap:0}.hero-rating .rating-editor-heading>strong,.hero-rating .rating-summary .rating-stars,.hero-rating .rating-feedback{display:none}.hero-rating .rating-summary{margin:0}.hero-rating .rating-summary small:empty{display:none}.hero-rating .rating-buttons{gap:2px}.hero-rating .rating-buttons button{font-size:22px;padding:2px;line-height:1}.hero-rating .rating-summary small{font-size:9px}.game-dialog .comments-heading{flex-wrap:wrap}.game-dialog .comments-total{margin-left:50px}@media(max-width:650px){.comments-heading{flex-wrap:wrap}.comments-total{margin-left:50px}.comment-composer{padding:12px}.game-comment-list .community-comment{padding:12px;gap:9px}.comment-content header{align-items:flex-start;flex-direction:column;gap:4px!important}.game-hero-tools{left:16px;top:16px}.game-hero-tools .hero-favorite{font-size:10px}.hero-rating .rating-buttons button{font-size:19px}}

.hero-rating-summary{padding:8px 10px;border:1px solid #ffffff18;border-radius:6px;background:#15121cd9}.hero-rating-summary .rating-summary{margin:0;gap:7px}.hero-rating-summary .rating-stars{font-size:13px;letter-spacing:1px}.rating-summary small:empty{display:none}.game-detail-rating{padding:20px;border-radius:10px;background:linear-gradient(135deg,#a581d00a,#17141e44);border:1px solid #a58bd32a;margin:24px 0 16px}.game-detail-rating .rating-editor-heading{margin-bottom:16px;gap:12px}.game-detail-rating .rating-editor-heading>strong{font-size:15px}.game-detail-rating .rating-summary{margin:0}.game-detail-rating .rating-summary .rating-stars{font-size:13px}.game-detail-rating .rating-buttons{gap:8px}.game-detail-rating .rating-buttons button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff12;border-radius:8px;background:#ffffff03;color:#8b7a9d;font-size:25px;transition:background .15s,border-color .15s,color .15s,transform .15s}.game-detail-rating .rating-buttons button.chosen{color:#f1ca81;background:#e7b86410;border-color:#d9b67545}.game-detail-rating .rating-buttons button:hover{background:#e7b86418;border-color:#d9b67560;color:#ffdaa1;transform:translateY(-2px)}.game-detail-rating .rating-buttons button:focus-visible{outline:2px solid var(--accent,#bca0e9);outline-offset:3px}.game-detail-rating .rating-feedback{margin-top:12px;font-size:11px;color:var(--muted)}@media(max-width:650px){.game-detail-rating{padding:16px}.game-detail-rating .rating-buttons{gap:6px}.game-detail-rating .rating-buttons button{width:38px;height:38px;font-size:23px}}
.comment-form-footer{justify-content:flex-start;gap:12px}.comment-respect{flex:1}.comment-counter{margin-left:auto;white-space:nowrap}.game-comment-list .comment-remove{margin-top:10px;font-size:10px;padding:4px 8px;color:#eea2ad}.comment-admin-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.comment-admin-toolbar h2{font-size:20px;margin:0 0 10px}.comment-admin-toolbar p{max-width:650px;font-size:12px;color:var(--muted);line-height:1.7;margin:0}.comment-admin-toolbar select{padding:10px;border:1px solid var(--border);background:var(--panel);border-radius:6px;color:var(--text)}.comment-admin-card{border:1px solid var(--border);border-radius:9px;padding:18px;margin-bottom:12px}.comment-admin-card header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px}.comment-admin-card header span,.comment-admin-card time{font-size:10px;color:var(--muted)}.comment-admin-card time{margin-left:auto}.comment-admin-card>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.comment-flags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.comment-flags span{font-size:10px;color:#ecc58a;background:#bc802318;border:1px solid #bc802344;padding:4px 7px;border-radius:5px}.comment-flags small{font-size:10px;color:var(--muted);padding:4px}.comment-admin-actions,.comment-admin-pages{display:flex;align-items:center;gap:10px}.comment-admin-actions button{font-size:11px}.comment-admin-pages span,.comment-admin-feedback{font-size:12px;color:var(--muted)}@media(max-width:650px){.comment-form-footer .comment-respect{flex-basis:100%;order:3}.comment-form-footer button{width:auto}.comment-admin-toolbar{flex-direction:column}.comment-admin-toolbar select{width:100%}}

.game-interest-scroll{max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.game-interest-scroll thead th{position:sticky;top:0;z-index:1;background:var(--panel,#1c1927)}.comment-pending{display:block;font-size:9px;color:#e6c490;font-weight:400;margin-top:5px}
.traffic-chart{display:block;width:100%;max-height:260px;margin-top:18px;overflow:visible}.traffic-chart text{fill:var(--muted);font-size:11px}.traffic-grid{stroke:#ffffff15;fill:none}.traffic-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.traffic-line-0{stroke:#a98af6}.traffic-line-1{stroke:#56d6c1}.traffic-line-2{stroke:#e8b76a}.traffic-dot-0{fill:#a98af6}.traffic-dot-1{fill:#56d6c1}.traffic-dot-2{fill:#e8b76a}.traffic-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.traffic-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#a98af6}.traffic-legend span:nth-child(2):before{background:#56d6c1}.traffic-legend span:nth-child(3):before{background:#e8b76a}
.lobby-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lobby-status-row .lobby-connection{display:flex;align-items:center;gap:8px;padding:0;margin:0;border:0}.lobby-status-row .room-ping{margin:0}
.game-hero .game-hero-tools .hero-favorite{width:34px;height:34px;min-width:34px;padding:0;display:grid;place-items:center;box-sizing:border-box}.hero-favorite svg{width:18px;height:18px}.hero-favorite[aria-pressed="true"] svg{fill:currentColor}.game-hero-tools .hero-rating-summary{height:34px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}
.rating-summary[title],.rating-summary .rating-stars[title]{cursor:help}
.rating-buttons button{display:grid;place-items:center;line-height:1;padding:6px}.rating-buttons button svg{display:block;width:24px;height:24px;flex-shrink:0}.game-detail-rating .rating-buttons button{padding:0}
.ad-preview-block{min-height:90px;padding:20px;box-sizing:border-box;border:1px dashed #a78bef70;border-radius:10px;background:repeating-linear-gradient(135deg,#a78bef09 0,#a78bef09 10px,#a78bef04 10px,#a78bef04 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#baa5e3}.ad-preview-block svg{width:30px;height:30px}.ad-preview-block strong{font-size:13px}.ad-preview-block span{font-size:11px}.ad-preview-block small{font-size:10px;color:var(--muted)}.real-ad.side .ad-preview-block{min-height:300px}@media(max-width:1100px){.real-ad.side .ad-preview-block{min-height:100px}}
.lobby-status-row .room-status-badge,.lobby-status-row .room-ping{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;line-height:1;margin:0}
.lobby-avatar{position:relative;overflow:visible;flex-shrink:0}.lobby-profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.lobby-leader-crown{position:absolute;left:-9px;top:-12px;width:23px;height:23px;color:#ffcf58;transform:rotate(-28deg);filter:drop-shadow(0 2px 2px #0008);z-index:2}.lobby-member .member-role{color:#ffcf58}
.room-card .room-flags{align-items:center;gap:5px;flex-wrap:wrap}.room-card .room-flags .room-pill,.room-card .room-flags .room-ping{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;line-height:1;margin:0;white-space:nowrap}.room-card .room-flags .room-lock-pill{padding:0}.room-card .room-flags .room-ping{background:#17151fea;color:#fff;border-color:#ffffff18;font-size:10px}
.lobby-actions [data-lobby-start]{background:#39b86b;color:#fff;border-color:#39b86b;font-weight:700;box-shadow:0 3px 16px #39b86b20}.lobby-actions [data-lobby-start]:hover:not(:disabled){background:#45c978;border-color:#45c978}.lobby-actions [data-lobby-start]:disabled{background:#39b86b;color:#fff;border-color:#39b86b;opacity:.45;cursor:not-allowed}
.lobby-actions [data-lobby-ready],.lobby-actions [data-lobby-start]{color:#fff!important}.lobby-actions [data-lobby-ready]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lobby-actions [data-lobby-ready] svg{width:17px;height:17px;flex-shrink:0}
.room-lobby .lobby-actions [data-lobby-ready]{background:#8062cf!important;border-color:#8062cf!important;color:#fff!important}.room-lobby .lobby-actions [data-lobby-ready]:hover:not(:disabled){background:#8b6ddd!important;border-color:#8b6ddd!important}.room-lobby .lobby-actions [data-lobby-start],.room-lobby .lobby-actions [data-lobby-start]:disabled{background:#2da65c!important;border-color:#2da65c!important;color:#fff!important;background-image:none!important}.room-lobby .lobby-actions [data-lobby-start]:disabled{opacity:.5!important}.room-lobby .lobby-actions [data-lobby-start]:hover:not(:disabled){background:#37b96b!important;border-color:#37b96b!important}
.lobby-member [data-lobby-kick]{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;line-height:1;flex:0 0 28px}.lobby-member [data-lobby-kick] svg{display:block;width:16px;height:16px}.member-ping{font-size:9px;color:var(--muted);white-space:nowrap}
.lobby-actions [data-lobby-start]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lobby-actions [data-lobby-start] svg{display:block;width:17px;height:17px;flex-shrink:0}
.lobby-actions .lobby-connection{padding:0;margin:0 0 0 6px;align-items:center;align-self:center;gap:8px}.lobby-actions .lobby-connection .room-ping{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;margin:0;padding:0 9px}.lobby-actions .lobby-error:empty{display:none}
.lobby-member-meta>span+span::before{content:"·";display:inline-block;margin-right:6px;color:var(--muted);font-weight:400}
.lobby-member-meta>span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--muted);vertical-align:middle;margin-right:6px}
.room-main-column{min-width:0;align-self:start}.room-main-column>.real-ad.horizontal{margin:24px 0 0}
.lobby-member-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.lobby-member-meta>span{display:inline-flex;align-items:center;line-height:14px;margin:0}.lobby-member-meta>span+span::before{display:block;flex:0 0 4px;width:4px;height:4px;margin:0 6px 0 0;vertical-align:initial}
.main{width:100%;margin-inline:auto}
.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-section{padding:24px}.settings-wide{grid-column:1/-1}.settings-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.settings-section-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#a78bef14;color:#bea4f3;font-size:22px}.settings-section-heading h3{margin:0;font-size:16px}.settings-section-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.settings-toggle{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #ffffff0c;margin-bottom:16px;cursor:pointer}.settings-toggle>span:first-child{flex:1}.settings-toggle strong{display:block;font-size:12px}.settings-toggle small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.settings-toggle input{position:absolute;opacity:0;width:1px;height:1px}.settings-switch{width:38px;height:22px;flex:0 0 38px;border-radius:20px;background:#3c354b;border:1px solid #ffffff15;position:relative;transition:background .18s}.settings-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .18s}.settings-toggle input:checked+.settings-switch{background:#8b69db}.settings-toggle input:checked+.settings-switch:after{transform:translateX(16px)}.settings-toggle input:focus-visible+.settings-switch{outline:2px solid var(--accent);outline-offset:3px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-section .field input{height:44px;background:#12111b;border-radius:8px;padding:10px 13px}.settings-section .field{font-size:12px}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.settings-save>span{font-size:11px;color:var(--muted)}.settings-save .primary{color:white}@media(max-width:760px){.settings-layout,.settings-fields{grid-template-columns:1fr}.settings-section{padding:18px}.settings-save{flex-wrap:wrap}.settings-save button{width:100%}}
.admin-users-table{padding:10px 20px}.admin-users-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:16px 10px}.admin-users-table td{padding:18px 10px;vertical-align:middle}.admin-users-table tbody tr:hover{background:#a78bef05}.admin-user-identity{display:flex;align-items:center;gap:12px}.admin-user-identity strong{font-size:12px}.admin-user-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#a78bef18;color:#c5aefa;font-size:13px;font-weight:700}.user-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:10px;background:#ffffff06;color:var(--muted)}.user-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.user-status-active{color:#9bddae;background:#53c2760c}.user-status-blocked{color:#ecc47b;background:#cda2500c}.user-status-banned{color:#efa0ad;background:#d663790c}.user-actions-trigger{height:34px;padding:0 10px;font-size:11px;gap:7px;white-space:nowrap}.user-actions-trigger svg{width:15px;height:15px}.user-actions-trigger svg:last-child{width:12px}.user-actions-menu{position:fixed;inset:auto;margin:0;width:190px;padding:7px;border:1px solid #ad8adb30;border-radius:10px;background:#24202f;color:#f4effa;box-shadow:0 12px 35px #0006}.user-actions-menu>small{display:block;padding:8px 10px;border-bottom:1px solid #ffffff0b;margin-bottom:5px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions-menu :is(button,a.user-profile-menu-link){display:flex;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;font-size:11px;color:#e9e1f2;border-radius:6px}.user-actions-menu :is(button,a.user-profile-menu-link):hover{background:#a78bef16}.user-actions-menu :is(button,a.user-profile-menu-link) svg{width:17px;height:17px;flex-shrink:0;color:#baa2e5}.user-actions-menu [data-kind="banned"],.user-actions-menu [data-kind="blocked"]{color:#f0acb8}.user-actions-menu [data-kind="active"] svg{color:#8cdbaa}
@media(min-width:1101px){.play-layout.console-with-sidebar-ad{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:stretch}.play-layout.console-with-sidebar-ad>.real-ad.side{width:320px;position:static;align-self:stretch;display:flex;flex-direction:column;margin:0}.play-layout.console-with-sidebar-ad>.real-ad.side .ad-preview-block{flex:1;min-height:300px;width:100%}.play-layout.console-with-sidebar-ad>.real-ad.side .adsbygoogle{flex:1;min-height:100%;width:100%}.play-layout.console-with-sidebar-ad:has(>.real-ad[hidden]){grid-template-columns:1fr;gap:0}}
@media(min-width:1101px){.console-page-heading{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:center}.console-page-heading .console-header-rating{width:320px;min-width:0;max-width:100%;margin-left:0}}
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.finance-toolbar h2{margin:10px 0}.finance-toolbar p,.finance-feedback{font-size:12px;color:var(--muted)}.finance-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0}.finance-filters label{font-size:11px;display:grid;gap:7px}.finance-search{display:flex;gap:8px;flex:1;min-width:220px}.finance-search input{flex:1;min-width:0}.finance-chart{display:flex;align-items:end;gap:20px;overflow-x:auto;padding:20px 0 8px}.finance-chart>div{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:70px}.finance-chart i{width:28px;background:linear-gradient(#b998f7,#6d54be);border-radius:5px 5px 0 0}.finance-chart span,.finance-chart small{font-size:10px;color:var(--muted)}.finance-review{display:block;font-size:10px;color:#ebac91;margin-top:5px}.finance-configuration{padding:24px}.finance-configuration summary{cursor:pointer;font-weight:700;font-size:15px}.finance-config-form{margin-top:24px}.finance-config-form .primary{color:white}.finance-detail{width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:var(--panel);color:white;border:1px solid var(--border);border-radius:12px;padding:24px}.finance-detail::backdrop{background:#090711c9;backdrop-filter:blur(4px)}.finance-detail dl>div{display:grid;grid-template-columns:160px 1fr;gap:12px;border-bottom:1px solid #ffffff0b;padding:9px 0;font-size:12px}.finance-detail dt{color:var(--muted)}.finance-detail dd{margin:0;overflow-wrap:anywhere}.finance-audit{max-height:200px;overflow:auto}.finance-audit p{display:grid;gap:5px;font-size:11px;border-bottom:1px solid #ffffff0b;padding-bottom:10px}.finance-audit small,.finance-audit span{color:var(--muted)}.billing-history{display:grid;gap:10px;max-height:340px;overflow:auto}.billing-history article{display:flex;align-items:center;gap:12px;padding:15px;background:#ffffff03;border:1px solid var(--border);border-radius:8px}.billing-history article>div{flex:1}.billing-history small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.billing-feedback{font-size:12px;color:var(--muted)}@media(max-width:650px){.finance-detail dl>div{grid-template-columns:1fr;gap:5px}.billing-history article{flex-wrap:wrap}.finance-toolbar{flex-wrap:wrap}}
.public-home-summary>.btn{margin:8px 0 28px}.public-home-summary>h1{margin-bottom:18px}.public-home-summary>p{line-height:1.8;margin-bottom:12px}.public-home-summary>.grid{gap:20px}
.finance-filters{gap:14px;align-items:end;padding:18px 20px;background:linear-gradient(135deg,#a78bef06,#ffffff02);border:1px solid var(--border);border-radius:10px}.finance-filters>label{gap:8px;color:#cbc1dd;font-weight:600;font-size:11px;min-width:145px}.finance-filters select,.finance-search input{height:44px;box-sizing:border-box;border:1px solid #ffffff18;border-radius:8px;background-color:#15131e;color:#f1edf7;padding:0 13px;font:12px system-ui;transition:border-color .16s,box-shadow .16s}.finance-filters select{appearance:none;min-width:145px;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b6a6cf%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m7 10 5 5 5-5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.finance-filters select option{background:#211d2e;color:#eee}.finance-search{align-items:center;gap:10px;margin:0}.finance-search input{padding-left:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%239e8eb8%27 stroke-width=%271.7%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%276%27/%3E%3Cpath d=%27m15 15 5 5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px center}.finance-search input::placeholder{color:#897e9b}.finance-search button{height:44px;padding:0 20px;font-size:12px;border-radius:8px;background:#30263f;border-color:#a78bef30;color:#eee;flex-shrink:0}.finance-search button:hover{background:#423056;border-color:#a78bef70}.finance-filters select:focus-visible,.finance-search input:focus-visible{outline:none;border-color:#b291ed;box-shadow:0 0 0 3px #a78bef15}.finance-filters select:hover,.finance-search input:hover{border-color:#a78bef45}@media(max-width:700px){.finance-filters{padding:15px;gap:12px}.finance-filters>label{flex:1;min-width:120px}.finance-filters select{width:100%;min-width:0}.finance-search{flex-basis:100%;min-width:0}.finance-search button{padding:0 14px}}
.settings-page .settings-fields-form{display:contents}.settings-page #payment-config-panel{order:1}.settings-page .settings-save{order:2}.settings-page .finance-configuration{margin:0}.settings-page .finance-config-form input:not([type=checkbox]){height:44px;background:#12111b;border:1px solid #ffffff18;border-radius:8px;padding:10px 13px;width:100%}
.tabs.admin-navigation{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #ffffff10;border-radius:12px;background:#191622;margin:24px 0 30px;flex-wrap:wrap;width:fit-content;max-width:100%}.admin-navigation button{position:relative;border:1px solid transparent;background:transparent;color:#b0a4c1;padding:11px 16px;font-size:12px;border-radius:7px!important;transition:background .15s,color .15s}.admin-navigation button:hover{background:#a78bef12;color:#fff}.admin-navigation button.active,.admin-navigation button[aria-selected=true]{background:linear-gradient(125deg,#8965d3,#6d52b4);border-color:#b797f450;color:#fff;font-weight:750;box-shadow:0 3px 12px #6e4cad25}.finance-refresh-icon{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #a78bef25;border-radius:8px;background:#282232;color:#cab7ec}.finance-refresh-icon svg{width:19px;height:19px}.finance-refresh-icon:hover{background:#3a2b4f;border-color:#a78bef60}.finance-configuration>h3{margin:0 0 14px;font-size:15px}@media(max-width:650px){.tabs.admin-navigation{gap:4px;padding:5px}.admin-navigation button{padding:10px 12px;font-size:11px}}
.settings-section-icon svg{display:block;width:21px;height:21px}
.tabs.admin-navigation{background:linear-gradient(180deg,#202125,#17181c);border-color:#ffffff10;width:100%;box-shadow:0 3px 12px #0002}.admin-navigation button{display:inline-flex;align-items:center;gap:8px}.admin-navigation button svg{display:block;width:17px;height:17px;flex-shrink:0}
#game-admin-form .field input,#game-admin-form .field select,#game-admin-form textarea{background:#12111b;border:1px solid #ffffff18;border-radius:8px;min-height:42px;padding:10px 12px}#game-admin-form input[type=file]::file-selector-button{background:#342841;color:#e9ddff;border:1px solid #a78bef30;border-radius:5px;padding:7px 10px;margin-right:12px;font:600 11px system-ui;cursor:pointer}.admin-cover-editor{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border:1px solid #a78bef25;border-radius:10px;background:#a78bef05;margin:22px 0}.admin-cover-preview{height:160px;padding:10px;display:grid;place-items:center;background:#12101b;border-radius:8px;border:1px solid #ffffff0c}.admin-cover-preview img{max-width:100%;max-height:140px;object-fit:contain;border-radius:5px}.admin-cover-preview [hidden]{display:none!important}.admin-cover-preview span{font-size:12px;color:var(--muted)}.admin-cover-upload{display:inline-flex;align-items:center;padding:9px 12px;background:#8062cf;color:white;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;margin-bottom:8px}.admin-cover-upload input{position:absolute;width:1px;height:1px;opacity:0}.admin-cover-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.admin-remove-cover{display:block;color:#f0a4b0;font-size:11px;padding:8px 12px;margin:3px 0 12px}.admin-cover-editor [data-cover-file-name]{display:block;overflow-wrap:anywhere;line-height:1.7}@media(max-width:550px){.admin-cover-editor{grid-template-columns:1fr}.admin-cover-preview{width:160px;justify-self:center}}
.admin-cover-actions{display:flex;align-items:center;gap:8px;margin:12px 0}.admin-cover-actions .admin-cover-upload{height:34px;padding:0 12px;margin:0;font-size:11px}.admin-cover-actions .admin-remove-cover{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;margin:0;border-color:#e77e9440;background:#e77e9408}.admin-remove-cover svg{width:17px;height:17px;display:block}.admin-rom-editor{padding:18px;border:1px solid #a78bef25;border-radius:10px;background:#a78bef05;margin:22px 0}.admin-rom-header{display:flex;align-items:center;gap:12px}.admin-rom-header .micro{margin:5px 0}.admin-rom-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#a78bef12;color:#b9a1e5}.admin-rom-icon svg{width:21px;height:21px}.admin-rom-info{display:grid;gap:7px;padding:12px;background:#12101b;border:1px solid #ffffff0c;border-radius:7px;margin:14px 0;overflow-wrap:anywhere}.admin-rom-info strong{font-size:11px}.admin-rom-info small,.admin-rom-info>span{font-size:10px;color:var(--muted)}
.card-tip::after,.card-tip:hover::after,.card-tip:focus-visible::after{content:none!important;display:none!important}
.room-unavailable{max-width:560px;margin:60px auto;text-align:center;padding:36px}.room-unavailable>svg{width:44px;height:44px;color:#b99bea;margin-bottom:8px}.room-unavailable h2{font-size:22px;line-height:1.4}.room-unavailable p{color:var(--muted);font-size:12px;margin:16px 0 24px}.room-unavailable .primary{color:white}
.finance-detail-modern{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid #a78bef25;border-radius:14px;background:linear-gradient(145deg,#211c2d,#181620);box-shadow:0 24px 80px #0008}.finance-detail-modern[open]{display:flex;flex-direction:column}.payment-detail-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px;border-bottom:1px solid #ffffff0c;flex-shrink:0}.payment-detail-header h2{font-size:22px;margin:8px 0 0}.payment-detail-close{width:32px;height:32px;padding:0;display:grid;place-items:center;align-self:flex-start}.payment-detail-close svg{width:18px;height:18px}.payment-detail-content{overflow:auto;min-height:0;padding:24px;scrollbar-width:thin}.payment-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.payment-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;font-size:11px;border-radius:6px;background:#e8ba7212;color:#efd09b;border:1px solid #e8ba7225}.payment-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.payment-status-approved{background:#63c88712;color:#9fe0b7;border-color:#63c88730}.payment-status-refunded,.payment-status-charged_back,.payment-status-rejected{background:#e37b9012;color:#eea5b3;border-color:#e37b9030}.payment-method{font-size:11px;color:var(--muted)}.payment-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-value-grid article{border:1px solid #ffffff0b;border-radius:9px;background:#ffffff03;padding:15px 12px;display:grid;gap:10px}.payment-value-grid article:first-child{background:#a78bef0a;border-color:#a78bef25}.payment-value-grid small{font-size:10px;color:var(--muted)}.payment-value-grid strong{font-size:18px;white-space:nowrap}.payment-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.payment-info-card{padding:16px;border:1px solid #ffffff0b;border-radius:9px;background:#ffffff02;min-width:0}.payment-info-card h3,.payment-timeline-section h3{font-size:14px;margin:0 0 14px}.finance-detail-modern .payment-info-card dl{margin:0}.finance-detail-modern .payment-info-card dl>div{display:grid;grid-template-columns:1fr;gap:5px;padding:10px 0}.payment-info-card dt{font-size:10px}.payment-info-card dd{font-size:11px;line-height:1.6}.payment-info-card dl>div:last-child{border-bottom:0}.payment-timeline{max-height:260px;overflow:auto;padding:0 4px}.payment-timeline article{position:relative;display:flex;gap:13px;padding:0 0 20px}.payment-timeline article:before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1px;background:#a78bef25}.payment-timeline article:last-child:before{display:none}.payment-timeline-dot{width:9px;height:9px;flex:0 0 9px;background:#b298e2;border-radius:50%;margin-top:4px;box-shadow:0 0 0 3px #a78bef0b}.payment-timeline article>div{flex:1;min-width:0}.payment-timeline strong{font-size:11px}.payment-timeline time{display:block;font-size:10px;color:var(--muted);margin-top:5px}.payment-timeline p{font-size:11px;color:#b4a8c3;overflow-wrap:anywhere;line-height:1.6;margin:6px 0 0}.payment-detail-footer{padding:16px 24px;border-top:1px solid #ffffff0c;background:#17141f;flex-shrink:0}.payment-detail-footer>p{margin:0 0 10px;font-size:11px;color:var(--muted)}.payment-detail-footer>p:empty{display:none}.payment-detail-footer .actions{justify-content:flex-end}.payment-detail-footer button{font-size:12px}.payment-detail-footer .primary{color:white}@media(max-width:650px){.payment-value-grid{grid-template-columns:1fr 1fr}.payment-info-grid{grid-template-columns:1fr}.payment-detail-header,.payment-detail-content{padding:18px}.payment-detail-header h2{font-size:19px}.payment-value-grid strong{font-size:17px}.payment-detail-footer{padding:14px 18px}}
.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.billing-heading h3{margin:6px 0 9px;font-size:23px}.billing-secure{font-size:11px;color:#a9b9ac;border:1px solid #79b79333;border-radius:20px;padding:8px 12px;white-space:nowrap}.billing-renewal{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#a58bfa10,#101017);border:1px solid #a58bfa35;border-radius:12px;padding:20px;margin:20px 0}.billing-renewal p{font-size:13px;margin:8px 0;color:var(--muted)}.billing-renewal small{font-size:11px;color:var(--muted);line-height:1.6}.billing-switch{position:relative;display:inline-flex;flex:0 0 44px;width:44px;height:25px;cursor:pointer}.billing-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.billing-switch span{width:44px;border-radius:20px;background:#444052;border:1px solid #655d77;transition:background .18s}.billing-switch span:after{content:'';display:block;background:white;width:17px;height:17px;border-radius:50%;margin:3px;transition:transform .18s}.billing-switch input:checked+span{background:#8b6be0;border-color:#ab90ff}.billing-switch input:checked+span:after{transform:translateX(19px)}.billing-switch input:focus-visible+span{outline:2px solid #c5b3ff;outline-offset:4px}.billing-switch input:disabled+span{opacity:.5}.billing-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px}.billing-method-option{position:relative;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;padding:20px;background:#121119;cursor:pointer}.billing-method-option input{position:absolute;opacity:0}.billing-method-option:has(input:checked){border-color:#ab8cf5;background:#a58bfa12;box-shadow:0 0 0 1px #a58bfa25}.billing-method-option:has(input:focus-visible){outline:2px solid #c5b3ff;outline-offset:3px}.billing-method-option small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.billing-method-icon,.billing-history-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#a58bfa14;color:#baa0fa;border-radius:10px}.billing-method-icon svg,.billing-history-icon svg{width:23px;height:23px;display:block}.billing-method-option i{width:16px;height:16px;border:1px solid #8e839d;border-radius:50%;margin-left:auto;flex:0 0 16px}.billing-method-option:has(input:checked) i{background:#a58bfa;box-shadow:inset 0 0 0 4px #21192e}.billing-plan-summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0}.billing-plan-summary strong{display:block;font-size:25px;margin-top:8px}.billing-plan-summary strong span{font-size:13px;color:var(--muted);font-weight:400}.billing-plan-summary p{max-width:480px;font-size:13px;line-height:1.6;color:var(--muted)}.billing-continue{min-height:45px}.billing-history-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.billing-history-heading span{font-size:12px;color:var(--muted)}.billing-history-modern{display:grid;gap:12px}.billing-history-modern article{padding:20px;border:1px solid var(--border);border-radius:12px;background:#121119}.billing-history-top{display:flex;align-items:center;gap:12px}.billing-history-top strong{font-size:18px}.billing-history-top small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.billing-status{margin-left:auto;align-self:start;padding:6px 10px;border-radius:20px;font-size:11px;background:#ab8bf516;color:#c6aff8}.billing-status-approved{color:#9be0b5;background:#64c28b16}.billing-status-cancelled,.billing-status-checkout_failed,.billing-status-rejected{color:#dfb1b8;background:#de788214}.billing-history-info{display:grid;gap:7px;margin-top:14px;color:var(--muted);font-size:12px}.billing-order-id{overflow-wrap:anywhere}.billing-history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.billing-history-actions button,.billing-history-actions .btn{padding:8px 12px;font-size:12px;min-height:34px}.billing-cancel{color:#e7a6b0!important;background:#de78820a!important;border-color:#de788230!important}.billing-empty{padding:32px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.billing-empty p{font-size:12px}.billing-feedback{font-size:13px;color:#c3b0f2;line-height:1.6;overflow-wrap:anywhere}.billing-pending{padding:18px;border:1px solid var(--border);border-radius:12px}.billing-pending p{font-size:13px;color:var(--muted)}@media(max-width:650px){.billing-heading,.billing-plan-summary{align-items:start;flex-direction:column}.billing-methods{grid-template-columns:1fr}.billing-secure{white-space:normal}.billing-history-top{flex-wrap:wrap}.billing-status{margin-left:0}.billing-renewal{padding:15px}.billing-history-modern article{padding:15px}}
.account-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.account-section-heading h2{margin:5px 0 7px;font-size:23px}.account-dialog-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;color:#bca1fa;background:#a58bfa16;border:1px solid #a58bfa25}.account-dialog-icon svg{width:23px;height:23px}.dialog>.account-dialog-icon{margin-bottom:18px}.account-current-email{display:grid;gap:7px;padding:17px 19px;border:1px solid var(--border);border-radius:10px;background:#121119;margin-bottom:20px;overflow-wrap:anywhere}.account-current-email small{color:var(--muted);font-size:11px}.account-current-email strong{font-size:14px}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-fields .field{margin:0}.account-settings input,.account-action-form input{min-height:44px;border-radius:9px;padding:12px 14px;background:#101017;border:1px solid var(--border);box-sizing:border-box;width:100%;color:var(--text)}.account-settings input:focus,.account-action-form input:focus{outline:2px solid #b99bf550;outline-offset:2px;border-color:#a58bfa}.account-feedback{font-size:13px;line-height:1.7;color:#bba7ec}.account-pending-email{padding:14px 18px;border:1px solid #ac8af54a;border-radius:10px;background:#ac8af50a;margin-bottom:18px}.account-pending-email p{font-size:13px;overflow-wrap:anywhere}.account-back{margin-top:18px;font-size:12px}.forgot-password{display:block;margin:4px 0 17px auto;padding:4px 0;border:0;background:none;color:#b99cf5;font-size:12px}.account-settings .notice{margin-bottom:20px}.account-settings .micro{line-height:1.7}@media(max-width:650px){.account-fields{grid-template-columns:1fr}.account-section-heading h2{font-size:21px}}
.settings-page #mail-config-panel{order:2}.settings-page .settings-save{order:3}.mail-config-form{display:grid;gap:16px}.mail-config-form .field{margin:0}.mail-config-form input,.mail-config-form select,.mail-test-area input{width:100%;box-sizing:border-box;min-height:44px;padding:12px 14px;border-radius:9px;border:1px solid var(--border);background:#101017;color:var(--text)}.mail-config-form input:focus,.mail-config-form select:focus,.mail-test-area input:focus{outline:2px solid #ae8ef540;outline-offset:2px;border-color:#a58bfa}.mail-test-area{border-top:1px solid var(--border);padding-top:20px;margin-top:22px;display:grid;gap:14px}.mail-test-area h4{margin:0 0 8px}.mail-test-area .field{max-width:550px;margin:0}.mail-test-area>button{justify-self:start}.mail-feedback{font-size:13px;line-height:1.7;color:#c3b0ed}.settings-section-heading .badge{margin-left:auto}.settings-section-icon svg{width:21px;height:21px;display:block}.mail-config-form [hidden]{display:none!important}
.auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 18px}.auth-login-options .auth-remember{display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;margin:0;cursor:pointer;color:var(--muted);font-size:12px;line-height:1.5}.auth-login-options .auth-remember input{width:16px;height:16px;min-height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:#a58bfa;cursor:pointer}.auth-login-options .auth-remember input:focus-visible{outline:2px solid #c4aff5;outline-offset:3px}.auth-login-options .forgot-password{margin:0;padding:4px 0;flex:0 0 auto;font-size:12px;line-height:1.5}@media(max-width:380px){.auth-login-options{gap:10px}.auth-login-options .auth-remember,.auth-login-options .forgot-password{font-size:11px}}
.premium-payment-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:0;border:1px solid #8971b655;border-radius:20px;background:#1b1926;color:#f4f0fa;box-shadow:0 30px 100px #0009}.premium-payment-dialog::backdrop{background:#09070dd9;backdrop-filter:blur(6px)}.premium-payment-dialog header{display:flex;align-items:center;gap:14px;padding:25px 26px;border-bottom:1px solid #a88bcc25;background:linear-gradient(135deg,#ab8af511,#1b1926)}.premium-payment-dialog header h2{font-size:22px;margin:6px 0 0}.premium-payment-dialog header>button{margin-left:auto;font-size:25px;padding:4px 9px}.payment-modal-symbol{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#a88af51a;color:#bd9ffa;font-size:24px}.payment-modal-content{padding:25px 26px}.payment-modal-price{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #a88af528;border-radius:12px;background:#101017;margin-bottom:22px}.payment-modal-price small{font-size:12px;color:#b4a8c4}.payment-modal-price strong{display:block;font-size:28px;margin-top:6px}.payment-modal-price>span{font-size:11px;background:#a88af518;color:#c9b2f8;padding:7px 10px;border-radius:20px}.payment-buyer-form input{width:100%;box-sizing:border-box;border:1px solid #544363;border-radius:9px;background:#101017;color:#fff;padding:12px;min-height:44px}.payment-buyer-form label{font-size:12px;color:#c4b5d2}.payment-buyer-form p{font-size:13px;line-height:1.7;color:#b9acc9}.payment-buyer-form>button{width:100%;min-height:45px;margin-top:12px}.premium-payment-dialog footer{display:flex;align-items:center;justify-content:space-between;padding:15px 26px;border-top:1px solid #a88af525;background:#14121e;font-size:11px;color:#a898bd}.premium-payment-dialog footer button{font-size:12px}.payment-pix{text-align:center}.payment-pix p,.payment-card-followup p{font-size:13px;line-height:1.7;color:#baacc9}.payment-pix-qr{display:inline-flex;padding:14px;background:#fff;border-radius:14px;margin:10px auto 22px;box-shadow:0 8px 30px #0003}.payment-pix-qr img{display:block;width:210px;height:210px;object-fit:contain}.payment-pix label{text-align:left;font-size:12px;color:#bbaacc}.payment-pix textarea{box-sizing:border-box;display:block;width:100%;resize:none;padding:12px;border:1px solid #5e486e;border-radius:9px;background:#111018;color:#d8cce5;font-size:11px;line-height:1.7}.payment-pix button{width:100%;margin:13px 0}.payment-pix small{display:block;font-size:11px;line-height:1.8;color:#9c8aaf}.payment-modal-feedback{font-size:12px;line-height:1.7;color:#cdb5ff;margin:17px 0 0}.payment-card-followup,.payment-modal-success{text-align:center;padding:18px 8px}.payment-card-followup h3,.payment-modal-success h3{font-size:21px;margin-top:20px}.payment-wait-ring{display:block;width:38px;height:38px;border-radius:50%;border:3px solid #b592f525;border-top-color:#b592f5;margin:auto;animation:payment-spin 1.3s linear infinite}.payment-modal-success>span{display:grid;place-items:center;background:#7ed5a318;border:1px solid #7ed5a33a;color:#91d9ad;width:64px;height:64px;border-radius:18px;margin:auto}.payment-modal-success svg{width:36px;height:36px}.payment-modal-success p{font-size:13px;color:#bcaecc;line-height:1.8}.billing-plan-active{border:1px solid #87c59e30;border-radius:15px;padding:24px;background:linear-gradient(110deg,#5ba9820b,#12111a);margin:20px 0}.billing-plan-active>span{font-size:10px;letter-spacing:1.5px;color:#9ad2ae}.billing-plan-active h3{font-size:23px;margin:10px 0}.billing-plan-active p{font-size:13px;color:var(--muted);line-height:1.8}.billing-plan-active button{margin-top:12px}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.payment-wait-ring{animation:none}}@media(max-width:480px){.premium-payment-dialog header,.payment-modal-content{padding:20px}.premium-payment-dialog header h2{font-size:19px}.premium-payment-dialog footer{padding:14px 20px}.payment-pix-qr img{width:190px;height:190px}}
.personal-tabs.personal-navigation{box-sizing:border-box;width:100%;max-width:100%;background:linear-gradient(180deg,#202125,#17181c);border:1px solid #ffffff10;border-radius:12px;padding:8px;margin:24px 0;display:flex;align-items:center;gap:5px;flex-wrap:wrap;box-shadow:0 3px 12px #0002}.personal-tabs.personal-navigation button{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b4a9c4;white-space:nowrap}.personal-tabs.personal-navigation button svg{width:17px;height:17px;display:block;flex:0 0 17px}.personal-tabs.personal-navigation button.active{background:linear-gradient(125deg,#8965d3,#6d52b4);border-color:#b797f450;color:#fff;box-shadow:0 3px 12px #6e4cad25;font-weight:700}.personal-tabs.personal-navigation button:hover{color:#fff}.personal-tabs.personal-navigation button:focus-visible{outline:2px solid #c0a3f4;outline-offset:2px}.personal-section[hidden]{display:none!important}.account-password-section{margin-top:32px;padding-top:27px;border-top:1px solid var(--border)}.account-password-form>label{max-width:550px}.account-password-form .field{margin-bottom:15px}.account-password-form button{margin-top:8px}.personal-section.account-settings{margin-top:0}.personal-section .billing-heading h3{font-size:25px}@media(max-width:650px){.personal-tabs.personal-navigation{gap:4px;padding:6px}.personal-tabs.personal-navigation button{font-size:11px;padding:10px 11px}}
.personal-activity-block{margin-top:34px;padding-top:25px;border-top:1px solid var(--border)}.personal-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.personal-activity-heading h3{font-size:21px;margin:7px 0 8px}.personal-activity-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.personal-game-stats-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.personal-stat-game-modern{overflow:hidden;border:1px solid #a389c333;background:linear-gradient(140deg,#24202e,#18161f);border-radius:15px;box-shadow:0 5px 18px #0002}.personal-stat-cover{position:relative;height:160px;overflow:hidden;background:#111019}.personal-stat-cover img.personal-stat-cover-bg{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(.45);transform:scale(1.12)}.personal-stat-cover img.personal-stat-cover-art{position:relative;display:block;width:100%;height:100%;object-fit:contain;padding:13px;box-sizing:border-box;filter:drop-shadow(0 6px 8px #0006)}.personal-stat-rank,.personal-stat-console{position:absolute;top:12px;left:12px;background:#17131ed9;border:1px solid #ac92db33;border-radius:7px;font-size:10px;padding:5px 8px;color:#e0d2f0}.personal-stat-console{left:auto;right:12px}.personal-stat-copy{padding:19px}.personal-stat-copy h4{font-size:14px;line-height:1.55;margin:0 0 18px;min-height:42px;color:#f1eaf7}.personal-stat-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.personal-stat-values>div{display:flex;align-items:center;gap:9px;min-width:0}.personal-stat-values svg{width:18px;height:18px;color:#b49acc;flex:0 0 18px}.personal-stat-values small{display:block;font-size:10px;color:#a99abc;margin-bottom:5px}.personal-stat-values strong{font-size:14px;white-space:nowrap}.personal-stat-share{margin-top:20px}.personal-stat-share>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a99abc}.personal-stat-share strong{color:#c9b0f3;font-size:11px}.personal-stat-share i{display:block;height:4px;border-radius:4px;background:#a58bfa13;margin-top:9px;overflow:hidden}.personal-stat-share b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#9370d9,#b799f1)}.personal-stat-copy>button{display:flex;justify-content:space-between;width:100%;margin-top:19px;min-height:36px;font-size:11px;background:#ac8ef40a;border-color:#ac8ef428;border-radius:8px}.personal-calendar-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.personal-month-card{padding:20px;border:1px solid #a389c333;border-radius:14px;background:#14121c;max-width:480px}.personal-month-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.personal-month-card h4{font-size:14px;margin:0;text-transform:capitalize}.personal-month-card header>span{font-size:10px;color:#a994bf}.personal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.personal-week-label{text-align:center;font-size:10px;color:#9d8eac;padding-bottom:8px}.personal-calendar-day{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:9px;font-size:11px;background:#a58bfa06;border:1px solid #a58bfa0a;color:#8f839e}.personal-calendar-day.level-1{background:#9971df22;color:#d0b9f2;border-color:#b38af532}.personal-calendar-day.level-2{background:#9971df55;color:#eee2ff;border-color:#b38af56a}.personal-calendar-day.level-3{background:#9971dfaa;color:white;border-color:#c6a9ff99}.personal-calendar-day i{position:absolute;width:3px;height:3px;background:currentColor;bottom:4px;left:calc(50% - 1.5px);border-radius:50%}.personal-month-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid #a58bfa20;font-size:11px;color:#b9a6cb}.personal-month-card footer span{display:inline-flex;align-items:center;gap:7px}.personal-month-card footer svg{width:15px;height:15px}.personal-calendar-legend{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.personal-calendar-legend i{width:11px;height:11px;background:#9971df22;border:1px solid #b38af532;border-radius:3px}.personal-calendar-legend i:nth-of-type(2){background:#9971df55}.personal-calendar-legend i:nth-of-type(3){background:#9971dfaa}.personal-month-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}.personal-month-summary article{padding:18px;border:1px solid #a389c333;background:#14121c;border-radius:12px;display:grid;gap:9px}.personal-month-summary span{font-size:12px;color:var(--muted);text-transform:capitalize}.personal-month-summary strong{font-size:20px}.personal-month-summary small{font-size:11px;color:var(--muted)}@media(max-width:650px){.personal-activity-heading{align-items:start;flex-direction:column}.personal-game-stats-modern{grid-template-columns:1fr}.personal-stat-cover{height:185px}.personal-month-card{padding:16px}.personal-calendar-months{grid-template-columns:1fr}.personal-calendar-day{font-size:12px}}
.personal-plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:23px 0}.personal-plan-metrics article{border:1px solid var(--border);border-radius:12px;background:#14121c;padding:18px}.personal-plan-metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.personal-plan-metrics strong{display:block;font-size:15px;line-height:1.6}@media(max-width:650px){.personal-plan-metrics{grid-template-columns:1fr}}
.personal-game-stats-modern{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.personal-section #personal-period{min-height:40px;min-width:135px;border:1px solid var(--border);border-radius:9px;background:#14121c;color:var(--text);padding:9px 13px;font-size:12px}.personal-month-card h4,.personal-month-summary span{text-transform:none}.personal-month-card h4::first-letter,.personal-month-summary span::first-letter{text-transform:uppercase}@media(max-width:650px){.personal-game-stats-modern{grid-template-columns:1fr}}
.overview-library-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 15px;background:linear-gradient(130deg,#a389df18,#24202e);border:1px solid #a68acc40;border-radius:10px;color:#e0d1f3;font-size:12px;font-weight:650;box-shadow:0 4px 14px #0002;transition:border-color .15s,background .15s}.overview-library-button>svg{width:19px;height:19px;display:block;color:#b89ade}.overview-library-button .library-button-arrow{width:15px;height:15px;margin-left:3px}.overview-library-button:hover{background:#a68acc25;border-color:#b597ed80}.featured-replacement-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:28px;border:1px solid #8e739755;border-radius:16px;background:#1b1825;color:#f3edf9;box-shadow:0 24px 90px #0008}.featured-replacement-dialog::backdrop{background:#09070dd9;backdrop-filter:blur(4px)}.featured-replacement-dialog h2{margin:10px 0 15px;font-size:22px}.featured-replacement-dialog p{font-size:13px;color:#b8aac7;line-height:1.8}.featured-replacement-list{display:grid;gap:10px;margin:20px 0}.featured-replacement-list label{display:flex;align-items:center;gap:13px;position:relative;padding:12px;border:1px solid #a389cf2a;background:#131019;border-radius:10px;cursor:pointer}.featured-replacement-list input{position:absolute;opacity:0}.featured-replacement-list img{width:50px;height:60px;object-fit:contain;background:#0d0b12;border-radius:6px}.featured-replacement-list strong{display:block;font-size:12px;line-height:1.6}.featured-replacement-list small{display:block;color:#9c8baf;font-size:10px;margin-top:5px}.featured-replacement-list label:has(input:checked){border-color:#ad8ae9;background:#a389cf12}.featured-replacement-list label:has(input:focus-visible){outline:2px solid #c4aff6;outline-offset:2px}.featured-replacement-list i{width:17px;height:17px;border-radius:50%;border:1px solid #9d83b7;margin-left:auto;flex:0 0 17px}.featured-replacement-list label:has(input:checked) i{background:#a389df;box-shadow:inset 0 0 0 4px #201a2e}.featured-replacement-dialog .actions{justify-content:flex-end;gap:10px;margin-top:20px}
.tabs.admin-navigation{box-sizing:border-box;width:100%;max-width:100%;background:linear-gradient(180deg,#202125,#17181c);border:1px solid #ffffff10;border-radius:12px;padding:8px;margin:24px 0;display:flex;align-items:center;gap:5px;flex-wrap:wrap;box-shadow:0 3px 12px #0002}.tabs.admin-navigation button{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;border:1px solid transparent;border-radius:8px!important;background:transparent;color:#b4a9c4;white-space:nowrap}.tabs.admin-navigation button.active,.tabs.admin-navigation button[aria-selected=true]{background:linear-gradient(125deg,#8965d3,#6d52b4);border-color:#b797f450;color:#fff;box-shadow:0 3px 12px #6e4cad25;font-weight:700}.tabs.admin-navigation button:hover{color:#fff}.tabs.admin-navigation button:focus-visible{outline:2px solid #c0a3f4;outline-offset:2px}.tabs.admin-navigation button svg{width:17px;height:17px;display:block;flex:0 0 17px}.rank-rating{display:flex;align-items:center;gap:6px;margin-top:14px;color:#e7c16b;font-size:12px}.rank-rating svg{width:15px;height:15px;display:block}.rank-rating span{font-size:10px;color:var(--muted)}.personal-plan-metrics.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.personal-plan-metrics article.stat{position:relative;min-width:0;min-height:155px;padding:22px;border-radius:14px;border:1px solid #a58bfa30;background:linear-gradient(145deg,#272130,#17151e);box-shadow:0 5px 18px #0002}.plan-summary-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#a58bfa16;color:#baa0ee;margin-bottom:17px}.plan-summary-icon svg{width:20px;height:20px;display:block}.personal-plan-metrics .stat small{display:block;font-size:11px;color:#ae9fc0;margin-bottom:9px}.personal-plan-metrics .stat strong{display:block;font-size:19px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.personal-plan-metrics .stat p{font-size:11px;line-height:1.6;color:#9484a7;margin:11px 0 0}.personal-plan-metrics .plan-current{border-top:2px solid #a48ad8}.personal-plan-metrics .plan-validity{border-top:2px solid #80bd9c}.personal-plan-metrics .plan-validity .plan-summary-icon{color:#9bd3b1;background:#80bd9c16}.personal-plan-metrics .plan-renewal{border-top:2px solid #79a3ce}.personal-plan-metrics .plan-renewal .plan-summary-icon{color:#9bbede;background:#79a3ce16}@media(max-width:650px){.tabs.admin-navigation{gap:4px;padding:6px}.tabs.admin-navigation button{font-size:11px;padding:10px 11px}.personal-plan-metrics.report-metrics{grid-template-columns:1fr}.personal-plan-metrics article.stat{min-height:0}}
.account-action-success{text-align:center;padding:20px 0 8px}.account-action-success>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 25px;background:#85d9a619;border:1px solid #85d9a638;border-radius:20px;color:#93dcb1;box-shadow:0 8px 25px #85d9a60a}.account-action-success svg{display:block;width:40px;height:40px}.account-action-success h2{font-size:25px;margin:12px 0 15px}.account-action-success p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 25px}.account-action-success .primary{width:100%;min-height:45px}

.admin-users-table .user-plan-column,.admin-users-table .user-management-column{text-align:center;vertical-align:middle}.user-plan-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:45px}.user-plan-stack small{font-size:10px;color:var(--muted)}.user-plan-tag{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:8px;border:1px solid;font-size:10px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.user-plan-premium{color:#d0b6ff;background:#9b70ef20;border-color:#aa83ef60}.user-plan-courtesy{color:#8ee1cf;background:#37b69c16;border-color:#55c6ad50}.user-plan-admin{color:#f2ce82;background:#d8aa3917;border-color:#d8aa3950}.user-plan-free{color:#b4becd;background:#9caac110;border-color:#9caac130}.user-management-column .user-actions-trigger{display:inline-flex;align-items:center;justify-content:center;margin:auto}

.numbered-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0 0;padding:18px 0 4px;border-top:1px solid var(--border);grid-column:1/-1}
.pagination-summary{font-size:11px;color:var(--muted)}
.pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.pagination-controls button,.pagination-controls a,.pagination-current{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none}
.pagination-controls a{background:var(--panel);border:1px solid var(--border);color:var(--text,#eee)}
.pagination-current{background:linear-gradient(135deg,#aa8bf5,#8965da);color:#171021;border:1px solid #bda1ff;box-shadow:0 3px 12px #986ae52b;cursor:default}
.pagination-controls button:disabled{opacity:.35;cursor:default}
.pagination-ellipsis{padding:0 5px;color:var(--muted)}
.personal-section .premium-backups{padding-right:14px;scrollbar-gutter:stable}
@media(max-width:600px){.numbered-pagination{justify-content:center;gap:12px}.pagination-summary{width:100%;text-align:center}.pagination-controls{margin-left:0;gap:4px}.pagination-controls button,.pagination-controls a,.pagination-current{min-width:32px;height:35px;padding:0 9px;font-size:11px}}

.admin-catalog .catalog-admin-card{grid-template-columns:148px minmax(0,1fr);padding:18px;gap:20px;align-items:stretch;border-radius:14px;background:linear-gradient(135deg,#211e2b,#191721);border-color:#65547145}
.admin-catalog .admin-cover{width:148px;height:196px;padding:12px;align-self:center;border-radius:10px}
.admin-catalog .admin-cover-art{max-width:124px;max-height:172px;border-radius:4px}
.admin-catalog .admin-cover-backdrop{opacity:.4}
.admin-catalog .admin-game-info{gap:0;justify-content:center}
.admin-catalog .admin-game-status{margin:0 0 12px;gap:8px}
.admin-catalog .admin-status{font-size:10px;padding:5px 9px;border-radius:6px}
.admin-catalog .admin-status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:6px}
.admin-catalog .admin-featured{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#ecd195}
.admin-featured svg{width:14px;height:14px}
.admin-catalog .admin-game-info h3{font-size:15px;line-height:1.45;margin:0 0 14px;display:block;overflow:visible;letter-spacing:-.2px}
.admin-game-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}
.admin-game-facts div{min-width:0}.admin-game-facts dt{color:var(--muted);font-size:10px;margin:0 0 4px}.admin-game-facts dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.admin-game-mode{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:12px}.admin-game-mode svg{width:14px;height:14px}
.admin-catalog .admin-game-bottom{border-top:1px solid #ffffff0c;margin-top:16px;padding-top:12px;gap:10px}
.admin-catalog .rom-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#edba92}.admin-catalog .rom-status.installed{color:#a0d7bd}.rom-status svg{width:15px;height:15px}
.admin-catalog .admin-edit-button{font-size:11px;padding:9px 12px;border-radius:8px;gap:6px}
@media(max-width:600px){.admin-catalog .catalog-admin-card{grid-template-columns:100px minmax(0,1fr);padding:14px;gap:14px}.admin-catalog .admin-cover{width:100px;height:145px;padding:8px}.admin-catalog .admin-cover-art{max-width:84px;max-height:129px}.admin-catalog .admin-game-info h3{font-size:13px}.admin-game-facts{gap:10px}.admin-game-facts dd{font-size:11px}.admin-catalog .admin-game-bottom{flex-wrap:wrap}}

.admin-users-table{padding-bottom:0;margin-bottom:0}.admin-users-table tbody tr:last-child td{border-bottom:0}.admin-users-table table{margin-bottom:0}

/* Shared horizontal and sidebar navigation colors. */
.shell .sidebar nav button,html[data-theme] .shell .sidebar nav button{color:#b4a9c4;background:transparent;border-color:transparent;transition:background .18s,color .18s,border-color .18s;border-radius:8px}
.shell .sidebar nav button .sidebar-nav-icon{color:inherit}
.shell .sidebar nav button:hover,html[data-theme] .shell .sidebar nav button:hover{color:#fff;background:#ffffff06}
.shell .sidebar nav button.active,html[data-theme] .shell .sidebar nav button.active{background:linear-gradient(125deg,#8965d3,#6d52b4);border-color:#b797f450;color:#fff;box-shadow:0 3px 12px #6e4cad25;font-weight:700}
.shell .sidebar nav button.active .sidebar-nav-icon,.shell .sidebar nav button:hover .sidebar-nav-icon{color:inherit}
.shell .sidebar nav button:focus-visible{outline:2px solid #c0a3f4;outline-offset:2px}

.moderator-permission{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);background:#ffffff03;border-radius:10px;margin:10px 0;cursor:pointer}.moderator-permission input{width:18px;height:18px;accent-color:#9874df;flex-shrink:0}.moderator-permission strong{display:block;font-size:13px}.moderator-permission small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}

.admin-catalog .catalog-admin-card{padding:0;gap:0;align-items:stretch}
.admin-catalog .admin-cover{width:100%;height:100%;min-height:230px;align-self:stretch;padding:10px;border-radius:0;position:relative;overflow:hidden}
.admin-catalog .admin-cover-backdrop{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);filter:blur(14px);opacity:.55;transform:none;object-fit:cover}
.admin-catalog .admin-cover-art{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain;padding:0;border-radius:0}
.admin-catalog .admin-game-info{padding:18px 20px}
@media(max-width:600px){.admin-catalog .admin-cover{width:100%;height:100%;min-height:230px;padding:10px}.admin-catalog .admin-cover-art{max-width:none;max-height:none}.admin-catalog .admin-game-info{padding:14px}}

.finance-orders tbody tr:last-child td{border-bottom:0}.finance-orders table,.finance-orders .table-wrap{margin-bottom:0}.finance-orders .numbered-pagination{margin-top:0;padding-top:12px;border-top:0}

/* Full-width pagination with left-aligned controls on every screen. */
.numbered-pagination{width:100%;max-width:100%;flex:1 1 100%;justify-content:flex-start;box-sizing:border-box}
.numbered-pagination .pagination-controls{margin-left:0;justify-content:flex-start}
.comment-admin-pages{width:100%;align-self:stretch}
@media(max-width:600px){.numbered-pagination{justify-content:flex-start}.numbered-pagination .pagination-summary{width:auto;text-align:left}.numbered-pagination .pagination-controls{margin-left:0;justify-content:flex-start}}

.audit-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.audit-heading h2{margin:8px 0}.audit-heading p{font-size:12px;margin:0}.audit-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}.audit-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.audit-filters label:first-child{flex:1;min-width:200px}.audit-filters input,.audit-filters select{padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:#eee;font-size:12px}.audit-filters button{font-size:12px}.audit-entry{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);align-items:flex-start}.audit-entry:last-child{border-bottom:0}.audit-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#9876dd16;color:#bca1ee}.audit-icon svg{width:20px;height:20px}.audit-copy{flex:1;min-width:0}.audit-copy header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audit-copy header strong{font-size:14px}.audit-reference{font-size:10px;color:var(--muted)}.audit-person{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#d2c6e2}.audit-person small{font-size:10px;color:var(--muted)}.audit-copy p{margin:10px 0 0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.audit-entry time{font-size:11px;text-align:right;color:#c6b7da;white-space:nowrap}.audit-entry time small{display:block;color:var(--muted);margin-top:6px;font-size:10px}@media(max-width:600px){.audit-entry{gap:10px;flex-wrap:wrap}.audit-entry time{margin-left:48px;text-align:left}.audit-entry time small{display:inline;margin-left:8px}.audit-heading{flex-wrap:wrap}.audit-filters label{width:100%}}

html[data-theme="rose"]{--bg:#211522;--panel:#302032;--border:#55364d;--muted:#c4a8bd;--accent:#efa4cf}
html[data-theme="ocean"]{--bg:#102025;--panel:#193139;--border:#31545c;--muted:#a2bbc0;--accent:#79d9e2}
html[data-theme="ruby"]{--bg:#231518;--panel:#342125;--border:#58383e;--muted:#c3aaae;--accent:#ef9b9f}
.personal-section #premium-profile{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:0;align-items:stretch}
.profile-fields-column{min-width:0;padding-right:24px}.profile-theme-column{padding:28px 0 28px 24px;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;min-width:0;margin:-28px 0;align-self:stretch}
.profile-theme-column h3{font-size:19px;margin:10px 0}.profile-theme-column>p{font-size:12px;margin:0 0 20px}
.profile-theme-column .theme-options{margin:0;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-theme-column .theme-options button{padding:10px;font-size:10px;border-radius:8px}
.profile-theme-column .theme-preview{height:48px;grid-template-columns:16px 1fr}
@media(max-width:1050px){.personal-section #premium-profile{grid-template-columns:1fr;gap:24px}.profile-fields-column{padding-right:0}.profile-theme-column{margin:0;padding:24px 0 0;border-left:0;border-top:1px solid var(--border)}.profile-theme-column .theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.profile-theme-column{padding:20px 0 0}.profile-theme-column .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

.personal-section .premium-checks.controller-profile-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:none;overflow:visible}
.controller-profile-choices .controller-profile-choice{display:block;position:relative;margin:0;cursor:pointer}
.controller-profile-choice>input{position:absolute;width:1px;height:1px;opacity:0}
.controller-choice-surface{display:flex;align-items:center;gap:12px;min-height:100px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:border-color .18s,background .18s,box-shadow .18s}
.controller-choice-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:10px;color:var(--muted);background:#ffffff06}.controller-choice-icon svg{width:30px;height:30px}
.controller-choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.controller-choice-copy strong{font-size:13px;overflow-wrap:anywhere}.controller-choice-copy small{font-size:11px;color:var(--muted)}.controller-choice-copy>span{font-size:10px;line-height:1.5;color:var(--muted)}
.controller-choice-check{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid var(--border);border-radius:7px;background:#ffffff03}.controller-choice-check svg{width:16px;height:16px;opacity:0}
.controller-profile-choice input:checked+.controller-choice-surface{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.controller-profile-choice input:checked+.controller-choice-surface .controller-choice-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.controller-profile-choice input:checked+.controller-choice-surface .controller-choice-check{background:var(--accent);border-color:var(--accent);color:#16121e}
.controller-profile-choice input:checked+.controller-choice-surface .controller-choice-check svg{opacity:1}
.controller-profile-choice input:focus-visible+.controller-choice-surface{outline:2px solid var(--accent);outline-offset:3px}
.controller-profile-choice:hover .controller-choice-surface{border-color:color-mix(in srgb,var(--accent) 65%,var(--border))}

.personal-section .premium-backups{margin-bottom:0;padding-bottom:0}
.backup-entry{padding:18px 12px;gap:16px;align-items:center}
.backup-entry:last-child{border-bottom:0;margin-bottom:0}
.backup-file-icon{display:grid!important;place-items:center;width:42px;height:46px;flex:0 0 42px;border-radius:10px;background:#a487f310;color:var(--accent);margin:0!important}
.backup-file-icon svg{width:23px;height:23px}
.backup-details{flex:1;min-width:0}.backup-details>strong{font-size:14px;overflow-wrap:anywhere}
.backup-metadata{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.backup-metadata span{margin:0;padding:4px 7px;border-radius:5px;background:#ffffff05;font-size:10px}
.backup-details time{margin-top:6px;font-size:10px}
.backup-status.compatible{color:#98ccb2}.backup-status.incompatible{color:#e2b78d}
.backup-entry .backup-restore-button{gap:7px;font-size:11px;padding:10px 13px;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}
.backup-restore-button svg{width:17px;height:17px;flex-shrink:0}
.backup-entry .backup-restore-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 17%,var(--panel))}
.premium-backups+.numbered-pagination{margin-top:0;padding-top:14px;border-top:0}
@media(max-width:550px){.backup-entry{padding:16px 0;gap:10px;flex-wrap:wrap}.backup-details{flex:1 1 calc(100% - 52px)}.backup-entry .backup-restore-button{margin-left:52px}.backup-file-icon{align-self:flex-start}}

.personal-calendar-evolution{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:34px;padding-top:25px;border-top:1px solid var(--border)}
.personal-calendar-evolution>.personal-activity-block{margin:0;padding:0;border-top:0;min-width:0}
.personal-calendar-evolution .personal-calendar-months{display:grid;grid-template-columns:1fr;max-width:none}
.personal-calendar-evolution .personal-activity-heading{min-height:88px}
.personal-calendar-evolution .personal-month-summary{display:grid;grid-template-columns:1fr;gap:14px}
.personal-evolution-card{padding:22px!important;background:var(--bg);border:1px solid var(--border);border-radius:14px}
.personal-evolution-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.personal-evolution-card header>span:first-child{text-transform:capitalize;font-size:13px;font-weight:600;color:#d5c9e5}
.evolution-total{display:flex;align-items:center;gap:7px}.evolution-total svg{width:18px;height:18px;color:var(--accent)}.evolution-total strong{font-size:20px!important;margin:0!important}
.evolution-duration-bar{height:5px;border-radius:5px;background:#ffffff06;overflow:hidden;margin:20px 0}.evolution-duration-bar i{display:block;height:100%;background:var(--accent);border-radius:5px}
.evolution-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.evolution-details dt{font-size:11px;color:var(--muted);margin-bottom:7px}.evolution-details dd{margin:0;font-size:16px;font-weight:700}
@media(max-width:900px){.personal-calendar-evolution{grid-template-columns:1fr}.personal-calendar-evolution .personal-activity-heading{min-height:0}.personal-calendar-evolution>.personal-activity-block+section{margin-top:10px}}

/* Navigation follows the selected profile palette. */
html[data-theme] .shell .admin-navigation,html[data-theme] .shell .personal-tabs.personal-navigation{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 85%,var(--bg)),var(--bg));border-color:var(--border)}
html[data-theme] .shell .sidebar nav button,html[data-theme] .shell .admin-navigation button,html[data-theme] .shell .personal-tabs.personal-navigation button{color:var(--muted);background:transparent;border-color:transparent}
html[data-theme] .shell .sidebar nav button:hover,html[data-theme] .shell .admin-navigation button:hover,html[data-theme] .shell .personal-tabs.personal-navigation button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
html[data-theme] .shell .sidebar nav button.active,html[data-theme] .shell .admin-navigation button.active,html[data-theme] .shell .personal-tabs.personal-navigation button.active{background:linear-gradient(125deg,var(--accent),color-mix(in srgb,var(--accent) 78%,var(--bg)));color:#15131b;border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 15%,transparent)}
html[data-theme] .shell .sidebar nav button svg,html[data-theme] .shell .admin-navigation button svg,html[data-theme] .shell .personal-tabs.personal-navigation button svg{color:inherit}
html[data-theme] .shell .sidebar nav button:focus-visible,html[data-theme] .shell .admin-navigation button:focus-visible,html[data-theme] .shell .personal-tabs.personal-navigation button:focus-visible{outline-color:var(--accent)}

.account-settings>.account-section-heading{margin-bottom:26px}
.account-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.account-security-card{min-width:0;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}
.account-security-grid .account-password-section{margin:0;padding:24px;border:1px solid var(--border)}
.security-card-heading,.account-security-card>.account-section-heading{display:flex;gap:13px;align-items:center;margin:0 0 24px}
.security-card-heading h3,.account-security-card h3{font-size:19px;margin:0 0 6px}
.security-card-heading p,.account-security-card>.account-section-heading p{font-size:12px;margin:0}
.account-security-card .account-dialog-icon{margin:0;width:40px;height:40px;flex:0 0 40px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}
.account-security-card .account-current-email{margin:0 0 20px;padding:14px 16px;background:var(--panel);border-radius:9px}
.account-security-card .account-current-email strong{font-size:13px;overflow-wrap:anywhere}
.account-security-card .account-pending-email{padding:16px;margin:0 0 22px;border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--bg));border-radius:10px}
.account-pending-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--accent)}
.account-security-card .account-pending-email p{font-size:12px;margin:10px 0 7px;overflow-wrap:anywhere}
.account-pending-email>small{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.account-pending-email button{margin-top:12px;font-size:11px;padding:8px 11px;background:transparent}
.account-security-card form{display:flex;flex-direction:column;gap:14px}
.account-security-card .account-fields{display:grid;grid-template-columns:1fr;gap:14px}
.account-security-card .field{margin:0!important;max-width:none!important;font-size:12px}
.account-security-card .field input{margin-top:7px;width:100%;background:var(--panel);border-color:var(--border)}
.account-security-card form>.micro{font-size:11px;line-height:1.7;margin:0;padding:12px 14px;border-radius:8px;background:#ffffff03}
.account-security-card form>.primary{align-self:flex-start;margin:4px 0 0;padding:11px 16px;font-size:12px}
.account-security-card .account-feedback:empty,.account-security-card .form-error:empty{display:none}
.account-security-card .account-feedback{font-size:12px;line-height:1.6;margin:0}
@media(max-width:1000px){.account-security-grid{grid-template-columns:1fr}.account-security-card,.account-security-grid .account-password-section{padding:20px}}

.personal-plan-metrics article.stat{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:18px;row-gap:6px;align-content:center;min-height:150px}
.personal-plan-metrics .stat .plan-summary-icon{grid-column:1;grid-row:1/4;align-self:center;width:58px;height:58px;border-radius:15px;margin:0}
.personal-plan-metrics .plan-summary-icon svg{width:32px;height:32px}
.personal-plan-metrics .stat>small,.personal-plan-metrics .stat>strong,.personal-plan-metrics .stat>p{grid-column:2;margin:0}
.personal-plan-metrics .stat>small{align-self:end}.personal-plan-metrics .stat>p{margin-top:3px}
@media(max-width:1000px){.personal-plan-metrics.report-metrics{grid-template-columns:1fr}.personal-plan-metrics article.stat{min-height:125px}}

.moderator-permission{gap:16px}
.moderator-permission input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:24px;flex:0 0 42px;margin:0;border:1px solid #ffffff20;border-radius:20px;background:#49434f;cursor:pointer;transition:background .18s,border-color .18s}
.moderator-permission input[type="checkbox"]:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#f8f6fc;box-shadow:0 1px 3px #0004;transition:transform .18s}
.moderator-permission input[type="checkbox"]:checked{background:var(--accent,#a487f3);border-color:var(--accent,#a487f3)}
.moderator-permission input[type="checkbox"]:checked:before{transform:translateX(18px)}
.moderator-permission input[type="checkbox"]:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}
.moderator-permission input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed}

.premium-backups+.numbered-pagination{justify-content:space-between}
.premium-backups+.numbered-pagination .pagination-controls{margin-left:auto;justify-content:flex-end}
@media(max-width:600px){.premium-backups+.numbered-pagination .pagination-controls{margin-left:auto;justify-content:flex-end}}

/* Shared pagination alignment across all paginated screens. */
.numbered-pagination{justify-content:space-between}
.numbered-pagination .pagination-controls{margin-left:auto;justify-content:flex-end}
@media(max-width:600px){.numbered-pagination{justify-content:space-between}.numbered-pagination .pagination-summary{text-align:left}.numbered-pagination .pagination-controls{margin-left:auto;justify-content:flex-end}}

/* Square cover panels in the administration catalog. */
.admin-catalog .catalog-admin-card{grid-template-columns:230px minmax(0,1fr)}
.admin-catalog .admin-cover{width:100%;height:auto;min-height:0;aspect-ratio:1/1;align-self:center;padding:10px}
.admin-catalog .admin-cover-art{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain}
@media(max-width:1250px){.admin-catalog .catalog-admin-card{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:600px){.admin-catalog .catalog-admin-card{grid-template-columns:130px minmax(0,1fr)}.admin-catalog .admin-cover{height:auto;min-height:0;aspect-ratio:1/1;align-self:center}}

.admin-catalog .admin-cover-art{border-radius:5px}

.admin-catalog .catalog-admin-card .admin-cover{height:100%;min-height:230px;aspect-ratio:auto;align-self:stretch}
@media(max-width:1250px){.admin-catalog .catalog-admin-card .admin-cover{min-height:190px}}
@media(max-width:600px){.admin-catalog .catalog-admin-card .admin-cover{height:100%;min-height:130px;align-self:stretch}}

/* Keep the cover square and flush with the full card height. */
.admin-catalog .catalog-admin-card{--admin-cover-size:260px;grid-template-columns:var(--admin-cover-size) minmax(0,1fr);height:var(--admin-cover-size);min-height:var(--admin-cover-size);align-items:stretch}
.admin-catalog .catalog-admin-card .admin-cover{width:var(--admin-cover-size);height:var(--admin-cover-size);min-height:0;aspect-ratio:1;align-self:stretch;padding:10px}
.admin-catalog .catalog-admin-card .admin-cover-art{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px);object-fit:contain;border-radius:5px;display:block}
.admin-catalog .admin-game-info{padding:16px 18px;min-height:0}
.admin-catalog .admin-game-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.admin-catalog .admin-game-bottom{margin-top:auto}
@media(max-width:1250px){.admin-catalog .catalog-admin-card{--admin-cover-size:260px}}
@media(max-width:600px){.admin-catalog .catalog-admin-card{--admin-cover-size:100%;grid-template-columns:1fr;height:auto;min-height:0}.admin-catalog .catalog-admin-card .admin-cover{width:100%;height:auto;min-height:0;aspect-ratio:1}.admin-catalog .admin-game-info{padding:18px}.admin-catalog .admin-game-bottom{margin-top:16px}}

html[data-theme] .shell .sidebar nav button.active,html[data-theme] .shell .admin-navigation button.active,html[data-theme] .shell .personal-tabs.personal-navigation button.active{color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 78%,#21162f),color-mix(in srgb,var(--accent) 62%,#21162f))}
html[data-theme] .shell .sidebar nav button.active svg,html[data-theme] .shell .admin-navigation button.active svg,html[data-theme] .shell .personal-tabs.personal-navigation button.active svg{color:#fff}

/* Compact settings grouped into balanced sections. */
.settings-page{gap:16px;align-items:start;min-width:0}
.settings-page .settings-fields-form>.settings-section.settings-wide{grid-column:auto}
.settings-page .settings-section,.settings-page .finance-configuration,.settings-page #mail-config-panel>.box{padding:20px;border-radius:12px;min-width:0}
.settings-page .settings-section-heading{margin-bottom:16px;gap:11px;align-items:flex-start}
.settings-page .settings-section-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;font-size:18px}
.settings-page .settings-section-heading h3{font-size:15px}.settings-page .settings-section-heading p{line-height:1.5;margin-top:4px}
.settings-page .settings-toggle{padding:12px 0;margin:0;gap:12px}
.settings-page .settings-toggle:last-of-type{border-bottom:0}
.settings-page .settings-toggle small{margin-top:3px;font-size:10px;line-height:1.5}
.settings-page .settings-toggle strong{font-size:12px}
.settings-page .settings-toggle input:checked+.settings-switch{background:var(--accent)}
.settings-page .settings-section>.field{display:block;margin:14px 0 0}
.settings-page .settings-section>.micro{font-size:11px;line-height:1.6;margin:8px 0 0}
.settings-page .settings-fields{gap:12px 16px}
.settings-page .settings-fields .field{margin:0;min-width:0}
.settings-page .field input,.settings-page .field select{margin-top:6px;max-width:100%;height:40px;font-size:12px}
.settings-page .settings-section>.settings-fields{margin-top:14px}
.settings-page .notice{font-size:11px;line-height:1.6;padding:12px 14px;margin-top:14px}
.settings-page .finance-config-form>.field{display:block;margin:14px 0}
.settings-page .mail-config-form{gap:12px}.settings-page .mail-test-area{gap:12px;margin-top:16px;padding-top:16px}
.settings-page .mail-test-area p{margin:6px 0;font-size:11px}.settings-page .mail-test-area button{font-size:12px;padding:10px 13px}
.settings-page .settings-save{padding:14px 0 0;margin-top:0;border-top:1px solid var(--border)}
@media(max-width:900px){.settings-page{grid-template-columns:1fr}.settings-page .settings-fields-form>.settings-section.settings-wide{grid-column:1/-1}}
@media(max-width:600px){.settings-page .settings-fields{grid-template-columns:1fr}.settings-page .settings-section,.settings-page .finance-configuration,.settings-page #mail-config-panel>.box{padding:16px}}

.settings-page{align-items:stretch}
.settings-page .settings-fields-form>.settings-section{align-self:stretch;height:100%}
@media(max-width:900px){.settings-page .settings-fields-form>.settings-section{height:auto}}

.settings-page .settings-fields-form>.settings-section:nth-of-type(1){grid-column:1;grid-row:2}
.settings-page .settings-fields-form>.settings-section:nth-of-type(2){grid-column:2;grid-row:1}
.settings-page .settings-fields-form>.settings-section:nth-of-type(3){grid-column:1;grid-row:1}
.settings-page .settings-fields-form>.settings-section:nth-of-type(4){grid-column:2;grid-row:2}
@media(max-width:900px){.settings-page .settings-fields-form>.settings-section:nth-of-type(1){grid-column:1;grid-row:3}.settings-page .settings-fields-form>.settings-section:nth-of-type(2){grid-column:1;grid-row:2}.settings-page .settings-fields-form>.settings-section:nth-of-type(3){grid-column:1;grid-row:1}.settings-page .settings-fields-form>.settings-section:nth-of-type(4){grid-column:1;grid-row:4}}

.settings-page .settings-fields-form>.settings-section:nth-of-type(2){grid-column:1;grid-row:1}
.settings-page .settings-fields-form>.settings-section:nth-of-type(3){grid-column:2;grid-row:1}
@media(max-width:900px){.settings-page .settings-fields-form>.settings-section:nth-of-type(2){grid-column:1;grid-row:1}.settings-page .settings-fields-form>.settings-section:nth-of-type(3){grid-column:1;grid-row:2}}

/* Theme palette shared by portal pages and dialogs. Semantic status colors stay intact. */
html[data-theme]{--theme-soft:color-mix(in srgb,var(--accent) 10%,transparent);--theme-line:color-mix(in srgb,var(--accent) 30%,var(--border));--theme-ink:color-mix(in srgb,var(--accent) 75%,white);scrollbar-color:var(--accent) var(--bg)}
html[data-theme] *{scrollbar-color:var(--accent) var(--bg)}
html[data-theme] ::-webkit-scrollbar-track{background:var(--bg)}
html[data-theme] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 65%,var(--panel));border-radius:8px}
html[data-theme] :is(.language-select,.search,.rooms-overview select,.admin-games-toolbar input,.admin-games-toolbar select,.users-toolbar input,.users-toolbar select,.finance-filters input,.finance-filters select){background:var(--panel);border-color:var(--border);color:var(--muted)}
html[data-theme] :is(.overview-library-button,.sidebar-logout){background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-ink)}
html[data-theme] .overview-library-button>svg{color:var(--accent)}
html[data-theme] .shell>.panel-drawer .sidebar-logout{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-ink)}
html[data-theme] :is(.sidebar-legal a,.shell>.panel-drawer .sidebar-legal button,.sidebar-version,.sidebar-version small){color:var(--muted)}
html[data-theme] .sidebar-legal svg{color:var(--accent)}
html[data-theme] :is(.sidebar-bottom,.sidebar-version){border-color:var(--border)}
html[data-theme] :is(.sidebar-legal a:hover,.shell>.panel-drawer .sidebar-legal button:hover,.overview-library-button:hover){background:var(--theme-soft);color:var(--theme-ink);border-color:var(--accent)}
html[data-theme] :is(.game-player-info .card-tip,.game-player-info>span,.card-info-icon){color:var(--theme-ink)}
html[data-theme] .game-player-info .card-tip{background:var(--theme-soft)}
html[data-theme] :is(.game .tag,.game-body>small,.top-copy small,.admin-genre){color:var(--accent)}
html[data-theme] :is(.filters button,.console-filters button,.tabs button){background:var(--panel);border-color:var(--border);color:var(--muted)}
html[data-theme] :is(.filters button.active,.filters button.selected,.console-filters button[aria-pressed=true]){background:var(--theme-soft);border-color:var(--theme-line);color:var(--accent)}
html[data-theme] :is(.top-game,.room-card,.controller-profile-card,.collection-summary,.personal-stat-game-modern,.personal-month-card,.personal-evolution-card,.catalog-admin-card,.billing-history-modern article){background:var(--panel);border-color:var(--border)}
html[data-theme] .top-games-track{scrollbar-color:var(--accent) var(--bg)}
html[data-theme] .top-copy>span{color:var(--muted)}
html[data-theme] :is(.top-cover,.admin-cover,.personal-stat-cover,.preference-game-banner,.room-art,.collection-preview button){background:var(--bg)}
html[data-theme] :is(.dialog,.featured-replacement-dialog,.payment-modal,.finance-detail-modern,.payment-detail-header,.payment-detail-footer,#cookie-preferences,.user-actions-menu){background:var(--panel);border-color:var(--border);color:#f7f7f9}
html[data-theme] :is(.card-tip:after,.tooltip,.portal-tooltip,.toast,.notification-toast){background:var(--panel);border-color:var(--theme-line);color:#f7f7f9}
html[data-theme] :is(.user-actions-menu svg,.settings-section-icon,.account-dialog-icon,.audit-icon,.backup-file-icon){color:var(--accent);background:var(--theme-soft)}
html[data-theme] :is(.user-actions-menu :is(button,a.user-profile-menu-link),.user-actions-menu small,.featured-replacement-dialog p,.featured-replacement-list small,.payment-timeline p){color:var(--muted)}
html[data-theme] :is(.featured-replacement-list label,.preferences-game-menu,.preferences-game-options button,.admin-cover-editor,.admin-rom-editor,.admin-rom-info,.game-room-option,.billing-empty,.billing-method,.billing-renewal){background:var(--bg);border-color:var(--border)}
html[data-theme] :is(.featured-replacement-list label:has(input:checked),.billing-method:has(input:checked)){background:var(--theme-soft);border-color:var(--accent)}
html[data-theme] :is(.billing-method-icon,.billing-history-icon,.game .play,.game-dialog .continue-game,.profile-status.is-active){color:var(--accent)}
html[data-theme] :is(.personal-plan-metrics article.stat,.report-metrics .stat){background:linear-gradient(145deg,var(--panel),var(--bg));border-color:var(--theme-line)}
html[data-theme] :is(.personal-plan-metrics .stat small,.personal-plan-metrics .stat p){color:var(--muted)}
html[data-theme] .personal-plan-metrics .plan-summary-icon{color:var(--accent);background:var(--theme-soft)}
html[data-theme] :is(.personal-stat-share i,.evolution-duration-bar){background:var(--theme-soft)}
html[data-theme] :is(.personal-stat-share b,.evolution-duration-bar i,.payment-timeline-dot){background:var(--accent)}
html[data-theme] .personal-calendar-day.level-1{background:color-mix(in srgb,var(--accent) 17%,var(--bg));border-color:var(--theme-line)}
html[data-theme] .personal-calendar-day.level-2{background:color-mix(in srgb,var(--accent) 35%,var(--bg));border-color:var(--accent)}
html[data-theme] .personal-calendar-day.level-3{background:color-mix(in srgb,var(--accent) 55%,var(--bg));border-color:var(--accent)}
html[data-theme] .pagination-current{background:var(--accent);border-color:var(--accent);color:#15131b;box-shadow:0 3px 12px var(--theme-soft)}
html[data-theme] .settings-switch{background:color-mix(in srgb,var(--muted) 30%,var(--panel));border-color:var(--border)}
html[data-theme] .settings-toggle input:checked+.settings-switch{background:var(--accent);border-color:var(--accent)}
html[data-theme] :is(.admin-cover-upload,.account-action-form .primary){background:var(--accent);border-color:var(--accent);color:#15131b}

html[data-theme] :is(.retrojoga-tooltip,#retrojoga-notification){background:var(--panel);border-color:var(--theme-line);color:#f7f7f9}
html[data-theme] #retrojoga-notification .notification-progress{background:var(--accent)}
html[data-theme] :is(.payment-modal>header,.payment-modal>footer){background:var(--panel);border-color:var(--border)}
html[data-theme] :is(.payment-modal p,.payment-modal small,.payment-modal footer>span){color:var(--muted)}
html[data-theme] :is(.finance-config-form input:not([type=checkbox]),.mail-config-form input,.mail-config-form select,.mail-test-area input){background:var(--bg);color:#f7f7f9;border-color:var(--border)}
html[data-theme] :is(.mail-config-form input:focus,.mail-config-form select:focus,.mail-test-area input:focus){border-color:var(--accent);outline-color:var(--theme-line)}
html[data-theme] :is(.game:hover,.room-card:hover,.catalog-admin-card:hover){border-color:var(--accent)}
html[data-theme] .game-player-info>span:last-child{color:var(--accent)}

.rank-rating.rank-rating-stars{gap:4px}.rank-rating-stars svg{width:17px;height:17px}.rank-rating-stars svg.filled{fill:#e7c16b;color:#e7c16b}.rank-rating-stars svg.empty{fill:none;stroke:var(--muted);stroke-width:1.4;color:var(--muted);opacity:.6}

/* Autofill follows the account theme rather than the browser's blue fill. */
html[data-theme] input:-webkit-autofill,html[data-theme] input:-webkit-autofill:hover,html[data-theme] input:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px var(--panel) inset!important;box-shadow:0 0 0 1000px var(--panel) inset!important;-webkit-text-fill-color:#f7f7f9!important;caret-color:#f7f7f9;border-color:var(--border)!important}
html[data-theme] input:autofill{background:var(--panel)!important;color:#f7f7f9!important}
html[data-theme] :is(.history-toolbar,.history-day-list,.history-empty,.saved-progress-row,.game-facts>div,.confirmation-dialog,.room-session-panel,.lobby-actions){background:var(--panel);border-color:var(--border)}
html[data-theme] :is(.history-toolbar input,.history-toolbar select,.dialog .field input,.dialog .field select,.dialog .field textarea,.lobby-share input){background:var(--bg);color:#f7f7f9;border-color:var(--border)}
html[data-theme] :is(.history-toolbar label,.history-caption,.history-day>header>span,.history-event-content small,.history-entry time,.game-facts small,.lobby-chat-empty span){color:var(--muted)}
html[data-theme] :is(.history-entry,.saved-progress-section){border-color:var(--border)}
html[data-theme] :is(.history-event-icon,.history-empty>svg,.rooms-empty>span,.game-facts svg){color:var(--accent);background:var(--theme-soft);border-color:var(--theme-line)}
html[data-theme] :is(.game-facts strong,.history-day h2){color:#f7f7f9}
html[data-theme] body .primary,html[data-theme] .room-lobby .lobby-actions [data-lobby-ready],html[data-theme] .comment-form-footer .primary{background:var(--accent);border-color:var(--accent);color:#15131b;box-shadow:none}
html[data-theme] :is(.saved-progress-row button,.game-dialog .continue-game,.confirmation-actions button:not(.confirmation-danger)){background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-ink)}
html[data-theme] :is(.game-dialog-footer,.game-dialog-actions,.game-launch-actions){background:var(--panel);border-color:var(--border)}
html[data-theme] .game-facts>div>span{background:var(--theme-soft);color:var(--accent)}
html[data-theme] :is(.room-lobby .micro,.lobby-invitation>label,.lobby-chat-message strong){color:var(--muted)}
html[data-theme] .room-lobby .lobby-actions [data-lobby-ready]:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,white);border-color:var(--accent)}

.public-header{min-height:84px;height:auto;padding:16px 3.5%;gap:22px;flex-wrap:wrap;background:#101018;border-color:#393140}
.public-header .logo img{width:200px;height:auto;display:block}.public-navigation{gap:5px;flex-wrap:wrap}
.public-navigation a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:#b7acc8;font-size:12px;font-weight:600;transition:background .18s,color .18s}
.public-header svg{width:18px;height:18px;flex-shrink:0;display:block}
.public-navigation a:hover,.public-navigation a:focus-visible{color:#fff;background:#a487f310;border-color:#a487f32a}
.public-navigation .public-premium{color:#d6c4fa;background:#a487f30b;border-color:#a487f330}
.public-account-actions{align-items:center;gap:8px;flex-wrap:wrap}.public-account-actions .btn{font-size:12px;padding:11px 14px}.public-account-actions .primary{background:linear-gradient(120deg,#9672e8,#6668d8);color:#fff;border-color:#b29ae866}
@media(max-width:1100px){.public-header{justify-content:space-between}.public-navigation{order:3;flex:1 1 100%;justify-content:center}}
@media(max-width:600px){.public-header{padding:14px 16px;gap:12px}.public-header .logo img{width:145px}.public-account-actions .btn{padding:9px;font-size:11px}.public-navigation a{padding:9px 8px;font-size:11px;gap:6px}.public-navigation{gap:2px}.public-account-actions .language-select{max-width:75px}}

.auth-remember input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:21px;flex:0 0 36px;margin:0;border:1px solid var(--border,#493c59);border-radius:20px;background:color-mix(in srgb,var(--muted,#aba4b8) 25%,var(--panel,#1b1b27));cursor:pointer;transition:background .18s,border-color .18s}
.auth-remember input[type="checkbox"]:before{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}
.auth-remember input[type="checkbox"]:checked{background:var(--accent,#a487f3);border-color:var(--accent,#a487f3)}
.auth-remember input[type="checkbox"]:checked:before{transform:translateX(15px)}
.auth-remember input[type="checkbox"]:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}

.hero .actions .hero-action-icon{width:22px;height:22px;flex-shrink:0;display:block}.hero .actions button,.hero .actions .btn{gap:10px}

.hero-free-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #b698f44d;border-radius:8px;background:#a487f31b;color:#e0d0ff;font-size:13px;font-weight:750;margin-top:20px}.hero-free-badge svg{width:19px;height:19px}.auth-create-icon{width:20px;height:20px;display:block;flex-shrink:0}
#how,#premium{scroll-margin-top:24px}

.dialog.premium-benefits-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;padding:28px;max-height:90dvh;overflow-y:auto}
.premium-benefits-dialog>h2{font-size:24px;margin:0 48px 20px 0}
.premium-benefits-dialog .premium-banner{margin:0;padding:20px 24px;gap:16px;border-radius:12px}
.premium-benefits-dialog .premium-banner h2{font-size:27px;margin:8px 0}
.premium-benefits-dialog .premium-banner p{font-size:12px;margin:0}
.premium-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.premium-benefits-grid .feature{display:grid;grid-template-columns:40px minmax(0,1fr);gap:5px 12px;padding:16px;border-radius:10px;min-width:0}
.premium-benefit-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--accent,#a487f3) 10%,transparent);color:var(--accent,#a487f3)}
.premium-benefit-icon svg{width:23px;height:23px}
.premium-benefits-grid h3{grid-column:2;font-size:14px;margin:0;line-height:1.5}
.premium-benefits-grid p{grid-column:2;font-size:11px;line-height:1.6;margin:0}
.premium-benefits-dialog>.notice{font-size:11px;line-height:1.6;margin-top:16px;padding:12px 15px}
@media(max-width:600px){.dialog.premium-benefits-dialog{padding:20px}.premium-benefits-grid{grid-template-columns:1fr;gap:10px}.premium-benefits-dialog .premium-banner{padding:16px;flex-wrap:wrap}}

.overview-personal-track{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}
.overview-personal-track>.game{flex:0 0 285px;scroll-snap-align:start}
.overview-personal-section .section-head p{font-size:12px;margin-top:7px}.overview-personal-section .actions button{padding:10px}.overview-personal-section .actions svg{width:20px;height:20px}
.overview-personal-empty{padding:24px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:12px}
.overview-collection-card{flex:0 0 285px;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px;padding:14px;border-radius:12px;background:var(--panel);border-color:var(--border);scroll-snap-align:start}
.overview-collection-covers{display:grid;grid-template-columns:repeat(2,1fr);height:180px;gap:5px;background:var(--bg);border-radius:8px;overflow:hidden}
.overview-collection-covers img{width:100%;height:87px;object-fit:contain}.overview-collection-card strong{font-size:15px}.overview-collection-card small{font-size:11px;color:var(--muted)}
.overview-collection-placeholder{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font-size:12px}
.dialog.overview-collection-dialog{width:min(1100px,calc(100vw - 32px));max-width:1100px}.overview-collection-dialog .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media(max-width:600px){.overview-personal-track>.game,.overview-collection-card{flex-basis:250px}}

.top-games-track>.ranking-game{flex:0 0 285px;scroll-snap-align:start}
.ranking-game .cover .top-position{top:52px;left:12px;z-index:4;min-width:35px;height:35px;font-size:16px;border-radius:8px}
@media(max-width:600px){.top-games-track>.ranking-game{flex-basis:250px}}

#community-games,#community-rated,.overview-personal-section{min-width:0;width:100%}
#community-games .section-head,#community-rated .section-head,.overview-personal-section .section-head{gap:16px;flex-wrap:wrap}
#community-games .section-head>div:first-child,#community-rated .section-head>div:first-child,.overview-personal-section .section-head>div:first-child{min-width:0;flex:1 1 250px}
#community-games .section-head>.actions,#community-rated .section-head>.actions,.overview-personal-section .section-head>.actions{flex:0 0 auto;margin-left:auto;gap:8px;overflow:visible}
button[data-top-scroll],button[data-rated-scroll],button[data-overview-scroll]{width:42px;height:42px;min-width:42px;flex:0 0 42px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;overflow:visible}
button[data-top-scroll] svg,button[data-rated-scroll] svg,button[data-overview-scroll] svg{width:20px;height:20px;display:block;flex-shrink:0}

.overview-personal-section [data-overview-scroll]{color:var(--accent);border-color:var(--border);background:var(--panel)}
.overview-personal-section [data-overview-scroll] svg{visibility:visible;opacity:1;overflow:visible}

.filter-favorites{display:flex;align-items:center;gap:10px;cursor:pointer}
.filter-favorites input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:22px;flex:0 0 38px;margin:0;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--muted) 25%,var(--panel));cursor:pointer;transition:background .18s,border-color .18s}
.filter-favorites input[type="checkbox"]:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #0003}
.filter-favorites input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}
.filter-favorites input[type="checkbox"]:checked:before{transform:translateX(16px)}
.filter-favorites input[type="checkbox"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.catalog-filter-panel .filter-favorites,.filter-favorites{display:flex;flex-direction:row;align-items:center;gap:10px;line-height:22px}
.filter-favorites input[type="checkbox"]{vertical-align:middle;align-self:center;margin:0!important}

html[data-theme] button[data-top-scroll],html[data-theme] button[data-rated-scroll],html[data-theme] button[data-overview-scroll]{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:0 4px 14px #0002}
html[data-theme] button[data-top-scroll] svg,html[data-theme] button[data-rated-scroll] svg,html[data-theme] button[data-overview-scroll] svg{color:var(--accent)}
html[data-theme] button[data-top-scroll]:hover,html[data-theme] button[data-rated-scroll]:hover,html[data-theme] button[data-overview-scroll]:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}

.analog-option{display:flex;align-items:center;gap:14px}
.analog-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:22px;flex:0 0 38px;align-self:center;margin:0;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--muted) 25%,var(--panel));cursor:pointer;transition:background .18s,border-color .18s}
.analog-option input[type="checkbox"]:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #0003}
.analog-option input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}
.analog-option input[type="checkbox"]:checked:before{transform:translateX(16px)}
.analog-option input[type="checkbox"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.analog-option>span{line-height:1.5}.analog-option small{display:block;margin-top:3px}

.language-picker{position:relative;flex-shrink:0;z-index:130;color:var(--muted,#aba4b8);font-size:12px}.language-picker summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:9px 11px;border:1px solid var(--border,#393140);border-radius:8px;background:var(--panel,#1b1b27);white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary svg{width:16px;height:16px;flex-shrink:0}.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:175px;padding:7px;border-radius:10px;border:1px solid var(--border,#393140);background:var(--panel,#1b1b27);box-shadow:0 12px 32px #0005;display:grid;gap:3px}.language-options button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:500;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--muted,#aba4b8)}.language-options button svg{width:16px;height:16px;color:var(--accent,#a487f3)}.language-options button[aria-pressed=true],.language-options button:hover{background:color-mix(in srgb,var(--accent,#a487f3) 10%,transparent);color:var(--accent,#a487f3)}.language-picker select[hidden]{display:none!important}.language-picker summary:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}

.settings-page #captcha-config-panel{order:2}.settings-page #mail-config-panel{order:3}.settings-page .settings-save{order:4}.captcha-config-form{display:grid;gap:14px}.captcha-config-form>.field,.captcha-config-form .field{margin:0}.captcha-config-form .micro{margin:0;font-size:11px;line-height:1.6}.captcha-config-form .btn{justify-self:start;font-size:11px;padding:9px 12px}

.captcha-configuration .settings-section-heading>.btn{margin-left:auto;flex-shrink:0;font-size:11px;padding:9px 12px;align-self:flex-start}
@media(max-width:600px){.captcha-configuration .settings-section-heading{flex-wrap:wrap}.captcha-configuration .settings-section-heading>.btn{margin-left:auto}}

/* Prevent settings form contents from expanding grid columns. */
.settings-page,.settings-page>section,.settings-page .settings-section,.settings-page .finance-configuration,.settings-page .mail-configuration,.settings-page form{min-width:0;max-width:100%;box-sizing:border-box}
.settings-page .settings-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-page form>*,.settings-page .settings-fields>*,.settings-page .settings-section-heading>div{min-width:0;max-width:100%}
.settings-page :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.settings-page :is(.micro,.notice,.settings-section-heading p){overflow-wrap:anywhere}
.settings-page .settings-section-heading{flex-wrap:wrap}.settings-page .settings-section-heading>div{flex:1 1 220px}
@media(max-width:600px){.settings-page .settings-fields{grid-template-columns:minmax(0,1fr)}}

/* Primary actions share the active navigation treatment. */
html[data-theme]{--active-action-bg:linear-gradient(125deg,color-mix(in srgb,var(--accent) 78%,#21162f),color-mix(in srgb,var(--accent) 62%,#21162f))}
html[data-theme] body .primary,html[data-theme] .shell .primary,html[data-theme] .admin-cover-upload,html[data-theme] .pagination-current,html[data-theme] .room-lobby .lobby-actions [data-lobby-ready]{background:var(--active-action-bg);color:#fff;border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 15%,transparent)}
html[data-theme] body .primary svg,html[data-theme] .admin-cover-upload svg{color:inherit}
html[data-theme] body .primary:hover:not(:disabled),html[data-theme] .admin-cover-upload:hover{filter:brightness(1.08)}

html[data-theme] body .primary,html[data-theme] body .admin-cover-upload,html[data-theme] body .pagination-current,html[data-theme] body .personal-tabs button.active{background:var(--active-action-bg)!important;color:#fff!important;border-color:color-mix(in srgb,var(--accent) 65%,transparent)!important}
html[data-theme] body :is(.pad-button.pressed,.snes-controller .binding.input-active){background:var(--active-action-bg);color:#fff;box-shadow:0 0 14px var(--theme-soft)}
html[data-theme] .snes-controller .binding.input-active small{color:#fff}
html[data-theme] body .launch-ad-dialog .launch-ad-close{background:var(--active-action-bg);color:#fff;border-color:var(--theme-line)}

/* Hidden switch inputs must not inherit the full-width e-mail field rules. */
.settings-page .settings-toggle{position:relative}
.settings-page .settings-toggle input[type="checkbox"]{position:absolute;left:0;top:50%;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;max-width:1px!important;margin:0;padding:0;opacity:0}
.settings-page .settings-external-link{margin-left:auto;align-self:flex-start;font-size:11px;padding:9px 11px;gap:7px;flex-shrink:0}.settings-external-link svg{width:15px;height:15px;flex-shrink:0}

.language-options{max-height:min(430px,70dvh);overflow-y:auto}.language-options button{min-height:34px}

.personal-collections-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.personal-collections-heading h2{margin:0!important}.personal-collections-heading p{font-size:12px;margin:8px 0 0}.personal-collections-heading>.primary{flex-shrink:0;font-size:12px}
.personal-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.personal-collection-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:0 5px 18px #0002}
.collection-cover-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.collection-square-cover{position:relative;display:block;aspect-ratio:1;min-width:0;border-radius:5px;overflow:hidden;background:var(--panel);isolation:isolate}
.collection-cover-blur{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(12px);opacity:.5;z-index:0}
.collection-cover-image{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;z-index:1}
.collection-cover-empty{display:grid;place-items:center;color:var(--muted);background:linear-gradient(145deg,var(--panel),var(--bg))}.collection-cover-empty svg{width:30px;height:30px;opacity:.45}
.collection-card-details{padding:18px;flex:1}.collection-card-details .eyebrow{font-size:9px;letter-spacing:1px}.collection-card-details h3{font-size:18px;margin:8px 0 14px;line-height:1.4;overflow-wrap:anywhere}
.collection-card-counts{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.collection-card-counts>span{display:inline-flex;align-items:center;gap:6px}.collection-card-counts svg{width:15px;height:15px;color:var(--accent)}
.collection-console-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:25px;margin-top:12px}.collection-console-tags span{padding:4px 7px;background:var(--theme-soft);border-radius:5px;font-size:9px;color:var(--theme-ink)}
.collection-card-tools{display:flex;gap:8px;margin-top:16px}.collection-card-tools button{font-size:10px;padding:7px 9px;gap:5px}.collection-card-tools svg{width:14px;height:14px}.collection-card-tools [data-remove-collection]{color:#efa5ad}
.collection-open-button{width:100%;border:0;border-top:1px solid var(--border);border-radius:0!important;display:flex;gap:8px;padding:13px 18px;background:var(--theme-soft);color:var(--theme-ink);font-size:12px}.collection-open-button svg{width:17px;height:17px}.collection-open-button svg:last-child{margin-left:auto}.collection-open-button:hover{background:color-mix(in srgb,var(--accent) 17%,var(--bg))}
.personal-collections-empty{padding:35px;border:1px dashed var(--border);border-radius:12px;text-align:center}.personal-collections-empty h3{font-size:18px}.personal-collections-empty p{font-size:12px}
.personal-collection-dialog{width:min(1080px,calc(100vw - 32px));max-height:90dvh;padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:#f7f7f9;overflow:auto;box-shadow:0 24px 90px #0008}.personal-collection-dialog::backdrop{background:#09070dd9;backdrop-filter:blur(5px)}.personal-collection-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.personal-collection-dialog h2{margin:8px 0;font-size:25px;overflow-wrap:anywhere}.personal-collection-dialog header p{margin:0;font-size:12px}.personal-collection-dialog [data-close-collection]{width:34px;height:34px;padding:7px;flex-shrink:0}.personal-collection-dialog header svg{width:19px;height:19px}
.collection-modal-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-modal-game{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:10px;text-align:left;background:var(--bg);min-width:0;border-radius:10px}.collection-modal-game strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.collection-modal-game small{font-size:10px;color:var(--muted)}.collection-modal-game:hover{border-color:var(--accent)}
@media(max-width:1150px){.personal-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-modal-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.personal-collection-grid{grid-template-columns:1fr}.personal-collections-heading{flex-wrap:wrap}.personal-collections-heading>.primary{margin-left:auto}.collection-modal-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-collection-dialog{padding:18px}}

.collection-editor{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg);margin-top:24px}
.collection-editor-heading{margin-bottom:20px}.collection-editor-heading h3{font-size:21px;margin:8px 0}.collection-editor-heading p{font-size:12px;margin:0}
.collection-editor .collection-name-field{max-width:620px}.collection-editor .collection-name-field:before{content:none;display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:9px;font-weight:700}
.collection-editor>.field:not(.collection-name-field):before{content:none;display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:9px;font-weight:700}
.collection-selected-summary{padding:14px 16px;margin:16px 0;background:var(--theme-soft);border:1px solid var(--theme-line);border-radius:10px}.collection-selected-summary>strong{font-size:12px}.collection-selected-summary>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.collection-selected-summary button{padding:6px 8px;font-size:10px;gap:7px}.collection-selected-summary>small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}
.collection-editor .collection-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--border);margin-top:20px}.collection-editor-actions button{font-size:12px}.collection-editor-error{color:#f0a5b0;font-size:12px}.collection-editor-error:empty{display:none}.collection-save-feedback{color:var(--accent);font-size:12px}.collection-save-feedback:empty{display:none}
@media(max-width:750px){.collection-editor{padding:16px}.collection-editor .collection-picker{grid-template-columns:1fr}}

/* Modal overlays must sit above the mobile header and navigation drawer. */
#modal:not([hidden]){z-index:500}

/* Compact game selection in the collection editor. */
.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.collection-editor .collection-game-choice{min-width:0}
.collection-editor .collection-game-choice>img{height:120px;padding:8px}
.collection-editor .collection-choice-content{padding:10px;gap:7px}
.collection-editor .collection-choice-content>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.collection-editor .collection-choice-description{display:none}
@media(max-width:1200px){.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:340px){.personal-section .collection-editor .collection-picker{grid-template-columns:1fr}}

/* Collection cards stay compact with accessible icon actions. */
.personal-collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),300px));justify-content:start}
.personal-collection-card{width:100%;max-width:300px}
.collection-card-details{position:relative;padding:16px}
.collection-card-details>.eyebrow,.collection-card-details>h3{padding-right:72px}
.collection-card-tools{position:absolute;right:12px;top:16px;margin:0;gap:6px}
.collection-card-tools button{width:30px;height:30px;padding:7px;display:inline-flex;align-items:center;justify-content:center}
.collection-card-tools button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Shared collection cards in the overview carousel. */
.overview-personal-track>.personal-collection-grid{display:contents}
.overview-personal-track .personal-collection-card{flex:0 0 300px;scroll-snap-align:start}
.overview-personal-track .collection-card-details>.eyebrow,.overview-personal-track .collection-card-details>h3{padding-right:0}
@media(max-width:600px){.overview-personal-track .personal-collection-card{flex-basis:280px;max-width:calc(100vw - 64px)}}

/* Collection dialogs use the full catalogue game cards. */
.personal-collection-dialog .collection-modal-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));align-items:stretch}
.personal-collection-dialog .collection-modal-game-grid>.game{min-width:0;width:100%}
/* Four compact game cards per row in both collection dialogs. */
.personal-collection-dialog .collection-modal-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:950px){.personal-collection-dialog .collection-modal-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.personal-collection-dialog .collection-modal-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:450px){.personal-collection-dialog .collection-modal-game-grid{grid-template-columns:1fr}}
/* Compact account-switch buttons below the authentication forms. */
#auth-form+p button[data-auth]{min-height:32px;height:32px;padding:5px 12px;font-size:12px;line-height:20px;vertical-align:middle}

.profile-preview{position:relative;flex-shrink:0}.profile-preview>summary.avatar{cursor:pointer;list-style:none;margin:0}.profile-preview>summary::-webkit-details-marker{display:none}.profile-preview>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.profile-preview-card{display:none;position:absolute;right:0;top:calc(100% + 12px);width:260px;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 12px 36px #0007;z-index:180;color:#fff;font-size:12px}.profile-preview-card:before{content:'';position:absolute;top:-7px;left:var(--profile-arrow-x,calc(100% - 16px));width:12px;height:12px;background:var(--panel);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:translateX(-50%) rotate(45deg);pointer-events:none}.profile-preview[open]>.profile-preview-card{display:block}.profile-preview-name,.profile-preview-row{display:flex;align-items:center;gap:10px}.profile-preview-name{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.profile-preview-name strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.profile-preview-row+.profile-preview-row{margin-top:10px}.profile-preview-card svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}.profile-preview-row{color:var(--muted)}

.main .library-game-grid,.main .overview-featured-section>.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
@media(max-width:1350px){.main .library-game-grid,.main .overview-featured-section>.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.main .library-game-grid,.main .overview-featured-section>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.main .library-game-grid,.main .overview-featured-section>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:400px){.main .library-game-grid,.main .overview-featured-section>.grid{grid-template-columns:1fr}}

@media(max-width:760px){.account .profile-preview-card span{display:inline}.account .profile-preview-name strong{display:block}}

.collection-step-label{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:9px;font-weight:700;text-transform:uppercase}.collection-editor[hidden]{display:none!important}

/* Compact search and selection summary in the collection editor. */
.collection-picker-toolbar{display:flex;align-items:flex-end;gap:12px;margin:8px 0 12px}
.collection-picker-toolbar>.field{flex:1;min-width:0;margin:0;font-size:11px;gap:6px}
.collection-picker-toolbar input{height:38px;min-height:38px;padding:8px 12px}
.collection-picker-toolbar .collection-review-selected{flex-shrink:0;height:38px;min-height:38px;margin:0;padding:8px 12px;font-size:11px}
.collection-editor>.collection-step-label{margin:18px 0 6px}
.collection-editor .collection-selected-summary{display:flex;align-items:center;gap:12px;padding:9px 0;margin:0 0 10px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.collection-selected-summary>strong{flex-shrink:0;font-size:11px;white-space:nowrap}
.collection-selected-summary>div{display:flex;flex-wrap:nowrap;min-width:0;overflow-x:auto;margin:0;gap:6px;padding:2px 0 5px;scrollbar-width:thin}
.collection-selected-summary button{flex-shrink:0;max-width:210px;height:27px;min-height:27px;padding:4px 7px;font-size:10px;border-radius:5px;background:var(--theme-soft)}
.collection-chip-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-editor .picker-count{grid-column:1/-1;margin:0 0 2px;font-size:10px;color:var(--muted)}
@media(max-width:550px){.collection-picker-toolbar{gap:8px}.collection-picker-toolbar .collection-review-selected{max-width:130px;white-space:normal;height:38px;font-size:10px;padding:5px 8px}.collection-editor .collection-selected-summary{gap:8px}.collection-selected-summary button{max-width:160px}}

/* Dense collection picker with blurred cover backgrounds. */
.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(auto-fill,minmax(min(100%,165px),1fr));gap:10px}
.collection-editor .collection-game-choice{border-radius:5px}
.collection-choice-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:110px;overflow:hidden;border-radius:5px;background:var(--panel);isolation:isolate}
.collection-choice-backdrop{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;filter:blur(14px);opacity:.55;z-index:0}
.collection-choice-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10101888,#10101818);pointer-events:none;z-index:1}
.collection-choice-image{position:relative;z-index:2;display:block;width:auto;height:auto;max-width:calc(100% - 16px);max-height:94px;border-radius:5px;object-fit:contain;box-shadow:0 3px 10px #0005}
.collection-editor .collection-choice-mark{z-index:3;top:7px;right:7px;width:23px;height:23px}
.collection-editor .collection-choice-content{padding:9px;gap:6px}
.collection-editor .collection-choice-content>strong{font-size:11px;line-height:1.4}
.collection-editor .collection-choice-tags{gap:4px}
.collection-editor .collection-choice-tags small{font-size:8px;padding:3px 4px}
@media(max-width:600px){.personal-section .collection-editor .collection-picker{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:8px}}
/* Space between the game cover header and its description. */
.game-dialog-content>.game-description{margin-top:10px}
/* Explicit open state allows pointer leave and outside clicks to dismiss the profile. */
.profile-preview:hover>.profile-preview-card,.profile-preview:focus-within>.profile-preview-card{display:none}
.profile-preview[open]>.profile-preview-card{display:block}
.account>.profile-preview{margin-inline:5px}
/* Match cookie icon colour to the other legal navigation icons. */
html[data-theme] .shell>.panel-drawer .sidebar-legal button[data-cookie-settings] svg{color:var(--accent)}

.collection-review-selected .collection-selected-filter-icon{width:17px;height:17px;flex-shrink:0}
.collection-review-selected .collection-selected-filter-check{opacity:0}
.collection-review-selected[aria-pressed="true"] .collection-selected-filter-check{opacity:1}
.collection-review-selected[aria-pressed="true"]{background:var(--theme-soft);border-color:var(--accent);color:var(--theme-ink)}

.avatar[data-frame]{outline:2px solid var(--avatar-frame,#8cea55);outline-offset:3px}
.frame-picker{position:relative;width:100%;font-size:12px}
.frame-picker>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 13px;border:1px solid var(--border);border-radius:5px;background:var(--bg);cursor:pointer}
.frame-picker>summary::-webkit-details-marker{display:none}
.frame-picker>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.frame-picker-swatch{display:block;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff25;flex-shrink:0}
.frame-picker-arrow{width:16px;height:16px;margin-left:auto;color:var(--muted)}
.frame-picker-options{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);padding:7px;max-height:310px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:0 12px 32px #0006}
.frame-picker-options button{display:flex;justify-content:flex-start;gap:10px;width:100%;min-height:34px;padding:8px 10px;border:0;background:transparent;border-radius:5px;color:var(--muted);font-size:12px;text-align:left}
.frame-picker-options button>svg{width:16px;height:16px;margin-left:auto;visibility:hidden}
.frame-picker-options button[aria-pressed="true"]{background:var(--theme-soft);color:var(--theme-ink)}
.frame-picker-options button[aria-pressed="true"]>svg{visibility:visible}
.frame-picker-options button:hover{background:var(--theme-soft);color:#fff}

.avatar[data-frame="emerald"]{--avatar-frame:#8cea55}
.avatar[data-frame="purple"]{--avatar-frame:#c391ef}
.avatar[data-frame="cyan"]{--avatar-frame:#63dfee}
.avatar[data-frame="blue"]{--avatar-frame:#629dff}
.avatar[data-frame="pink"]{--avatar-frame:#f58bcd}
.avatar[data-frame="red"]{--avatar-frame:#f07885}
.avatar[data-frame="orange"]{--avatar-frame:#f3a46d}
.avatar[data-frame="gold"]{--avatar-frame:#e9c462}
.avatar[data-frame="silver"]{--avatar-frame:#bbc4d2}
.avatar[data-frame="white"]{--avatar-frame:#edf0f7}

.comment-admin-pages:empty{display:none}

.room-seat{position:relative}.room-seat>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.room-seat>small{position:absolute;right:-2px;bottom:-2px}

html[data-ratings="false"] :is(.hero-rating-summary,#community-rated){display:none!important}
.game-comments .comments-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start}
.game-comments .comments-heading .comments-total{margin:0;justify-self:end;align-self:start;white-space:nowrap}

.room-seat.taken{border:2px solid var(--avatar-frame,#8cea55)}.lobby-avatar{border:2px solid var(--avatar-frame,#8cea55)}
.account .language-options button span{display:inline!important}
select[hidden]{display:none!important}

.public-header{position:relative}.public-menu-toggle{display:none}.public-menu-panel{display:contents}.public-language{margin-left:auto}.public-header .public-account-actions{margin-left:0}
@media(max-width:760px){
 .public-header{flex-wrap:nowrap;gap:10px;min-height:68px;padding:12px 16px}.public-header .logo{flex-shrink:0}.public-header .logo img{width:145px}.public-language{margin-left:auto;flex-shrink:0}.public-language .language-picker summary span{display:none}.public-language .language-picker summary{padding:10px}.public-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;flex-shrink:0}
 .public-menu-panel{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);z-index:140;padding:12px;border:1px solid var(--border,#393140);border-radius:12px;background:var(--panel,#1b1b27);box-shadow:0 14px 34px #0007;max-height:calc(100dvh - 110px);overflow:auto}.public-header[data-menu-open] .public-menu-panel{display:block}.public-menu-panel .public-navigation{display:flex;flex-direction:column;align-items:stretch;gap:4px;order:0}.public-menu-panel .public-navigation a{padding:12px;font-size:13px;gap:10px}.public-menu-panel .public-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border,#393140)}.public-menu-panel .public-account-actions .btn{font-size:12px;padding:11px}.public-menu-panel .public-account-actions .btn:only-child{grid-column:1/-1}
}

.site-select{display:inline-block;width:100%;min-width:0}.site-select-trigger{width:100%;min-width:0;justify-content:space-between;gap:8px;text-align:left;padding:10px 12px;background:var(--bg,#101018);border:1px solid var(--border,#393140);border-radius:8px;color:var(--text,#f7f7f9);font-size:12px;font-weight:500}.site-select-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.site-select-trigger>svg{width:16px;height:16px;flex-shrink:0}.site-select-trigger[aria-expanded="true"]{border-color:var(--accent,#a487f3)}.site-select-trigger[aria-invalid="true"]{border-color:#ed8794}.site-select-menu{position:fixed;inset:auto;margin:0;padding:8px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border,#393140);border-radius:10px;background:var(--panel,#1b1b27);color:var(--muted,#b7acc8);box-shadow:0 12px 36px #0007;z-index:2000;font:12px system-ui}.site-select-menu[hidden]{display:none!important}.site-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.site-select-option[aria-selected="true"]{background:color-mix(in srgb,var(--accent,#a487f3) 14%,transparent);color:var(--accent,#a487f3)}.site-select-option:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 8%,transparent)}.site-select-option svg{width:16px;height:16px;flex-shrink:0}.site-select-trigger span,.site-select-option span{display:inline!important}.site-select-option:disabled{opacity:.45;cursor:not-allowed}.site-select-search{width:100%;box-sizing:border-box;margin:0 0 8px;padding:10px;border:1px solid var(--border,#393140);border-radius:7px;background:var(--bg,#101018);color:var(--text,#fff);font:inherit}.site-select-search[hidden]{display:none!important}.site-select-group{padding:12px 10px 5px;font-size:10px;font-weight:700}.toolbar .site-select{width:160px;max-width:160px;flex:0 1 160px}.toolbar .site-select-trigger{height:40px}.site-select-trigger:focus-visible,.site-select-option:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:2px}
@media(max-width:500px){.toolbar .site-select{max-width:130px}.toolbar .site-select-trigger{height:34px;padding:7px;font-size:11px}.site-select-option{min-height:42px}}

.public-language{order:2;margin-left:0}.public-menu-panel .public-navigation{order:1}.public-header .public-account-actions{order:3}@media(max-width:760px){.public-language{order:1;margin-left:auto}.public-menu-toggle{order:2}.public-menu-panel{order:3}}.room-pill svg{width:14px;height:14px;display:block}

.room-entry-icon{width:18px;height:18px;flex-shrink:0}

.site-select-trigger{display:flex!important;align-items:center;flex-wrap:nowrap;box-sizing:border-box;overflow:hidden}.site-select-trigger>.site-select-name{display:block!important;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-select-trigger>svg{display:block;flex:0 0 16px;width:16px;height:16px}.toolbar .site-select{min-width:0;flex-shrink:1}.toolbar .site-select-trigger{padding:8px 10px;border-radius:8px;font-weight:500;gap:6px}@media(max-width:500px){.toolbar .site-select{flex:1 1 110px;max-width:130px}.toolbar .site-select-trigger{padding:7px;gap:4px}}

.rooms-empty .rooms-empty-icon{display:block;width:48px;height:48px;margin:0 auto 18px;color:var(--accent,#a487f3);background:none;border:0;box-shadow:none}

.game-share{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:7px;border:1px solid #ffffff1a;border-radius:7px;background:#15121cd9;color:var(--text,#f4efff);z-index:5}.game-share svg{display:block;width:18px;height:18px;pointer-events:none}.game-share:hover{background:var(--panel,#292235);border-color:var(--accent,#a487f3)}.game{position:relative}.game>.game-share,.game .cover>.game-share{position:absolute;top:14px;right:52px}.game>.game-share{right:14px}.game .cover-labels{right:94px}.game-hero-tools>.game-share{position:static}.console-page-heading{position:relative;padding-right:44px}.console-page-heading>.game-share{position:absolute;right:0;top:0}.game-detail-hero{position:relative}.game-detail-hero>.game-share{position:absolute;top:18px;right:18px}.room-lobby-heading>.game-share{flex-shrink:0}@media(max-width:760px){.game .cover>.game-share{top:9px;right:45px}.game .cover-labels{right:84px}.game-detail-hero>.game-share{top:12px;right:12px}}

.game .cover>.game-share,.game>.game-share{width:30px;height:30px;min-width:30px;padding:0;top:12px}.game .cover>.game-share{right:48px}.game .cover>.game-share svg,.game>.game-share svg{width:17px;height:17px}.game-hero-tools>.game-share{width:34px;height:34px;min-width:34px;padding:0}.game-hero-tools>.game-share svg{width:18px;height:18px}@media(max-width:760px){.game .cover>.game-share,.game>.game-share{width:26px;height:26px;min-width:26px;top:9px}.game .cover>.game-share{right:41px}.game .cover>.game-share svg,.game>.game-share svg{width:15px;height:15px}}

@media(min-width:761px){.public-header{justify-content:flex-start;gap:10px}.public-header .public-menu-panel .public-navigation{flex:1;justify-content:center;margin-inline:20px}.public-header .public-language{margin-left:0;margin-right:0;flex-shrink:0}.public-header .public-account-actions{margin-left:0;flex-shrink:0}}

@media(max-width:760px){.public-menu-panel .public-account-actions{display:flex;align-items:stretch;flex-wrap:nowrap;gap:8px;width:100%;min-width:0}.public-menu-panel .public-account-actions>.btn{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;gap:6px;padding:10px clamp(5px,2vw,12px);font-size:clamp(10px,2.8vw,12px);white-space:nowrap;line-height:1.2}.public-menu-panel .public-account-actions>.btn.primary{flex-grow:1.45}.public-menu-panel .public-account-actions>.btn span{white-space:nowrap;min-width:0}.public-menu-panel .public-account-actions>.btn svg{flex:0 0 16px;width:16px;height:16px}}@media(max-width:340px){.public-menu-panel .public-account-actions{gap:5px}.public-menu-panel .public-account-actions>.btn{gap:4px;padding-inline:5px;font-size:10px}.public-menu-panel .public-account-actions>.btn svg{width:14px;height:14px;flex-basis:14px}}

#auth-form{width:100%;min-width:0;box-sizing:border-box}#auth-form [data-auth-captcha]{width:100%;min-width:0;box-sizing:border-box;display:flex;justify-content:center}#auth-form [data-auth-captcha]>div{max-width:100%}#auth-form>button.primary{width:100%;box-sizing:border-box}@media(max-width:600px){#modal{padding:12px}.dialog:has(#auth-form){width:min(480px,100%);padding:24px 16px;box-sizing:border-box}.dialog:has(#auth-form) input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box}}

.catalog-request-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.catalog-request-item{padding:18px 0;border-bottom:1px solid var(--border)}.catalog-request-item>header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-request-item p{font-size:12px;line-height:1.6}.catalog-request-details{white-space:pre-wrap;overflow-wrap:anywhere}.catalog-request-admin-form{display:grid;gap:12px}.catalog-request-admin-form label{display:grid;gap:7px;font-size:12px}.catalog-request-admin-form textarea,#catalog-request-form textarea{width:100%;box-sizing:border-box;resize:vertical;padding:12px;background:var(--bg);color:var(--text,#fff);border:1px solid var(--border);border-radius:8px;font:inherit}.request-classification{display:flex;gap:12px;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px}.request-classification[hidden]{display:none!important}.request-classification label{flex:1;min-width:120px}.request-admin-pages{display:flex;align-items:center;gap:12px;margin-top:18px}

/* Keep section menus on one horizontally scrollable row. */
.tabs.admin-navigation,.personal-tabs.personal-navigation{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-width:0;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tabs.admin-navigation>button,.personal-tabs.personal-navigation>button{flex:0 0 auto}
#cookie-preferences .settings-toggle{justify-content:space-between;gap:16px;margin:0;padding:10px 0}
#cookie-preferences .settings-toggle input:disabled+.settings-switch{opacity:.6;cursor:not-allowed}

.catalog-heading-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}.catalog-heading-actions .catalog-filter-panel{width:auto!important;flex:0 0 auto}.catalog-heading-actions .catalog-filter-panel>summary,.catalog-request-button{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:12px;padding:11px 15px;border-radius:8px}.catalog-request-button{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--text,#eee);transition:background .18s,border-color .18s}.catalog-request-button:hover{background:color-mix(in srgb,var(--accent) 24%,var(--panel));border-color:var(--accent)}.catalog-request-button svg{width:20px;height:20px;flex:0 0 20px;color:var(--accent)}.catalog-search-row .catalog-heading-actions{align-self:end}.catalog-heading-actions .catalog-filter-popover{width:320px;max-width:calc(100vw - 40px)}[data-more-games]{display:block;margin:24px auto;min-height:44px;padding:12px 24px}@media(max-width:760px){.catalog-heading-actions{width:100%;gap:8px}.catalog-heading-actions .catalog-filter-panel{flex:0 0 auto;width:auto!important}.catalog-heading-actions .catalog-filter-popover{left:0;right:auto}.catalog-heading-actions .catalog-request-button{flex:1}.catalog-heading-actions .catalog-filter-panel>summary,.catalog-request-button{padding:10px 12px}}

.catalog-request-item{margin:16px 0;padding:20px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 30%,var(--panel));box-shadow:0 4px 16px #0000000a}.catalog-request-item>header{align-items:center}.catalog-request-item>header>strong{font-size:15px;overflow-wrap:anywhere;min-width:0}.request-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.request-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.request-status-pending{color:#e5bc69;background:#d6a13a12}.request-status-reviewing{color:#89b9f5;background:#5396ec12}.request-status-completed{color:#83d8aa;background:#44c78312}.request-status-rejected{color:#ec9aa6;background:#e96f8312}.request-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px;margin:14px 0}.request-expand{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.request-expand>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--accent);cursor:pointer}.request-expand>summary::-webkit-details-marker{display:none}.request-expand>summary svg{width:17px;height:17px;transition:transform .18s}.request-expand[open]>summary svg{transform:rotate(180deg)}.request-expand>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.request-expanded-body{padding-top:10px}.request-expanded-body h4{font-size:12px;margin:12px 0 6px}.request-response{border-left:3px solid var(--accent);padding:1px 14px 12px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 8px 8px 0;margin-top:16px}.request-response time{color:var(--muted);font-size:11px}.request-response-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;padding:10px 14px;font-size:12px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));border:1px solid var(--border);border-radius:8px;color:var(--accent)}.request-response-link svg{width:17px;height:17px}.catalog-request-admin-form{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}.catalog-request-admin-form input[name=response_url]{width:100%;min-width:0;box-sizing:border-box}@media(max-width:600px){.catalog-request-item{padding:15px}.catalog-request-item>header{align-items:flex-start}.request-status{font-size:10px;padding:5px 8px}}

.requests-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.requests-admin-toolbar h2{margin:0 0 8px}.requests-admin-toolbar p{margin:0;color:var(--muted);font-size:12px}.requests-admin-toolbar>label{width:190px;flex:0 0 190px;font-size:12px}.requests-admin-toolbar select{margin-top:7px}.request-admin-row{border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 25%,var(--panel));border-radius:12px;margin:12px 0;overflow:hidden}.request-admin-row>summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:18px}.request-admin-row>summary::-webkit-details-marker{display:none}.request-row-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;color:var(--accent)}.request-row-icon svg{width:19px;height:19px}.request-row-title{flex:1;min-width:0}.request-row-title strong{display:block;font-size:14px;overflow-wrap:anywhere}.request-row-title small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}.request-row-chevron{width:18px;height:18px;flex:0 0 18px;color:var(--muted);transition:transform .18s}.request-admin-row[open]>summary{border-bottom:1px solid var(--border)}.request-admin-row[open] .request-row-chevron{transform:rotate(180deg)}.request-admin-row>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.request-admin-expanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:24px}.request-admin-expanded h3{font-size:15px;margin:0 0 20px}.request-original .eyebrow{display:block;margin-bottom:10px;font-size:11px}.request-original dl{display:grid;gap:14px;margin:0 0 24px}.request-original dt{font-size:11px;color:var(--muted);margin-bottom:5px}.request-original dd{font-size:12px;margin:0;overflow-wrap:anywhere}.request-original h4{font-size:12px}.request-moderation{padding-left:28px;border-left:1px solid var(--border)}.request-moderation .catalog-request-admin-form{margin:0;border:0;padding:0;grid-template-columns:1fr 1fr;gap:16px}.request-moderation .catalog-request-admin-form>label,.request-moderation fieldset,.request-moderation .form-error{grid-column:1/-1}.request-moderation .catalog-request-admin-form>button{width:auto;justify-self:start;min-height:40px;padding:10px 20px}.request-moderation textarea{min-height:100px}.request-moderation select{width:100%}.request-admin-expanded .catalog-request-details{line-height:1.8;font-size:12px}@media(max-width:800px){.request-admin-expanded{grid-template-columns:1fr;gap:22px;padding:18px}.request-moderation{border-left:0;border-top:1px solid var(--border);padding:22px 0 0}}@media(max-width:540px){.requests-admin-toolbar{align-items:stretch;flex-direction:column;gap:16px}.requests-admin-toolbar>label{width:100%;flex:auto}.request-admin-row>summary{gap:10px;padding:14px;flex-wrap:wrap}.request-row-title{flex-basis:calc(100% - 60px)}.request-admin-row>summary>.request-status{margin-left:48px}.request-row-chevron{margin-left:auto}.request-moderation .catalog-request-admin-form{grid-template-columns:1fr}.request-moderation .catalog-request-admin-form>button{width:100%;justify-self:stretch}}

.request-moderation .request-linked-game{grid-column:1/-1;padding:14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.request-linked-game span,.request-linked-game small{display:block;font-size:11px;color:var(--muted)}.request-linked-game strong{display:block;font-size:13px;margin:8px 0}.request-moderation input[type=search],.request-moderation input[name=response_url]{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text,#eee);font:inherit}

.request-game-card{display:flex;align-items:center;gap:16px;width:100%;max-width:440px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--text,#eee)}.request-game-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--panel))}.request-game-card img{width:58px;height:76px;object-fit:contain;border-radius:5px;background:var(--bg);flex:0 0 58px}.request-game-card strong{display:block;font-size:13px}.request-game-card small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.request-game-details{display:block;font-size:11px;color:var(--accent);margin-top:10px}

.dashboard-ranking-scroll{max-height:390px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px;min-width:0}.dashboard-ranking-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.dashboard-ranking-scroll .report-bar-label>span,.dashboard-ranking-scroll .row>span{min-width:0;overflow-wrap:anywhere}.dashboard-ranking-scroll .row{gap:16px}.dashboard-ranking-scroll .row>strong{white-space:nowrap}.dashboard-ranking-footer{border-top:1px solid var(--border);padding-top:14px;margin-top:16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.dashboard-ranking-footer>span{font-size:11px;color:var(--muted)}.dashboard-ranking-footer button{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:9px 12px}.dashboard-ranking-footer svg{width:16px;height:16px}@media(max-width:600px){.dashboard-ranking-scroll{max-height:330px}}

.ranking-report-actions{display:flex;gap:8px;flex-wrap:wrap}.ranking-report-dialog{max-width:850px!important;width:calc(100% - 32px)!important}.ranking-report-table{max-height:55vh;overflow:auto;margin:18px 0}.ranking-report-table th{position:sticky;top:0;background:var(--panel);z-index:1}.ranking-report-meta{font-size:12px;color:var(--muted)}
.frequent-players-panel{position:relative;min-height:0}.frequent-ranking-body{position:absolute;top:68px;bottom:24px;left:24px;right:24px;display:flex;flex-direction:column;min-height:0}.frequent-ranking-body .dashboard-ranking-scroll{flex:1;min-height:0;max-height:none}.frequent-ranking-body .dashboard-ranking-footer,.frequent-ranking-body .report-caption{flex:0 0 auto}.frequent-ranking-body .report-caption{margin-bottom:0}@media(max-width:760px){.frequent-ranking-body{position:static;display:block}.frequent-ranking-body .dashboard-ranking-scroll{max-height:330px}}

.dashboard-frequency-scroll{max-height:340px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.dashboard-frequency-scroll th{position:sticky;top:0;z-index:1;background:var(--panel)}.dashboard-frequency-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.community-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.community-health-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 35%,var(--panel));min-width:0}.community-health-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;margin-bottom:16px}.community-health-icon svg{width:22px;height:22px}.health-active .community-health-icon{color:#83d8aa;background:#44c78318}.health-blocked .community-health-icon{color:#e5bc69;background:#d6a13a18}.health-banned .community-health-icon{color:#ec9aa6;background:#e96f8318}.community-health-card>span:not(.community-health-icon){font-size:11px;color:var(--muted);line-height:1.7}.community-health-card strong{font-size:27px;margin-top:9px}.community-health-panel .report-caption{padding-top:15px;border-top:1px solid var(--border)}@media(min-width:761px) and (max-width:1100px){.community-health-grid{grid-template-columns:1fr}.community-health-card{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center}.community-health-icon,.community-health-card strong{margin:0}}@media(max-width:450px){.community-health-grid{grid-template-columns:1fr}.community-health-card{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center}.community-health-icon,.community-health-card strong{margin:0}}

.request-admin-open{width:100%;display:flex;align-items:center;gap:14px;padding:18px;background:transparent;border:0;border-radius:0;text-align:left;justify-content:flex-start}.request-admin-open:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.request-admin-open>.request-status{flex:0 0 auto}.request-admin-open .request-row-chevron{transform:rotate(-90deg)}.request-moderation-dialog{width:calc(100% - 32px)!important;max-width:980px!important}.request-moderation-dialog .request-admin-expanded{padding:16px 0 0}.request-moderation-dialog>h2{padding-right:35px}@media(max-width:540px){.request-admin-open{gap:10px;padding:14px;flex-wrap:wrap}.request-admin-open>.request-status{margin-left:48px}}

.request-own-row{border:1px solid var(--border);border-radius:10px;margin:10px 0;overflow:hidden;background:color-mix(in srgb,var(--bg) 25%,var(--panel))}.request-own-open{width:100%;padding:15px 17px;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;gap:14px;text-align:left}.request-own-open:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.request-own-open .request-row-title small{margin-top:5px}.request-own-details{font-size:11px;color:var(--accent);white-space:nowrap}.request-own-dialog{max-width:650px!important}.request-own-dialog h2{padding-right:30px;overflow-wrap:anywhere}.request-own-modal-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.request-own-dialog .request-expand{border:0;padding:0;margin-top:10px}.request-own-dialog .request-expand>summary{display:none}.request-own-dialog .request-meta{margin-top:18px}.request-own-dialog .request-expanded-body{padding-top:0}@media(max-width:600px){.request-own-open{gap:10px;padding:13px;flex-wrap:wrap}.request-own-open .request-row-title{flex-basis:calc(100% - 60px)}.request-own-open .request-status{margin-left:48px}.request-own-details{margin-left:auto}}

.request-own-open{display:grid;grid-template-columns:38px minmax(160px,1fr) minmax(180px,1.3fr) auto auto;gap:16px;padding:14px 17px}.request-own-activity{display:grid;gap:8px;min-width:0}.request-activity-tags{display:flex;gap:8px;flex-wrap:wrap}.request-response-indicator,.request-linked-indicator{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:500}.request-response-indicator svg,.request-linked-indicator svg{width:15px;height:15px;flex:0 0 15px}.request-response-indicator.answered{color:#83d8aa}.request-linked-indicator{color:var(--accent)}.request-response-preview{font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}@media(max-width:1050px){.request-own-open{grid-template-columns:38px minmax(0,1fr) auto}.request-own-activity{grid-column:2;grid-row:2}.request-own-open>.request-status{grid-column:3;grid-row:1}.request-own-details{grid-column:3;grid-row:2}.request-own-open .request-row-icon{grid-row:1/3}.request-own-open .request-status{margin-left:0}}@media(max-width:600px){.request-own-open{gap:10px}.request-activity-tags{gap:6px}.request-own-details{font-size:10px}.request-own-open .request-row-title small{font-size:10px}}
/* Match action buttons and select controls in the dashboard and request forms. */
.report-toolbar .actions>button,.report-toolbar .period-label select,.report-toolbar .site-select-trigger,.requests-admin-toolbar select,.requests-admin-toolbar .site-select-trigger,.request-moderation .catalog-request-admin-form>button,.request-moderation select,.request-moderation .site-select-trigger,.ranking-report-actions>button,.dashboard-ranking-footer button{box-sizing:border-box;height:40px;min-height:40px;max-height:40px;padding-top:0;padding-bottom:0;align-items:center;justify-content:center;line-height:1.2}
.report-toolbar .period-label .site-select,.requests-admin-toolbar .site-select,.request-moderation .site-select{height:40px;min-height:40px}
.report-toolbar .actions{align-items:flex-end}.ranking-report-actions{align-items:center}


.request-game-preview{grid-column:1/-1;min-width:0;width:100%}.request-game-preview:empty{display:none}.admin-linked-game-card{display:flex;align-items:flex-start;gap:14px;width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));min-width:0}.admin-linked-game-card>img{width:74px;height:100px;object-fit:contain;flex:0 0 74px;border-radius:6px;background:var(--bg)}.admin-linked-game-card>div{min-width:0;flex:1}.admin-linked-game-card strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.admin-linked-game-meta{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 8px}.admin-linked-game-mode{display:inline-block;font-size:10px;color:var(--accent);border-radius:5px;padding:4px 7px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.admin-linked-game-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.7;margin:10px 0 0}@media(max-width:450px){.admin-linked-game-card{padding:12px;gap:10px}.admin-linked-game-card>img{width:60px;height:85px;flex-basis:60px}}
.request-own-details{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px}.request-own-details svg{display:block;width:18px;height:18px}

/* Linked-game artwork stretches with the information panel. */
.admin-linked-game-card{align-items:stretch;padding:10px;gap:12px}.admin-linked-cover{position:relative;display:block;flex:0 0 100px;min-height:110px;align-self:stretch;overflow:hidden;border-radius:5px;background:var(--bg);padding:10px}.admin-linked-cover-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.15);opacity:.55;pointer-events:none}.admin-linked-cover-image{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;border-radius:5px;z-index:1}@media(max-width:450px){.admin-linked-game-card{padding:10px;gap:10px}.admin-linked-cover{flex-basis:85px}}

.console-page-heading{padding-right:0}.console-heading-tools{display:flex;align-items:flex-start;gap:10px;flex:0 0 auto;--console-action-size:40px}.console-heading-tools .console-header-rating{flex:0 1 320px;margin:0;width:320px;min-width:0}.console-game-actions{display:grid;grid-template-rows:repeat(2,var(--console-action-size));gap:6px;flex:0 0 var(--console-action-size);width:var(--console-action-size)}.console-game-actions>.game-share,.console-game-actions>.hero-favorite{position:static;inset:auto;margin:0;width:var(--console-action-size);height:var(--console-action-size);min-width:0;min-height:0;max-height:none;padding:0;display:grid;place-items:center;border-radius:5px;box-sizing:border-box;background:transparent;border:1px solid var(--border);color:inherit;backdrop-filter:none}.console-game-actions button svg{width:18px;height:18px}.console-game-actions button:hover{border-color:var(--accent);color:var(--accent)}.console-game-actions .console-favorite[aria-pressed=true]{color:var(--accent)}@media(min-width:1101px){.console-page-heading{grid-template-columns:minmax(0,1fr) auto;gap:24px}}@media(max-width:850px){.console-heading-tools{width:min(100%,390px);align-self:flex-start}.console-heading-tools .console-header-rating{flex:1;width:auto;align-self:stretch}}

.room-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.room-heading-actions>.game-share,.room-heading-actions>.hero-favorite{position:static;inset:auto;display:grid;place-items:center;width:40px;height:40px;min-width:40px;margin:0;padding:0;box-sizing:border-box;border-radius:8px;background:transparent;border:1px solid var(--border);color:inherit;backdrop-filter:none}.room-heading-actions .room-back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:40px;min-height:40px;padding:0 15px;border-radius:8px;font-size:12px;white-space:nowrap;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--text,#eee)}.room-heading-actions button svg{width:18px;height:18px;flex:0 0 18px}.room-heading-actions button:hover{border-color:var(--accent);color:var(--accent)}.room-heading-actions .room-heading-favorite[aria-pressed=true]{color:var(--accent)}@media(max-width:760px){.room-heading-actions{align-self:flex-end;max-width:100%;gap:8px}.room-heading-actions .room-back-button{padding:0 12px}}

.basic-profile-panel{max-width:780px;margin-bottom:24px}.basic-profile-panel h2{margin-top:0}.basic-profile-panel form{max-width:620px}.basic-profile-panel .field input{width:100%}.basic-profile-panel .profile-photo-editor{margin-bottom:24px}.basic-profile-feedback{font-size:12px;color:var(--accent);line-height:1.7}.basic-profile-feedback:empty{display:none}

.lobby-member .member-readiness.offline{color:#f08b9b;font-weight:600}.lobby-member .presence.offline{background:#827b8b}.lobby-member .presence.away{background:#e6bb65}

.room-grid .room-card[hidden]{display:none!important}#rooms-pagination{margin:22px 0}

/* Library actions occupy their own row after the title and description. */
.welcome:has(>.catalog-heading-actions){flex-direction:column;align-items:stretch;gap:18px}.welcome:has(>.catalog-heading-actions)>div:first-child{width:100%;min-width:0;flex:auto}.welcome>.catalog-heading-actions{width:100%;flex:none;justify-content:flex-start}.welcome>.catalog-heading-actions .catalog-request-button{flex:0 1 auto}@media(max-width:760px){.welcome>.catalog-heading-actions{gap:8px;flex-wrap:nowrap}.welcome>.catalog-heading-actions .catalog-request-button{flex:1;min-width:0}.welcome:has(>.catalog-heading-actions) h1{max-width:100%}.welcome:has(>.catalog-heading-actions)>div:first-child p{max-width:100%}}
@media(max-width:760px){.catalog-heading-actions .catalog-filter-popover{left:auto;right:0;width:min(320px,calc(100vw - 40px));max-width:calc(100vw - 40px)}}

/* Wide library headers keep actions beside the title; narrow screens retain their own row. */
@media(min-width:1000px){.welcome:has(>.catalog-heading-actions){flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.welcome:has(>.catalog-heading-actions)>div:first-child{flex:1 1 0;width:auto;min-width:0}.welcome>.catalog-heading-actions{width:auto;flex:0 0 auto;justify-content:flex-end}.welcome>.catalog-heading-actions .catalog-request-button{flex:0 0 auto}}

.dialog>button.close{display:grid!important;place-items:center!important;width:32px;height:32px;min-width:32px;min-height:32px;padding:0!important;line-height:1;box-sizing:border-box}.dialog>button.close>svg{display:block;width:16px;height:16px;margin:0;flex:none}.request-own-dialog{max-width:640px!important;padding:28px!important}.request-detail-header{padding-right:28px}.request-detail-kind{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--muted)}.request-detail-kind svg{width:16px;height:16px;color:var(--accent)}.request-detail-kind>span{margin-left:auto}.request-detail-header h2{font-size:23px;line-height:1.35;margin:12px 0 14px!important;padding:0!important}.request-detail-status{display:flex;gap:8px;align-items:center}.request-platform-tag{font-size:10px;border:1px solid var(--border);border-radius:6px;padding:6px 9px;color:var(--muted)}.request-detail-header>p{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0 0}.request-detail-dates{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0;margin:6px 0 4px;border-bottom:1px solid var(--border)}.request-detail-dates>div{display:grid;gap:5px}.request-detail-dates span{font-size:10px;color:var(--muted)}.request-detail-dates time{font-size:11px}.request-detail-section{margin-top:20px}.request-detail-section h3{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 10px}.request-detail-section h3 svg{width:17px;height:17px;color:var(--accent);flex:0 0 17px}.request-detail-message{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.request-detail-section:not(.request-detail-answer)>.request-detail-message{padding:14px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--bg) 25%,var(--panel))}.request-detail-answer{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));padding:16px}.request-detail-answer.answer-completed{border-color:#83d8aa45;background:#44c7830a}.request-detail-answer.answer-rejected{border-color:#ec9aa640;background:#e96f8309}.request-detail-answer.answer-completed h3 svg{color:#83d8aa}.request-detail-answer.answer-rejected h3 svg{color:#ec9aa6}.request-detail-waiting{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:12px;line-height:1.7}.request-detail-waiting svg{width:20px;height:20px;flex:0 0 20px}.request-detail-game{max-width:none;justify-content:flex-start;gap:14px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.request-detail-game>span{min-width:0;flex:1}.request-detail-game img{width:66px;height:88px;flex-basis:66px;border-radius:5px}.request-detail-game strong{font-size:13px;line-height:1.6}.request-detail-chevron{width:18px;height:18px;flex:0 0 18px;color:var(--accent)}@media(max-width:500px){.request-own-dialog{padding:22px 18px!important}.request-detail-header h2{font-size:21px}.request-detail-dates{gap:16px}.request-detail-game{padding:10px}.request-detail-game img{width:56px;height:76px;flex-basis:56px}}

/* Shared photo editor and consistent free/Premium profile spacing. */
.personal-section:has(>.basic-profile-panel){padding:0}
.basic-profile-panel{box-sizing:border-box;width:100%;max-width:none;margin:0 0 24px;padding:28px}
.basic-profile-panel form{width:100%;max-width:680px;min-width:0}
.profile-photo-editor>div:last-child{min-width:0;flex:1}
.profile-photo-editor .profile-photo-action{display:inline-grid;place-items:center;vertical-align:middle;width:40px;height:40px;min-width:40px;padding:0;margin:0 6px 0 0;border-radius:8px;cursor:pointer}
.profile-photo-action svg{display:block;width:19px;height:19px;pointer-events:none}
.profile-photo-action.profile-photo-remove:hover{color:#ff929f;border-color:#ff929f}
.profile-photo-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.profile-photo-editor .micro{line-height:1.7;margin:10px 0 0}
@media(max-width:760px){
.basic-profile-panel{padding:20px}
.personal-section[data-personal-section="profile"]{min-width:0;width:100%;box-sizing:border-box}
.profile-photo-editor{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;margin:20px 0 24px;align-items:center}
.profile-photo-preview{width:112px;height:112px;font-size:42px;box-sizing:border-box}
.profile-photo-editor .micro{font-size:10px;overflow-wrap:anywhere}
.basic-profile-panel form{max-width:none}
}
@media(max-width:360px){.profile-photo-editor{grid-template-columns:100px minmax(0,1fr);gap:12px}.profile-photo-preview{width:100px;height:100px}.basic-profile-panel{padding:16px}}
/* Room actions and rating share one aligned header column. */
.room-lobby-heading{align-items:flex-start}.room-lobby-heading>div:first-child{min-width:0;flex:1}.room-heading-tools{display:grid;gap:10px;width:280px;max-width:100%;flex:0 0 auto;min-width:0}.room-heading-tools .room-heading-actions{display:grid;grid-template-columns:40px 40px minmax(0,1fr);width:100%;max-width:100%;gap:8px;align-self:auto}.room-heading-tools .room-back-button{width:100%;padding:0 10px;font-size:11px}.room-heading-tools .lobby-game-rating{box-sizing:border-box;width:100%;margin:0;padding:12px 14px}.room-heading-tools .rating-editor-heading{font-size:11px}.room-heading-tools .rating-buttons{display:flex;justify-content:space-between;gap:4px}.room-heading-tools .rating-buttons button{font-size:23px;padding:3px 4px}.room-heading-tools .rating-feedback{font-size:9px;margin:5px 0 0}.room-heading-tools .rating-summary{margin:3px 0}
@media(max-width:650px){.room-heading-tools{width:100%;align-self:stretch}.room-heading-tools .room-heading-actions{grid-template-columns:40px 40px minmax(0,1fr)}.room-heading-tools .lobby-game-rating{padding:12px 16px}.room-heading-tools .rating-buttons{max-width:none}}
/* Keep rating stars grouped rather than stretched across the header card. */
.room-heading-tools .rating-buttons{justify-content:flex-start;gap:5px;width:max-content;max-width:100%}
.password-input-wrap{position:relative;display:block;width:100%}.field .password-input-wrap input{box-sizing:border-box;width:100%;padding-right:48px}.password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.password-visibility svg{display:block;width:19px;height:19px}.password-visibility:hover{color:var(--accent);background:#a487f30a}.password-visibility:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#auth-form .micro{font-size:10px;line-height:1.7;margin:0 0 16px}#auth-form .field{margin-bottom:14px}

.profile-preview-actions{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin-top:14px}.profile-preview-actions button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:9px 6px;font-size:11px;white-space:nowrap}.profile-preview-actions svg{width:16px;height:16px}.username-status{min-height:1.5em}.username-status[data-state=available]{color:#89cda6}.username-status[data-state=taken]{color:#ef9aa8}

.email-verification{margin:0 0 22px;padding:16px;border:1px solid var(--border);border-radius:10px}.email-verification strong{color:var(--text)}.email-verification .micro{margin:7px 0}.email-verification button{margin-top:8px}

.main>.email-verification{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));margin:0 0 24px}.main>.email-verification>div{flex:1;min-width:200px}.main>.email-verification button{margin:0;flex-shrink:0}.main>.email-verification>p{flex-basis:100%;margin:0}.main>.email-verification .micro{line-height:1.6}

.main>.email-verification-dismissible{position:relative;padding-right:54px}.main>.email-verification .email-verification-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:6px;margin:0;border:0;background:transparent;color:var(--muted)}.email-verification-close svg{display:block;width:17px;height:17px}.main>.email-verification .email-verification-close:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent)}

.main>.email-verification-dismissible{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;column-gap:20px;row-gap:0;padding:20px 22px;margin-bottom:24px}.main>.email-verification-dismissible>div{min-width:0}.main>.email-verification-dismissible strong{display:block;font-size:18px;line-height:1.4;color:var(--text);font-weight:700}.main>.email-verification-dismissible>div .micro{margin:6px 0 0;font-size:12px;line-height:1.6}.main>.email-verification-dismissible>button:not(.email-verification-close){grid-column:2;grid-row:1;min-height:40px;padding:10px 16px;align-self:center}.main>.email-verification-dismissible .email-verification-close{position:static;grid-column:3;grid-row:1;align-self:center}.main>.email-verification-dismissible>p{grid-column:1 / -1;margin:0}.main>.email-verification-dismissible>p:empty{display:none}.main>.email-verification-dismissible>p:not(:empty){margin-top:12px}@media(max-width:600px){.main>.email-verification-dismissible{grid-template-columns:minmax(0,1fr) 30px;padding:18px;gap:0 12px}.main>.email-verification-dismissible strong{font-size:17px}.main>.email-verification-dismissible .email-verification-close{grid-column:2;align-self:start}.main>.email-verification-dismissible>button:not(.email-verification-close){grid-column:1;grid-row:2;justify-self:start;margin-top:14px}.main>.email-verification-dismissible>p{grid-row:3}}

.main>.email-verification-dismissible{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 30%,var(--panel)),color-mix(in srgb,var(--accent) 12%,var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 72%,var(--border));border-left:4px solid var(--accent);box-shadow:0 5px 22px color-mix(in srgb,var(--accent) 13%,transparent)}.main>.email-verification-dismissible strong{color:#fff}.main>.email-verification-dismissible>div .micro{color:#e9e3f3}.main>.email-verification-dismissible>button:not(.email-verification-close){background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 65%,white);color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 24%,transparent)}.main>.email-verification-dismissible>button:not(.email-verification-close):hover{filter:brightness(1.12)}.main>.email-verification-dismissible .email-verification-close{color:#e9e3f3}

.main>.email-verification-dismissible{grid-template-columns:44px minmax(0,1fr) auto 30px;column-gap:16px}.email-verification-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 30%,transparent);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:#fff}.email-verification-icon svg{width:25px;height:25px;display:block}.main>.email-verification-dismissible>div{grid-column:2;grid-row:1}.main>.email-verification-dismissible>button:not(.email-verification-close){grid-column:3}.main>.email-verification-dismissible .email-verification-close{grid-column:4}@media(max-width:600px){.main>.email-verification-dismissible{grid-template-columns:36px minmax(0,1fr) 30px;column-gap:10px}.email-verification-icon{width:36px;height:36px;border-radius:10px;align-self:start}.email-verification-icon svg{width:22px;height:22px}.main>.email-verification-dismissible .email-verification-close{grid-column:3}.main>.email-verification-dismissible>button:not(.email-verification-close){grid-column:2;grid-row:2}}

.main>.email-verification-dismissible{background:linear-gradient(110deg,#49300f,#302519);border-color:#d59a32;border-left-color:#ffbf47;box-shadow:0 5px 22px #e59b171a}.main>.email-verification-dismissible strong{color:#ffcf70}.main>.email-verification-dismissible>div .micro{color:#f7e5bf}.main>.email-verification-dismissible .email-verification-icon{background:#ffbf471a;border-color:#e3a63c80;color:#ffcf70}.main>.email-verification-dismissible>button:not(.email-verification-close){background:#ffc04d;border-color:#ffd78c;color:#291b05;box-shadow:0 3px 12px #ffbd4726;font-weight:750}.main>.email-verification-dismissible>button:not(.email-verification-close):hover{background:#ffd078;filter:none}.main>.email-verification-dismissible .email-verification-close{color:#f7dba4}.main>.email-verification-dismissible .email-verification-close:hover{background:#ffbf471a;color:#fff1d3}

.game-launch-actions>.game-unavailable-notice{display:flex;align-items:center;gap:12px;flex:1 1 100%;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:14px 16px;text-align:left;font-size:13px;line-height:1.6}.game-unavailable-notice svg{width:21px;height:21px;flex:0 0 21px}.game-unavailable-notice span{min-width:0}

.game-modal-footer .game-launch-actions>.game-unavailable-notice{grid-column:1 / -1;width:100%;min-width:0;justify-self:stretch}


.console-controls-guide{margin:20px 0 28px;padding:0;border:0}.console-controls-guide h3{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.5}.console-controls-guide p{margin:0;font-size:11px;line-height:2;color:var(--muted)}.console-controls-guide kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;margin:0 2px;padding:1px 5px;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 9%,var(--panel));border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font:10px Inter,system-ui;color:var(--text)}

.room-session-panel>.room-controls-guide{padding:0 24px;margin:20px 0 16px}@media(max-width:600px){.room-session-panel>.room-controls-guide{padding:0 16px}}

.main>.email-verification-dismissible{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:none}.main>.email-verification-dismissible strong{color:var(--accent)}.main>.email-verification-dismissible>div .micro{color:var(--muted)}.main>.email-verification-dismissible .email-verification-icon{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--border);color:var(--accent)}.main>.email-verification-dismissible>button:not(.email-verification-close){background:#64d99c;border-color:#8ce6b4;color:#102a1c;box-shadow:0 3px 10px #37b87519}.main>.email-verification-dismissible>button:not(.email-verification-close):hover{background:#89e6b3;filter:none}.main>.email-verification-dismissible .email-verification-close{color:var(--muted)}.main>.email-verification-dismissible .email-verification-close:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}

.confirmation-dialog.confirmation-success .confirmation-icon{background:linear-gradient(145deg,#24573d,#193426);border-color:#62d99a80;color:#8ce6b4}.confirmation-dialog.confirmation-success .confirmation-icon:before{background:#62d99a25}

.account-current-email{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.account-current-email-value{min-width:0;flex:1}.account-current-email-value strong{overflow-wrap:anywhere}.account-email-verification{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.account-email-verification svg{display:block;width:18px;height:18px;flex-shrink:0}.account-email-verification.is-verified{color:#8bd6a4}.account-email-verification.is-unverified{color:#e6ba6b}

.account-current-email-value{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.account-current-email-value small,.account-current-email-value strong{display:block;line-height:1.5}.account-current-email-value small{margin:0}.account-current-email-value strong{margin:0;max-width:100%}

/* Home amplo e autenticação alinhada */
main.landing:has(>.hero-cinematic){width:100%;max-width:1600px;padding:48px 40px}.landing:has(>.hero-cinematic) #games>.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.landing:has(>.hero-cinematic) #games>.grid>.game{min-width:0}.dialog:has(#auth-form){width:min(520px,100%);padding:30px;box-sizing:border-box}#auth-form .field,#auth-form .field input:not([type=checkbox]),#auth-form .password-input-wrap{width:100%;min-width:0;box-sizing:border-box}#auth-form [data-auth-captcha]{display:block;width:100%;margin:18px 0 4px}#auth-form [data-auth-captcha]>div{width:100%;max-width:100%}#auth-form [data-auth-captcha] iframe{max-width:100%}@media(min-width:400px){#auth-form [data-auth-captcha]>div{width:100%!important}#auth-form [data-auth-captcha] iframe{width:100%!important}}@media(max-width:1199px){.landing:has(>.hero-cinematic) #games>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){main.landing:has(>.hero-cinematic){padding:30px 20px}.landing:has(>.hero-cinematic) #games>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dialog:has(#auth-form){padding:24px 20px}}@media(max-width:380px){.landing:has(>.hero-cinematic) #games>.grid{grid-template-columns:1fr}.dialog:has(#auth-form){padding:22px 16px}}

.profile-preview>.profile-preview-card{top:calc(100% + 22px)}

/* Header balloons share the language menu palette. */
.profile-preview>.profile-preview-card{background:var(--panel,#1b1b27);border-color:var(--border,#393140);color:var(--muted,#aba4b8);box-shadow:0 12px 32px #0005}.profile-preview-card:before{background:var(--panel,#1b1b27);border-color:var(--border,#393140)}.profile-preview-name strong{color:var(--text,#f7f7f9)}

/* Language list arrow stays outside its scrolling options. */
.language-picker[open]::after{content:"";position:absolute;top:calc(var(--language-panel-top,100%) - 7px);left:50%;width:12px;height:12px;box-sizing:border-box;background:var(--panel,#1b1b27);border-top:1px solid var(--border,#393140);border-left:1px solid var(--border,#393140);transform:translateX(-50%) rotate(45deg);pointer-events:none;z-index:2}.language-picker .language-options{isolation:isolate}

.community-health-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.community-health-card .community-health-icon{margin-left:auto;margin-right:auto}.admin-activity-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:22px 0}.admin-activity-filters label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:140px;font-size:11px;color:var(--muted)}.admin-activity-filters input,.admin-activity-filters select{width:100%;min-height:40px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.admin-activity-counts{display:flex;gap:10px;flex-wrap:wrap}.admin-activity-counts span{font-size:12px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted)}

#admin-activity-panel{padding:0;border:0;background:transparent;box-shadow:none}.admin-user-history>header h2{font-size:24px;margin:0 0 8px}.admin-user-history .admin-activity-filters{padding:20px;display:flex}.admin-history-person{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.admin-history-person>span{margin-left:6px;color:var(--accent)}.admin-user-history [data-activity-error]:empty{display:none}

.admin-history-row{cursor:pointer}.admin-history-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.admin-history-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dialog.admin-activity-dialog{width:min(860px,100%)}.admin-activity-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.admin-activity-details>div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px}.admin-activity-details dt{font-size:11px;color:var(--muted);margin-bottom:6px}.admin-activity-details dd{margin:0;font-size:13px;overflow-wrap:anywhere;line-height:1.6}.admin-activity-dialog td small{display:block;color:var(--muted);margin-top:5px}.admin-activity-dialog table{font-size:11px}@media(max-width:600px){.admin-activity-details{grid-template-columns:1fr;gap:10px}}

.comment-admin-toolbar>div:not(.site-select){flex:1;min-width:0}.comment-admin-toolbar>select,.comment-admin-toolbar>.site-select{flex:0 0 280px;width:280px;max-width:100%;min-width:0}.comment-admin-toolbar>.site-select .site-select-trigger{min-height:38px}@media(max-width:650px){.comment-admin-toolbar>select,.comment-admin-toolbar>.site-select{flex:0 1 auto;width:100%;max-width:100%}}

.play-layout+.console-controls-guide{margin:10px 0 0}.play-layout+.console-controls-guide+.game-comments{margin-top:10px}

/* Empty request actions must not add space before console comments. */
.play-layout+.console-controls-guide+.catalog-request-actions:empty{display:none;margin:0;padding:0}.play-layout+.console-controls-guide~.game-comments{margin-top:10px}

.console-review-action{display:none}.console-review-action button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--active-action-bg,linear-gradient(125deg,#8965d3,#6d52b4));color:#fff;border-color:var(--accent);padding:10px 14px;font-size:12px;width:100%;min-height:38px}.console-review-action svg{display:block;width:20px;height:20px;flex-shrink:0}@media(max-width:850px){.console-page-heading{display:flex;flex-direction:column;align-items:stretch}.console-page-heading>.console-heading-tools{width:100%;max-width:none;align-self:stretch}.console-heading-tools .console-header-rating{flex:1 1 0;width:auto;max-width:none}}@media(max-width:760px) and (orientation:portrait){.console-page-heading>.console-review-action{display:block;width:100%;margin-top:-6px}.console-page-heading:has(>.console-review-action){margin-bottom:10px}}

.help-page{max-width:1200px;margin:0 auto;min-width:0}.help-page svg{width:20px;height:20px;flex-shrink:0}.help-hero{padding:30px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel))}.help-hero-copy{display:flex;align-items:center;gap:18px}.help-hero-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);flex-shrink:0}.help-hero-icon svg{width:32px;height:32px}.help-hero h1{font-size:30px;line-height:1.25;margin:7px 0 8px;letter-spacing:-.8px}.help-hero p{font-size:13px;margin:0;color:var(--muted)}.help-search{display:flex;align-items:center;gap:12px;width:100%;max-width:760px;margin-top:24px;padding:0 14px;min-height:50px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--muted)}.help-search:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}.help-search input{width:100%;min-width:0;padding:14px 0;color:var(--text,#f7f7f9);font-size:13px;background:transparent;border:0;outline:none}.help-search .help-search-clear{padding:5px;border:0}.help-search [hidden]{display:none!important}.help-hero-note{font-size:11px;color:var(--muted);margin-top:10px}.help-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 28px}.help-shortcuts .help-shortcut{justify-content:flex-start;text-align:left;padding:16px;gap:12px;border-radius:10px;background:var(--panel);min-width:0}.help-shortcut>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);flex-shrink:0}.help-shortcut>div{flex:1;min-width:0}.help-shortcut strong{display:block;font-size:12px}.help-shortcut small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.5}.help-shortcut>svg{width:16px;color:var(--muted)}.help-shortcut:hover{border-color:var(--accent)}.help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.help-topics{position:sticky;top:100px;display:grid;gap:5px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.help-topics button{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:11px;min-width:0;padding:11px 10px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-align:left}.help-topics button>span{flex:1}.help-topics button>small{font-size:10px;opacity:.75}.help-topics button svg{width:17px;height:17px}.help-topics button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.help-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 22px}.help-results-heading h2{font-size:18px;margin:0}.help-results-heading>span{font-size:10px;color:var(--muted);text-align:right}.help-answer-group{margin-bottom:26px}.help-answer-group>header{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--accent)}.help-answer-group h3{font-size:13px;margin:0;color:var(--text,#f7f7f9)}.help-answer-group>header svg{width:18px;height:18px}.help-question{border:1px solid var(--border);border-radius:10px;background:var(--panel);margin-bottom:8px;overflow:hidden}.help-question>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:17px 18px;font-size:12px;font-weight:600;line-height:1.6;cursor:pointer}.help-question>summary::-webkit-details-marker{display:none}.help-question>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:9px}.help-question>summary svg{width:16px;height:16px;color:var(--muted);transition:transform .15s}.help-question[open]{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.help-question[open]>summary{color:var(--accent)}.help-question[open]>summary svg{transform:rotate(180deg);color:var(--accent)}.help-answer{padding:0 18px 18px}.help-answer p{font-size:12px;line-height:1.9;margin:0;color:var(--muted);max-width:80ch}.help-empty{text-align:center;padding:35px 20px;border:1px dashed var(--border);border-radius:12px}.help-empty>svg{width:32px;height:32px;color:var(--accent)}.help-empty h3{font-size:16px}.help-empty p{font-size:12px}.help-empty button{font-size:11px}.help-footer{display:flex;align-items:center;gap:14px;padding:22px;margin-top:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.help-footer>span{color:var(--accent)}.help-footer>div:not(.help-footer-actions){flex:1}.help-footer strong{font-size:13px}.help-footer p{font-size:11px;margin:6px 0 0}.help-footer-actions{display:flex;gap:8px;flex-wrap:wrap}.help-footer-actions button{font-size:11px;padding:10px 12px}@media(max-width:800px){.help-layout{grid-template-columns:1fr;gap:20px}.help-topics{position:static;display:flex;overflow-x:auto;gap:4px;padding:6px}.help-topics button{flex:0 0 auto;white-space:nowrap}.help-shortcuts{gap:10px}.help-shortcuts .help-shortcut{padding:12px;gap:8px}.help-shortcut>svg{display:none}.help-shortcut>span{width:30px;height:30px}.help-footer{flex-wrap:wrap}.help-footer-actions{flex-basis:100%;margin-left:34px}}@media(max-width:520px){.help-hero{padding:20px 16px}.help-hero h1{font-size:23px}.help-hero .eyebrow{font-size:9px}.help-hero-icon{width:44px;height:44px;border-radius:12px}.help-hero-icon svg{width:26px;height:26px}.help-hero-copy{gap:12px}.help-hero p{font-size:12px}.help-search{margin-top:20px}.help-shortcuts{grid-template-columns:1fr;gap:8px;margin:14px 0 20px}.help-shortcuts .help-shortcut{padding:13px}.help-shortcut>svg{display:block}.help-shortcut small{margin-top:3px}.help-results-heading{align-items:flex-start}.help-results-heading h2{font-size:17px}.help-question>summary{padding:15px 14px}.help-answer{padding:0 14px 15px}.help-footer{padding:18px}.help-footer-actions{margin-left:0}.help-footer-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.help-question>summary svg{transition:none}}

.help-shortcuts[hidden]{display:none}.help-search input::-webkit-search-cancel-button{-webkit-appearance:none}.help-footer{flex-direction:row}

.requests-admin-toolbar{flex-wrap:wrap}.requests-admin-toolbar>div{flex:1;min-width:220px}.help-footer-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.help-footer-actions>button svg{width:18px;height:18px;flex-shrink:0}

.shell>.panel-drawer nav:not(.sidebar-legal){gap:4px}.shell>.panel-drawer nav:not(.sidebar-legal) button{padding:8px 14px;min-height:36px}

/* Floating labels follow the reference form: 54px controls, label rises on focus/value. */
label.field[data-floating-field]{display:block;min-width:0}
.floating-field-control{position:relative;display:block;width:100%;min-width:0}
label.field[data-floating-field] .floating-field-control input,
label.field[data-floating-field] .floating-field-control select,
label.field[data-floating-field] .floating-field-control textarea{box-sizing:border-box;width:100%;height:54px!important;min-height:54px!important;margin:0!important;padding:23px 12px 7px!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--bg)!important;color:var(--text,#f7f7f9);font:500 14px/22px Inter,system-ui,sans-serif;outline:none!important;box-shadow:none;transition:border-color 100ms,box-shadow 100ms}
.floating-field-caption{position:absolute;top:17px;left:13px;right:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--muted);font-size:13px;line-height:20px;text-transform:uppercase;transform-origin:left top;transition:top 100ms,font-size 100ms,color 100ms;z-index:1}
.floating-field-control:focus-within>.floating-field-caption,
.floating-field-control:has(input:not(:placeholder-shown),textarea:not(:placeholder-shown),input:autofill)>.floating-field-caption,
.floating-field-fixed>.floating-field-caption{top:5px;font-size:10px;line-height:16px}
.floating-field-control:focus-within>.floating-field-caption{color:var(--accent)}
label.field[data-floating-field] .floating-field-control:focus-within :is(input,select,textarea){border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.floating-field-control :is(input,textarea)::placeholder{opacity:0;transition:opacity 100ms}
.floating-field-control :is(input,textarea):focus::placeholder{opacity:.65;color:var(--muted)}
label.field[data-floating-field] .floating-field-control textarea{height:auto!important;min-height:100px!important;resize:vertical}
label.field[data-floating-field] .floating-field-control select{padding-right:32px!important}
label.field[data-floating-field] .password-input-wrap input{padding-right:48px!important}
.floating-field-control:has(.password-input-wrap)>.floating-field-caption{right:48px}
.floating-field-control .password-visibility{right:7px;top:50%;width:34px;height:34px}
#auth-form .field[data-floating-field]{margin:0 0 10px}
label.field[data-floating-field] .floating-field-control>.site-select{display:block;width:100%;height:54px;min-height:54px;margin:0}
label.field[data-floating-field] .floating-field-control .site-select-trigger{box-sizing:border-box;width:100%;height:54px!important;min-height:54px!important;max-height:none!important;padding:23px 12px 7px!important;gap:10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:14px;line-height:22px;text-align:left;transition:border-color 100ms,box-shadow 100ms}
.floating-field-control .site-select-trigger>svg{position:absolute;right:12px;top:19px}
.floating-field-control .site-select-name{padding-right:22px}
.floating-field-control:has(>.site-select)>.floating-field-caption{top:5px;font-size:10px;line-height:16px;right:36px}
label.field[data-floating-field] .floating-field-control:focus-within .site-select-trigger{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
label.field[data-floating-field] .floating-field-control>select[hidden]{display:none!important}
label.field[data-floating-field] .floating-field-control>.frame-picker{margin:0;width:100%}
label.field[data-floating-field] .floating-field-control>.frame-picker>summary{box-sizing:border-box;height:54px;min-height:54px;padding:23px 12px 7px;line-height:22px;font-size:14px;border-radius:6px;transition:border-color 100ms,box-shadow 100ms}
.floating-field-control:has(>.frame-picker)>.floating-field-caption{top:5px;font-size:10px;line-height:16px;right:36px}
.floating-field-control>.frame-picker>summary>.frame-picker-arrow{position:absolute;right:12px;top:19px}
.floating-field-control>.frame-picker>summary>.frame-picker-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:22px}
.floating-field-control>.frame-picker:focus-within>summary{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.preferences-game-picker>summary{position:relative;box-sizing:border-box;height:54px;min-height:54px;padding:23px 12px 7px!important;border-radius:6px;font-size:14px;line-height:22px;transition:border-color 100ms,box-shadow 100ms}
.preferences-game-picker>summary>.preferences-game-caption{position:absolute;top:5px;left:13px;right:36px;font-size:10px;line-height:16px;font-weight:400;text-transform:uppercase;color:var(--muted);pointer-events:none}
.preferences-game-picker>summary>.preferences-game-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px}
.preferences-game-picker>summary>svg{position:absolute;right:12px;top:19px;width:16px;height:16px}
.preferences-game-picker:focus-within>summary{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.preferences-game-picker:focus-within>summary>.preferences-game-caption{color:var(--accent)}
.backup-entry .backup-restore-button{display:inline-flex;align-items:center;justify-content:center;line-height:18px}
.backup-entry .backup-restore-button>span{display:block;margin:0;padding:0;font-size:inherit;line-height:18px;color:inherit}
.backup-entry .backup-restore-button>svg{display:block;margin:0;align-self:center}
.category-select>summary{position:relative;box-sizing:border-box;height:54px;min-height:54px;padding:23px 12px 7px!important;line-height:22px;border-radius:6px;transition:border-color 100ms,box-shadow 100ms}
.category-select>summary>.category-floating-caption{position:absolute;top:5px;left:13px;right:36px;font-size:10px;line-height:16px;text-transform:uppercase;color:var(--muted);pointer-events:none}
.category-select>summary>[data-category-label]{display:block;min-width:0;padding-right:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:22px}
.category-select>summary>svg{position:absolute;right:12px;top:19px;width:16px;height:16px}
.category-select:focus-within>summary{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.category-select:focus-within>summary>.category-floating-caption{color:var(--accent)}
.catalog-filter-popover>label.field[data-floating-field]{margin:0 0 10px!important}
.catalog-filter-popover>.category-filter{margin:0 0 10px}
/* Legacy filter toolbars set fixed heights; the shared floating control owns its height. */
label.field[data-floating-field]>.floating-field-control>.site-select,
label.field[data-floating-field]>.floating-field-control>.site-select>.site-select-trigger{height:54px!important;min-height:54px!important;max-height:none!important}
label.field[data-floating-field]>.floating-field-control{min-width:0;width:100%}
.finance-filters>label.field[data-floating-field],.admin-activity-filters>label.field[data-floating-field],.requests-admin-toolbar>label.field[data-floating-field]{gap:0}
.controller-profile-card .profile-summary .profile-entry[data-disconnected=true]{color:#f07885}
button[data-catalog-reset],button[data-help-reset]{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:12px;padding:10px 14px;border:1px solid #a78bef55;border-radius:8px;background:color-mix(in srgb,#a78bef 12%,var(--panel));color:#cbb5ff;font-size:12px;font-weight:600;transition:background 100ms,border-color 100ms,color 100ms}
button[data-catalog-reset]:hover,button[data-help-reset]:hover{background:color-mix(in srgb,#a78bef 22%,var(--panel));border-color:#a78bef99;color:#e6daff}
button[data-catalog-reset]:focus-visible,button[data-help-reset]:focus-visible{outline:2px solid #a78bef;outline-offset:3px}
.controller-profile-card .profile-device-icon{background:var(--bg);border:1px solid var(--border);color:var(--muted);transition:color 100ms}
.controller-profile-card .profile-summary .profile-entry{color:var(--muted)}
.controller-profile-card[data-connection=disconnected] .profile-device-icon,.controller-profile-card[data-connection=disconnected] .profile-summary .profile-entry{color:#f07885}
.controller-profile-card[data-connection=connected] .profile-device-icon,.controller-profile-card[data-connection=connected] .profile-summary .profile-entry{color:#64d99c}
.controller-profile-card>.profile-device-icon{display:flex;align-items:center;justify-content:center;padding:0;line-height:0}
.controller-profile-card>.profile-device-icon>svg{display:block;flex:none;margin:0;padding:0;vertical-align:middle}
.room-game-picker>summary,.site-select-floating>.site-select-trigger{position:relative;box-sizing:border-box;height:54px!important;min-height:54px!important;max-height:none!important;padding:23px 12px 7px!important;border-radius:6px;font-size:14px;line-height:22px;transition:border-color 100ms,box-shadow 100ms}
.room-game-picker>summary>.room-game-caption,.site-select-floating-caption{position:absolute;top:5px;left:13px;right:36px;font-size:10px;line-height:16px;font-weight:400;text-transform:uppercase;color:var(--muted);pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-game-picker>summary>.room-game-value{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px}
.room-game-picker>summary>svg,.site-select-floating>.site-select-trigger>svg{position:absolute;right:12px;top:19px;width:16px;height:16px}
.room-game-picker:focus-within>summary{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.room-game-picker:focus-within>summary>.room-game-caption{color:var(--accent)}
/* Search inside pickers remains compact and never inherits the floating field height. */
:is(.room-game-dropdown,.preferences-game-menu,.category-menu,.site-select-menu) input[type=search]{box-sizing:border-box;min-height:40px;height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text,#f7f7f9);font-size:12px}
label.field[data-floating-field] .floating-field-control input:disabled,label.field[data-floating-field] .floating-field-control textarea:disabled{opacity:.6;cursor:not-allowed}
label.field[data-floating-field] .floating-field-control input:read-only:not(:disabled),label.field[data-floating-field] .floating-field-control textarea:read-only:not(:disabled){color:var(--muted)}
label.field[data-floating-field] .floating-field-control input:user-invalid,label.field[data-floating-field] .floating-field-control textarea:user-invalid{border-color:#f07885!important}
.catalog-filter-panel>summary[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:saturate(.35)}
:is(p,div).empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;margin:16px 0;padding:22px 24px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));color:var(--muted);font-size:13px;line-height:1.7;text-align:center;grid-column:1/-1}
:is(p,div).empty:before{content:'i';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font:600 16px/1 system-ui}
.library-game-grid:empty{display:none}
@media(max-width:500px){:is(p,div).empty{padding:18px 16px;font-size:12px}}
.collection-editor-dialog{position:fixed;width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text,#f7f7f9);overflow:auto;scrollbar-gutter:stable}
.collection-editor-dialog::backdrop{background:#09070fcc;backdrop-filter:blur(4px)}
.collection-editor-dialog>.collection-editor{margin:0;padding:28px;border:0;border-radius:0;background:transparent}
.collection-editor-dialog .collection-editor-heading{padding-right:44px}
.collection-editor-dialog>.collection-editor-close{position:absolute;top:16px;right:16px;width:32px;height:32px;padding:6px;z-index:2}
.collection-editor-close svg{display:block;width:18px;height:18px}
.collection-editor-dialog .collection-editor-actions{position:sticky;bottom:-28px;margin-bottom:-28px;padding:16px 0;background:var(--panel);z-index:4}
@media(max-width:650px){.collection-editor-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.collection-editor-dialog>.collection-editor{padding:18px 14px}.collection-editor-dialog .collection-editor-actions{bottom:-18px;margin-bottom:-18px}.collection-editor-dialog .collection-editor-fields{grid-template-columns:1fr}}
.collection-editor-dialog{height:calc(100dvh - 40px)}
.collection-editor-dialog>.collection-editor{min-height:100%;display:flex;flex-direction:column}
.collection-editor-dialog .collection-editor-actions{margin-top:auto;flex-shrink:0}
.collection-editor-dialog .collection-picker{align-content:start}
@media(max-width:650px){.collection-editor-dialog{height:calc(100dvh - 16px)}}
.collection-editor-dialog{overflow:hidden;scrollbar-gutter:auto}
.collection-editor-dialog>.collection-editor{height:100%;min-height:0;overflow:hidden;padding-bottom:0}
.collection-editor-dialog .collection-editor-heading,.collection-editor-dialog .collection-editor-fields,.collection-editor-dialog .collection-selected-summary{flex-shrink:0}
.collection-editor-dialog .collection-picker{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;padding-bottom:16px}
.collection-editor-dialog .collection-editor-actions{position:static;flex:0 0 auto;margin:0;padding:16px 0;background:var(--panel);border-top:1px solid var(--border)}
.collection-editor-dialog .collection-editor-error{flex-shrink:0;margin:8px 0}
@media(max-width:650px){.collection-editor-dialog>.collection-editor{padding-bottom:0}.collection-editor-dialog .collection-editor-actions{margin:0;padding:12px 0}}
.collection-editor-dialog .collection-picker{max-height:none;grid-auto-rows:max-content;align-items:start}
.collection-editor-dialog .collection-picker>.collection-game-choice{height:auto;min-height:185px;align-self:start}
.collection-editor-dialog .collection-game-choice>.collection-choice-cover{height:110px;min-height:110px;flex:0 0 110px}
.collection-editor-dialog .collection-game-choice>.collection-choice-content{flex:0 0 auto;min-height:74px}
.section-head:has(#personal-period){flex-wrap:wrap}
.section-head:has(#personal-period)>h2{flex:1 1 auto}
.section-head:has(#personal-period)>.site-select,.section-head>#personal-period{flex:0 0 140px;width:140px;max-width:100%;min-width:0}
.section-head>.personal-period-field{flex:0 0 140px;width:140px;max-width:100%;min-width:0;margin:0!important}
.account-settings .account-current-email{box-sizing:border-box;min-height:54px;padding:6px 12px;gap:12px;border-radius:6px}
.account-settings .account-current-email-value{gap:2px}
.account-settings .account-current-email-value small{font-size:10px;line-height:14px}
.account-settings .account-current-email-value strong{font-size:14px;line-height:22px}
.help-hero>.help-search{position:relative;display:block;width:100%;max-width:none;margin:24px 0 0;padding:0;min-height:54px;border:0;border-radius:6px;background:transparent}
.help-hero>.help-search:focus-within{outline:none;border:0}
.help-search .floating-field-control input{padding-right:48px!important}
.help-search .floating-field-caption{right:48px}
.help-hero>.help-search>.help-search-clear{position:absolute;right:10px;top:10px;width:34px;height:34px;margin:0;padding:7px;z-index:2}
.report-toolbar>.actions{align-items:center;gap:10px;flex-wrap:wrap}
.report-toolbar>.actions>.period-label{flex:0 0 170px;width:170px;margin:0!important}
.report-toolbar>.actions>button[data-action]{height:54px;min-height:54px;max-height:54px;margin:0;border-radius:6px}
.report-toolbar>.actions>button[data-action=refresh-statistics]{flex:0 0 54px;width:54px;padding:0}
.report-toolbar [data-action=refresh-statistics]>svg{display:block;width:20px;height:20px;margin:0;flex:none}
.report-toolbar>.actions>[data-action=refresh-statistics]{order:0}
.report-toolbar>.actions>[data-action=export-statistics]{order:1}
.report-toolbar>.actions>.period-label{order:2}
.report-toolbar>.actions>button[data-action]{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.report-toolbar>.actions>button[data-action]:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:var(--accent)}
.report-toolbar>.actions>button[data-action]:focus-visible{outline-color:var(--accent)}
.report-toolbar [data-action=export-statistics]>svg{display:block;width:18px;height:18px;flex:none}
.users-toolbar{align-items:center;gap:12px}
.users-toolbar #user-search-form{align-items:center;min-width:240px;flex:1 1 360px}
.users-toolbar #user-search-form>.users-search-field{flex:1;min-width:0;margin:0!important}
.users-toolbar>label.field{flex:0 0 160px;margin:0!important;gap:0}
.users-toolbar>label.field:has(#users-size){flex-basis:130px}
.users-toolbar #user-search-form>button{height:54px;min-height:54px;padding:0 20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
@media(max-width:650px){.users-toolbar #user-search-form{flex-basis:100%;min-width:0}.users-toolbar>label.field{flex:1 1 140px}}
.finance-filters{display:flex;align-items:center;gap:12px}
.finance-filters>label.field{flex:0 0 160px;min-width:0;margin:0!important}
.finance-filters>.finance-search{display:flex;align-items:center;flex:1;min-width:0;gap:10px;margin:0}
.finance-search>.finance-search-field{flex:1;min-width:0;margin:0!important}
.finance-search>.finance-search-field input{background-image:none!important}
.finance-filters .finance-search>button{height:54px;min-height:54px;max-height:54px;padding:0 20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
@media(max-width:700px){.finance-filters{flex-wrap:wrap}.finance-filters>label.field{flex:1 1 140px}.finance-filters>.finance-search{flex-basis:100%}}
.finance-toolbar>.finance-refresh-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;min-width:54px;padding:0;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.finance-toolbar>.finance-refresh-icon>svg{display:block;width:20px;height:20px;margin:0;flex:none}
.finance-toolbar>.finance-refresh-icon:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:var(--accent)}
button.csv-export-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--theme-ink,var(--accent));font-size:12px;font-weight:600;line-height:20px;transition:background 100ms,border-color 100ms,box-shadow 100ms}
button.csv-export-button>svg{display:block;width:18px;height:18px;flex:0 0 18px;margin:0}
button.csv-export-button>span{margin:0;line-height:20px;color:inherit;font-size:inherit}
button.csv-export-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:var(--accent)}
button.csv-export-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ranking-report-actions>button.csv-export-button,.dashboard-ranking-footer button.csv-export-button{min-height:42px;height:42px;max-height:none}
.admin-user-history .admin-activity-filters{align-items:center}
.admin-activity-filters>label.field[data-floating-field]{margin:0!important;min-width:140px}
.admin-activity-filters>button[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:54px;min-height:54px;margin:0;padding:0 20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
.audit-heading h2{margin:6px 0}
.audit-filters{align-items:center;margin:16px 0 0;padding-bottom:16px;border-bottom:1px solid var(--border)}
.audit-filters>label.field[data-floating-field]{margin:0!important;gap:0}
.audit-filters>label.field:has(select){flex:0 0 190px;min-width:0}
.audit-filters>button{height:54px;min-height:54px;margin:0;padding:0 20px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
.audit-list{margin-top:0}
.audit-list>.audit-entry{padding:16px 0}
@media(max-width:600px){.audit-filters>label.field:has(select){flex:1 1 160px}}
.audit-list{padding-top:20px}
.audit-history-row{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}
.audit-history-row:last-child{border-bottom:0}
.audit-history-row .history-event-content strong{font-size:13px;font-weight:600}
.audit-history-row time{flex-shrink:0;font-size:11px;color:var(--muted);white-space:nowrap}
@media(max-width:600px){.audit-history-row{padding:14px 12px;gap:12px}.audit-history-row time{font-size:10px}}
#audit-panel{padding:0;border:0;background:transparent;box-shadow:none}
#audit-panel .audit-heading h2{font-size:24px;margin:0 0 8px}
#audit-panel .audit-heading p{font-size:12px;line-height:1.7}
#audit-panel .audit-filters{padding:20px;margin:22px 0;border:1px solid var(--border);border-radius:5px;background:var(--panel);align-items:center}
#audit-panel .audit-filters>label.field{flex:1;min-width:180px}
#audit-panel .audit-list{padding-top:0}
#audit-panel .history-caption{margin:0 0 24px}
.admin-users-heading h2{font-size:24px;margin:0 0 8px}
.admin-users-heading p{margin:0;font-size:12px;line-height:1.7}
.users-toolbar.history-toolbar{padding:20px;margin:22px 0;border:1px solid var(--border);border-radius:5px;background:var(--panel)}
.admin-users-count{margin:0 0 24px}
.community-comment:has(.comment-remove){position:relative;padding-right:60px}
.community-comment .comment-remove{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;margin:0;padding:6px;border:1px solid #f0788533;background:#f078850b;color:#f07885;transition:background 100ms,border-color 100ms}
.community-comment .comment-remove>svg{display:block;width:18px;height:18px;margin:0;flex:none}
.community-comment .comment-remove:hover{background:#f0788522;border-color:#f0788577}
:is(p,div).empty.comment-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;margin:16px 0;padding:22px 24px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));color:var(--muted);font-size:13px;line-height:1.7;text-align:center}
.users-toolbar.history-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px 140px;align-items:center;gap:12px}
#catalog-requests-admin,#comment-admin{padding:0;border:0;background:transparent;box-shadow:none}
.admin-list-heading h2{font-size:24px;margin:0 0 8px}.admin-list-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.admin-list-filters.history-toolbar{display:flex;align-items:center;gap:12px;padding:20px;margin:22px 0;background:var(--panel);border:1px solid var(--border);border-radius:5px;flex-wrap:nowrap}
.admin-list-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0}
.admin-list-search>.field{flex:1;min-width:0;margin:0!important}
.admin-list-filters>label.field{flex:0 0 190px;min-width:0;margin:0!important}
.admin-list-search>button{height:54px;min-height:54px;padding:0 20px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
.admin-list-count{margin:0 0 24px}
.request-admin-list:not(:has(>.empty)),.comment-admin-list:not(:has(>.empty)){border:1px solid var(--border);border-radius:5px;background:var(--panel)}
.request-admin-list>.request-admin-row,.comment-admin-list>.comment-admin-card{margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.request-admin-list>.request-admin-row:last-child,.comment-admin-list>.comment-admin-card:last-child{border-bottom:0}
.request-admin-list .request-admin-open{min-height:94px;padding:18px 20px}
.comment-admin-list>.comment-admin-card{padding:18px 20px}
.comment-admin-list>.comment-admin-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:8px;align-items:center}
.comment-admin-card>header{grid-column:1/-1}
.comment-admin-card>.comment-flags,.comment-admin-card>p,.comment-admin-card>.comment-report-reasons{grid-column:1;margin:0}
.comment-admin-card>.comment-admin-actions{grid-column:2;grid-row:2/5;display:flex;align-items:center;gap:8px;margin:0}
.comment-admin-actions>button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;transition:background 100ms,border-color 100ms}
.comment-admin-actions>button>svg{display:block;width:18px;height:18px;flex:0 0 18px;margin:0}
.comment-admin-actions>[data-action=approve]{background:#64d99c12;border-color:#64d99c44;color:#64d99c}
.comment-admin-actions>[data-action=remove]{background:#f0788510;border-color:#f0788533;color:#f07885}
.comment-admin-actions>[data-action=restore]{background:var(--theme-soft);border-color:var(--theme-line,var(--border));color:var(--accent)}
.comment-flags>.comment-status-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;margin:0;border:1px solid var(--border);border-radius:5px;font-size:10px;font-weight:600;line-height:16px;white-space:nowrap}
.comment-status-tag>svg{display:block;width:14px;height:14px;flex:0 0 14px;margin:0}
.comment-status-tag>span{margin:0;padding:0;background:transparent;border:0;color:inherit;font:inherit}
.comment-flags>.status-published{color:#64d99c;background:#64d99c10;border-color:#64d99c33}
.comment-flags>.status-reviewed{color:var(--accent);background:var(--theme-soft);border-color:var(--theme-line,var(--border))}
.comment-flags>.status-pending{color:#efb975;background:#efb97510;border-color:#efb97533}
.comment-flags>.status-removed{color:#f07885;background:#f0788510;border-color:#f0788533}
.comment-admin-list>.comment-admin-card{grid-template-columns:36px minmax(0,1fr) auto;column-gap:14px}
.comment-admin-card>.comment-status-icon{grid-column:1;grid-row:1/5;align-self:center;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:5px;background:var(--theme-soft);color:var(--accent)}
.comment-status-icon>svg{display:block;width:20px;height:20px;margin:0}
.comment-admin-card>.comment-status-icon.status-published{color:#64d99c;background:#64d99c10;border-color:#64d99c33}
.comment-admin-card>.comment-status-icon.status-pending{color:#efb975;background:#efb97510;border-color:#efb97533}
.comment-admin-card>.comment-status-icon.status-removed{color:#f07885;background:#f0788510;border-color:#f0788533}
.comment-admin-card>header,.comment-admin-card>.comment-flags,.comment-admin-card>p,.comment-admin-card>.comment-report-reasons{grid-column:2}
.comment-admin-card>.comment-admin-actions{grid-column:3;grid-row:1/5}
.comment-admin-card>.comment-flags:empty{display:none}
@media(max-width:500px){.comment-admin-card>.comment-admin-actions{gap:6px}.comment-admin-actions>button{width:32px;height:32px;min-width:32px}}
.request-row-icon{border-radius:5px}
.request-dialog-tabs{display:flex;gap:8px;width:100%;padding:6px;margin:0 0 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.request-dialog-tabs>button{flex:1;min-width:0;padding:11px 16px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;transition:background 100ms,border-color 100ms}
.request-dialog-tabs>button[aria-selected=true]{background:var(--theme-soft);color:var(--theme-ink,var(--accent));border-color:var(--theme-line,var(--border))}
.request-moderation-dialog .request-admin-expanded{display:block;width:100%}
.request-moderation-dialog .request-admin-expanded>section{width:100%;min-width:0;padding:0;border:0}
.request-admin-expanded>[hidden]{display:none!important}
.request-moderation-dialog .request-moderation .catalog-request-admin-form{display:flex;flex-direction:column;gap:14px}
.request-moderation-dialog .request-original dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.request-moderation-dialog .request-original dl>div{padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.request-moderation-dialog .request-admin-expanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.request-moderation-dialog .request-admin-expanded>.request-moderation{padding-left:24px;border-left:1px solid var(--border)}
.request-moderation-dialog .request-original dl{grid-template-columns:1fr;gap:10px;margin:16px 0}
.request-moderation-dialog .request-original dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.request-moderation-dialog .request-original dd{font-size:12px;line-height:1.6;margin:0;color:var(--text,#f7f7f9)}
.request-moderation-dialog .request-original .catalog-request-details{padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere}
.request-moderation-dialog .request-original h3,.request-moderation-dialog .request-moderation h3{margin:0 0 16px}
.request-moderation-dialog .request-original>.eyebrow{margin:0 0 8px}
.request-moderation-dialog .catalog-request-admin-form>label.field{margin:0!important}
.request-moderation-dialog .catalog-request-admin-form>button{align-self:flex-start;margin-top:4px}
.request-moderation-dialog .request-original dl>div,.request-moderation-dialog .request-original .catalog-request-details{padding:10px}
.request-moderation-dialog .request-original dl>div dt{margin:0 0 3px;line-height:14px}
.request-moderation-dialog .request-original dl>div dd{margin:0;line-height:18px}
.request-moderation-dialog .request-original .catalog-request-details{line-height:1.6}
.request-moderation .catalog-request-admin-form>.request-save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;min-height:44px;max-height:none;padding:10px 16px;font-size:12px;line-height:20px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.request-save-button>svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.request-moderation .catalog-request-admin-form>.request-save-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent)}
@media(min-width:801px){
 .request-moderation-dialog{position:relative;padding:30px}
 .request-moderation-dialog:after{content:'';position:absolute;top:0;bottom:0;left:calc(47.61905% + 14px);width:1px;background:var(--border);pointer-events:none}
 .request-moderation-dialog .request-admin-expanded>.request-moderation{border-left:0}
}
@media(max-width:800px){.request-moderation-dialog .request-admin-expanded{grid-template-columns:1fr;gap:20px}.request-moderation-dialog .request-admin-expanded>.request-moderation{padding:20px 0 0;border-left:0;border-top:1px solid var(--border)}}
@media(max-width:850px){.admin-list-filters.history-toolbar{flex-wrap:wrap}.admin-list-search{flex-basis:100%}.admin-list-filters>label.field{flex:1 1 150px}}
@media(max-width:600px){.request-moderation-dialog .request-original dl{grid-template-columns:1fr}.request-dialog-tabs>button{padding:10px 8px}}
.finance-filters,.admin-games-toolbar{padding:20px;margin:22px 0;border:1px solid var(--border);border-radius:5px;background:var(--panel);align-items:center;gap:12px}
.finance-filters>.finance-search{order:0}
.finance-filters>label.field{order:1;flex:0 0 180px}
.admin-games-toolbar{grid-template-columns:minmax(200px,1fr) auto repeat(4,minmax(130px,160px))}
.admin-games-toolbar>label.field{margin:0!important;min-width:0}
.admin-games-toolbar>[data-admin-games-search-submit]{height:54px;min-height:54px;padding:0 20px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent))}
@media(max-width:1100px){.admin-games-toolbar{grid-template-columns:minmax(0,1fr) auto}.admin-games-toolbar>label.field:not(.admin-games-search){grid-column:auto}.finance-filters{flex-wrap:wrap}.finance-filters>.finance-search{flex-basis:100%}.finance-filters>label.field{flex:1 1 160px}}
@media(max-width:500px){.admin-games-toolbar{padding:14px;gap:10px}.admin-games-toolbar>label.field:not(.admin-games-search){grid-column:1/-1}}
#content .admin-page-heading{margin:24px 0 22px;padding:0;min-height:0}
#content .admin-page-heading .eyebrow,#content .admin-page-heading>.eyebrow{margin:0 0 3px;color:var(--accent);font-size:11px;font-weight:800;line-height:16px;letter-spacing:1.6px}
#content .admin-page-heading h2{font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.6px;margin:0 0 8px}
#content .admin-page-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
#content .admin-page-heading+.history-toolbar,#content .admin-page-heading+.finance-filters,#content .admin-page-heading+.admin-games-toolbar{margin-top:0}
.admin-catalog .admin-create-game{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;font-size:13px;line-height:20px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 10%,transparent);transition:background 100ms,border-color 100ms,box-shadow 100ms}
.admin-create-game>svg{display:block;width:22px;height:22px;flex:0 0 22px;margin:0}
.admin-catalog .admin-create-game:hover{background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.settings-save .settings-save-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;font-size:13px;line-height:20px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 10%,transparent);transition:background 100ms,border-color 100ms,box-shadow 100ms}
.settings-save-button>svg{display:block;width:21px;height:21px;flex:0 0 21px;margin:0}
.settings-save .settings-save-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.social-page .social-invite-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));font-size:13px;line-height:20px;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 10%,transparent);transition:background 100ms,border-color 100ms}
.social-page .social-invite-button>svg{display:block;width:22px;height:22px;flex:0 0 22px;margin:0}
.social-page .social-invite-button:hover{background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent)}
.personal-collections-heading>.collection-create-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;font-size:12px;line-height:20px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 10%,transparent);transition:background 100ms,border-color 100ms}
.collection-create-button>svg{display:block;width:21px;height:21px;flex:0 0 21px;margin:0}
.personal-collections-heading>.collection-create-button:hover{background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent)}
.favorites-empty .explore-library-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;font-size:12px;line-height:20px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.explore-library-button>svg{display:block;width:21px;height:21px;flex:0 0 21px;margin:0}
.favorites-empty .explore-library-button:hover{background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent)}
.collection-editor .collection-choice-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;line-height:0}
.collection-editor .collection-choice-mark:after{content:none}
.collection-editor .collection-game-choice:has(input:checked) .collection-choice-mark:after{content:none}
.collection-choice-mark>svg{display:block;width:16px;height:16px;margin:0;padding:0;flex:0 0 16px}
.collection-choice-mark>.collection-mark-check{display:none}
.collection-game-choice:has(input:checked) .collection-choice-mark>.collection-mark-add{display:none}
.collection-game-choice:has(input:checked) .collection-choice-mark>.collection-mark-check{display:block}
.collection-editor .collection-selected-summary{gap:14px;padding:10px 0 12px;margin:0 0 8px}
.collection-selected-summary>strong{padding:6px 9px;border:1px solid var(--border);border-radius:5px;background:var(--bg);font-size:10px;color:var(--muted)}
.collection-selected-summary>div{gap:8px;align-items:center;padding:2px 0 4px}
.collection-editor .collection-selected-summary button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;height:32px;min-height:32px;max-width:260px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--theme-ink,var(--accent));font-size:10px;transition:background 100ms,border-color 100ms}
.collection-selected-summary .collection-chip-icon{display:block;width:16px;height:16px;flex:0 0 16px;color:var(--accent)}
.collection-selected-summary .collection-chip-remove{display:block;width:16px;height:16px;flex:0 0 16px;margin-left:3px;color:var(--muted)}
.collection-editor .collection-selected-summary button:hover{background:color-mix(in srgb,var(--accent) 17%,var(--panel));border-color:var(--accent)}
.collection-selected-summary button:hover .collection-chip-remove{color:#f07885}
.collection-editor-dialog .collection-editor-heading{margin-bottom:8px}
.collection-editor-dialog .collection-editor-fields{margin-top:8px}
label.field.search-with-icon{position:relative;display:block;height:54px;min-height:54px;padding:0;border:0;background:transparent;box-shadow:none}
label.field.search-with-icon:focus-within{border:0;box-shadow:none;outline:none}
label.field.search-with-icon>svg{position:absolute;right:14px;top:17px;left:auto;z-index:2;display:block;width:20px;height:20px;margin:0;color:var(--muted);pointer-events:none}
label.field.search-with-icon .floating-field-control input{padding-right:44px!important}
label.field.search-with-icon .floating-field-caption{right:44px}
.workspace .topbar>.header-search-field{flex:0 1 360px;width:360px;min-width:0;margin:0!important}
.social-share-dialog>.social-copy-row{display:flex;align-items:center;gap:10px;width:100%;margin:18px 0}
.social-copy-row>.social-referral-field{flex:1;min-width:0;margin:0!important}
.social-share-dialog>.social-copy-row>button{height:54px;min-height:54px;margin:0;padding:0 16px;flex-shrink:0}
@media(max-width:650px){.workspace .topbar>.header-search-field{flex:1 1 auto;width:auto;max-width:100%}}
.shell .workspace>.topbar{box-sizing:border-box;height:75px;min-height:75px;padding:10px;gap:12px;align-items:center}
.registered-device input[name=changeDevice]{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;flex:0 0 38px;width:38px;height:22px;margin:0;padding:0;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--muted) 25%,var(--panel));cursor:pointer;transition:background 100ms,border-color 100ms}
.registered-device input[name=changeDevice]:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform 100ms}
.registered-device input[name=changeDevice]:checked{background:var(--accent);border-color:var(--accent)}
.registered-device input[name=changeDevice]:checked:before{transform:translateX(16px)}
.registered-device input[name=changeDevice]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#controller-profile>.field{margin:0 0 12px!important}
#controller-profile>.controller-fields{margin:0;gap:12px}
#controller-profile>.controller-fields>.field{margin:0!important}
#content>.history-panel{width:100%;max-width:none;min-width:0}
.main .overview-featured-section>.overview-featured-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:0 0 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) var(--border)}
.overview-featured-track>.game{flex:0 0 272px;min-width:0;scroll-snap-align:start}
.overview-featured-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
.overview-bottom-ad{margin-top:24px;width:100%}
.overview-bottom-ad:not(:has(.real-ad:not([hidden]))){margin:0}
@media(max-width:760px){.main .overview-featured-section>.overview-featured-track{gap:12px}.overview-featured-track>.game{flex-basis:250px;max-width:calc(100vw - 48px)}}
.history-panel>.history-toolbar{width:100%;padding:14px 16px;gap:12px;align-items:center;grid-template-columns:minmax(0,1fr) 280px}
.history-panel>.history-toolbar>label.field{margin:0!important;min-width:0}
@media(max-width:650px){.history-panel>.history-toolbar{grid-template-columns:1fr;padding:12px;gap:10px}}
.controller-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.controller-profile-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:0;padding:11px 16px;font-size:12px;line-height:20px;transition:background 100ms,border-color 100ms}
.controller-profile-actions>button>svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.controller-profile-actions>.quiet{background:var(--bg);border-color:var(--border);color:var(--muted)}
.controller-profile-actions>.primary{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-color:color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--theme-ink,var(--accent))}
.controller-profile-actions>button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 24%,var(--panel));border-color:var(--accent);color:var(--theme-ink,var(--accent))}
@media(max-width:550px){.controller-profile-actions>button{flex:1 1 100%;width:100%}}
.game-comments .comment-composer{padding:0 0 18px;margin:0 0 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.game-comments{--comments-inset:20px;padding:var(--comments-inset)}
.game-comments .comment-composer{position:relative;border-bottom:0}
.game-comments .comment-composer:after{content:'';position:absolute;bottom:0;left:calc(-1 * var(--comments-inset));right:calc(-1 * var(--comments-inset));height:1px;background:var(--border);pointer-events:none}
.language-picker[open]::after{top:calc(var(--language-panel-top,100%) - 6px)}
@media(max-width:650px){.game-comments{--comments-inset:16px}}
.game-comments .comment-form-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;margin-top:6px}
.game-comments .comment-form-footer>.comment-respect,.game-comments .comment-form-footer>.comment-counter{order:0;margin:0;line-height:16px}
.game-comments .comment-form-footer>button{grid-column:1/-1;order:1;width:100%;margin-top:0;margin-bottom:0}
@media(min-width:761px){#content>.game-comments .comment-form-footer>button{width:auto;min-width:180px;justify-self:start;padding-inline:20px}}
.game-comment-list .community-comment{position:relative;overflow:visible;padding:16px;gap:12px}
.community-comment .comment-avatar{position:relative;flex:0 0 34px;width:34px;height:34px;overflow:hidden;display:grid;place-items:center}
.comment-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.community-comment .comment-content{flex:1;min-width:0}
.community-comment .comment-content>header{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.game-comment-list .community-comment .comment-content>header{flex-direction:row;gap:8px!important}
.game-comments .game-comment-list,.game-dialog .game-comments .game-comment-list{max-height:900px;overflow-y:auto}
.game-comment-list>.community-comment{flex:0 0 auto}
.game-comments .comment-composer{margin-bottom:0}
.game-comments .game-comment-list{margin:0;padding:var(--comments-inset) 0 0;gap:6px}
.game-comments .game-comment-list>.community-comment{margin:0;padding:14px}
.comment-options-menu[popover]{position:fixed;inset:auto;margin:0;color:var(--text,#f7f7f9)}
.comment-options-menu[popover]::backdrop{background:transparent;pointer-events:none}
.community-comment .comment-content>header time{font-size:10px;color:var(--muted);margin:0}
.comment-edited{font-size:10px;color:var(--muted);font-style:italic}
.community-comment .comment-body-text{white-space:pre-wrap;overflow-wrap:anywhere}
.community-comment .comment-body-text[hidden]{display:none}
.comment-options{position:relative;flex:0 0 28px;margin-left:auto}
.comment-options>summary{list-style:none;display:grid;place-items:center;width:28px;height:28px;cursor:pointer;border:1px solid transparent;border-radius:5px;color:var(--muted)}
.comment-options>summary::-webkit-details-marker{display:none}
.comment-options>summary svg{display:block;width:18px;height:18px}
.comment-options>summary:hover,.comment-options[open]>summary{color:var(--accent);background:var(--theme-soft);border-color:var(--border)}
.comment-options-menu{position:absolute;top:34px;right:0;width:210px;max-width:calc(100vw - 70px);padding:6px;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:7px;box-shadow:0 8px 28px #0005}
.comment-options-menu>button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;padding:10px;border:0;background:transparent;color:var(--text,#f7f7f9);font-size:11px;text-align:left}
.comment-options-menu>button>svg{display:block;width:17px;height:17px;flex:0 0 17px}
.comment-options-menu>button:hover:not(:disabled){background:var(--theme-soft)}
.comment-options-menu>[data-comment-action=remove]{color:#f07885}
.comment-action-form{margin:12px 0 0}
.comment-action-form>.field{margin:0 0 8px}
.comment-edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.comment-edit-actions>button{font-size:11px;padding:9px 12px}
.comment-report-reasons{margin:12px 0;padding:10px;border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--muted)}
.rooms-search{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:12px}
.rooms-search>.rooms-search-field,.rooms-search>.rooms-game-label{display:block;min-width:0;width:100%;margin:0!important;padding:0;border:0;background:transparent}
.rooms-search>.rooms-search-field:focus-within{outline:none;box-shadow:none;border:0}
.rooms-search>.rooms-game-label>.floating-field-control{width:100%}
.rooms-search>.rooms-code-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;min-height:54px;margin:0;padding:0 16px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.rooms-code-button>svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.rooms-search>.rooms-code-button:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:var(--accent)}
@media(max-width:760px){.rooms-search{grid-template-columns:minmax(0,1fr) auto}.rooms-search>.rooms-search-field{grid-column:1/-1}}
@media(max-width:420px){.rooms-search{grid-template-columns:1fr}.rooms-search>.rooms-code-button{width:100%}}
button[data-action=create-room]>.create-room-icon{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.rooms-search{align-items:start}
.rooms-search>.rooms-search-field,.rooms-search>.rooms-game-label{height:54px;min-height:54px;max-height:54px;align-self:start}
.rooms-search>.field>.floating-field-control{height:54px;min-height:54px}
#room-form>button.primary>.create-room-icon{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.rooms-header-actions>.rooms-refresh{display:inline-flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--theme-ink,var(--accent));transition:background 100ms,border-color 100ms}
.rooms-header-actions>.rooms-refresh>svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}
.rooms-header-actions>.rooms-refresh:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:var(--accent)}
@media(min-width:1101px){
 .play-layout.console-with-sidebar-ad{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
 .play-layout.console-with-sidebar-ad>.real-ad.side{width:360px;max-width:100%}
 .console-page-heading{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
 .console-page-heading>.console-heading-tools{width:360px;max-width:100%;min-width:0}
 .console-heading-tools .console-header-rating{flex:1 1 0;width:auto;min-width:0;max-width:none}
}
.room-heading-tools{width:340px}
.room-heading-tools .room-heading-actions{grid-template-columns:minmax(0,1fr)}
.room-rating-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:stretch;width:100%}
.room-rating-row .lobby-game-rating{height:100%;min-width:0}
.room-rating-actions{display:grid;grid-template-rows:1fr 1fr;gap:8px}
.room-rating-actions>.game-share,.room-rating-actions>.hero-favorite{position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:42px;height:100%;min-height:40px;margin:0;padding:0;border:1px solid var(--border);background:var(--panel);color:var(--muted);box-sizing:border-box}
.room-rating-actions button>svg{display:block;width:18px;height:18px;flex:0 0 18px}
.room-rating-actions button:hover,.room-rating-actions .hero-favorite[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.room-back-position{flex:0 0 auto;align-self:flex-end}
.room-lobby-heading>.room-back-position{align-self:center}
.room-lobby-heading{align-items:flex-start}
.room-lobby-heading>.room-back-position{align-self:flex-start;margin-top:0}
.room-lobby-heading>.room-heading-tools{align-self:flex-start;margin-top:0}
.room-heading-controls{display:flex;align-items:center;gap:22px;flex:0 0 auto;max-width:100%;min-width:0}
.room-heading-controls>.room-back-position{align-self:center;margin:0}
.room-heading-controls>.room-heading-tools{align-self:center;flex:0 0 340px;width:340px;margin:0}
.room-lobby-heading{margin-bottom:20px}
.room-lobby-heading>.room-heading-controls{align-self:flex-end}
@media(max-width:760px){.room-lobby-heading{flex-wrap:wrap}.room-heading-controls{width:100%;gap:12px}.room-heading-controls>.room-heading-tools{flex:1 1 0;width:auto;min-width:0}}
@media(max-width:420px){.room-heading-controls{gap:8px}.room-back-position>.room-back-button{padding:0 7px;font-size:10px}}
@media(max-width:650px){
 .room-lobby-heading>.room-heading-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%}
 .room-heading-controls>.room-heading-tools{order:0;flex:0 0 auto;width:100%;align-self:stretch}
 .room-heading-controls>.room-back-position{order:1;width:100%;align-self:stretch}
 .room-back-position>.room-back-button{width:100%;height:50px;min-height:50px;font-size:12px;padding:0 16px}
}
.room-back-position>.room-back-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:34px;min-height:34px;margin:0;padding:0 11px;font-size:11px;line-height:18px;background:var(--theme-soft);border:1px solid var(--theme-line,var(--border));color:var(--theme-ink,var(--accent))}
.room-back-position .room-back-button>svg{display:block;width:16px;height:16px;flex:0 0 16px}
@media(max-width:650px){
 .room-heading-controls>.room-back-position>.room-back-button{display:flex;box-sizing:border-box;width:100%;max-width:none;height:50px;min-height:50px;padding:0 16px;font-size:13px}
 .room-heading-controls>.room-back-position>.room-back-button>svg{width:18px;height:18px;flex-basis:18px}
}
@media(min-width:1101px){.room-lobby-heading{gap:22px}.room-lobby-heading>.room-heading-tools{flex:0 0 340px}}
@media(max-width:650px){.room-back-position{align-self:flex-start}}
@media(max-width:650px){.room-heading-tools{width:100%}.room-heading-tools .room-heading-actions{grid-template-columns:minmax(0,1fr)}}
.users-toolbar.history-toolbar #user-search-form{display:flex;width:100%;min-width:0;margin:0}
.users-toolbar.history-toolbar>label.field{width:100%;min-width:0;margin:0!important}
.admin-users-table{padding:0!important;border-radius:5px;overflow:visible}
.admin-users-table table,.admin-users-table tbody{display:block;width:100%;margin:0}
.admin-users-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.admin-users-table tbody>tr{display:grid;grid-template-columns:minmax(200px,1fr) 140px 120px 180px 110px;align-items:center;gap:16px;padding:18px 20px;min-height:94px;border-bottom:1px solid var(--border);background:var(--panel)}
.admin-users-table tbody>tr:first-child{border-radius:5px 5px 0 0}
.admin-users-table tbody>tr:last-child{border-bottom:0;border-radius:0 0 5px 5px}
.admin-users-table tbody>tr>td{display:block;min-width:0;padding:0;border:0;text-align:left}
.admin-users-table .admin-user-avatar{border-radius:5px;background:var(--theme-soft);border:1px solid var(--theme-line,var(--border));color:var(--accent)}
.admin-users-table .user-plan-stack{align-items:flex-start}
@media(max-width:1000px){.admin-users-table tbody>tr{grid-template-columns:minmax(180px,1fr) 110px 100px 140px 100px;gap:10px}}
@media(max-width:760px){.users-toolbar.history-toolbar{grid-template-columns:1fr 1fr}.users-toolbar.history-toolbar #user-search-form{grid-column:1/-1}.admin-users-table tbody>tr{grid-template-columns:minmax(0,1fr) auto;gap:12px}.admin-users-table tbody>tr>td:first-child{grid-column:1/-1}.admin-users-table .user-management-column{grid-column:2;grid-row:2/4;justify-self:end}.admin-users-table .user-plan-column{grid-column:1}}
.settings-section-heading>.configuration-status-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--muted);cursor:help}
.configuration-status-icon>svg{display:block;width:21px;height:21px;flex:none}
.settings-section-heading>.configuration-status-icon.is-ready{color:#64d99c}
.settings-section-heading>.configuration-status-icon.is-pending{color:#f07885}
.settings-section-heading>.configuration-status-icon.is-disabled{color:var(--accent)}
.configuration-status-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.settings-section-heading>.configuration-status-icon.is-unconfigured{color:#f07885;background:#f0788510;border-color:#f0788544}
.settings-section-heading>.configuration-status-icon.is-incomplete{color:#efa96b;background:#efa96b10;border-color:#efa96b44}
.settings-section-heading>.configuration-status-icon.is-pending{color:#b69af5;background:#b69af510;border-color:#b69af544}
.settings-section-heading>.configuration-status-icon.is-complete{color:#64d99c;background:#64d99c10;border-color:#64d99c44}
.settings-section-heading:has(>.configuration-status-icon)>a{order:1}
.settings-section-heading>.configuration-status-icon{order:2}
.settings-section-heading>.configuration-status-icon{border-radius:5px}
.ranking-report-actions>.report-view-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;max-height:none;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--theme-ink,var(--accent));font-size:12px;line-height:20px;transition:background 100ms,border-color 100ms}
.report-view-button>svg{display:block;width:18px;height:18px;flex:0 0 18px;margin:0}
.report-view-button>span{margin:0;font-size:inherit;line-height:20px;color:inherit}
.ranking-report-actions>.report-view-button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-color:var(--accent)}
@media(max-width:500px){.ranking-report-actions>button.csv-export-button{max-width:100%;white-space:normal;text-align:center}}
.dashboard-ranking-footer:has(+.report-summary){margin-top:12px;padding-top:0;padding-bottom:0;border-top:0}
.dashboard-ranking-footer+.report-summary{margin-top:0;padding-top:12px;border-top:0}
.hours-leader{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
.hours-leader:last-child{border-bottom:0;padding-bottom:0}
.hours-leader-position{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:12px;font-weight:700}
.hours-leader-main{flex:1;min-width:0}
.hours-leader-label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}
.hours-leader-label>span{min-width:0;overflow-wrap:anywhere}
.hours-leader-label strong{white-space:nowrap;color:var(--accent);font-size:14px}
.hours-leader-track{display:block;height:5px;margin-top:10px;border-radius:5px;background:var(--border);overflow:hidden}
.hours-leader-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.dashboard-frequency-scroll table{margin-bottom:0}
.dashboard-frequency-scroll tbody tr:last-child td{border-bottom:0}
.dashboard-frequency-scroll+.dashboard-ranking-footer{margin-top:0;padding-top:14px}
.collection-editor-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:start;margin:18px 0 12px}
.collection-editor .collection-editor-fields>.field{width:100%;max-width:none;margin:0!important;min-width:0}
.collection-editor-fields>.collection-review-selected{display:flex;align-items:center;gap:10px;height:54px;min-height:54px;margin:0;padding:0 12px;white-space:nowrap;font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-weight:500}
.collection-filter-switch{position:relative;display:block;flex:0 0 32px;width:32px;height:18px;border-radius:20px;background:var(--border);transition:background 100ms}
.collection-filter-switch:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform 100ms}
.collection-review-selected[aria-checked=true] .collection-filter-switch{background:var(--accent)}
.collection-review-selected[aria-checked=true] .collection-filter-switch:after{transform:translateX(14px)}
@media(max-width:850px){.collection-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-editor-fields>.collection-review-selected{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:480px){.collection-editor-fields{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){.floating-field-caption,.floating-field-control :is(input,select,textarea){transition:none!important}}

/* Compact header search, retaining the floating label and trailing search icon. */
.shell .workspace>.topbar{height:61px;min-height:61px}
.workspace .topbar>label.header-search-field{height:40px;min-height:40px}
.workspace .topbar>label.header-search-field .floating-field-control input{height:40px!important;min-height:40px!important;padding:16px 38px 2px 12px!important;font-size:12px;line-height:20px}
.workspace .topbar>.header-search-field>svg{top:11px;right:12px;width:18px;height:18px}
.workspace .topbar>.header-search-field .floating-field-caption{top:10px;right:38px;font-size:12px;line-height:20px}
.workspace .topbar>.header-search-field .floating-field-control:focus-within>.floating-field-caption,
.workspace .topbar>.header-search-field .floating-field-control:has(input:not(:placeholder-shown),input:autofill)>.floating-field-caption{top:2px;font-size:9px;line-height:14px}
/* Keep moderation status anchored to the author, with date above actions. */
.comment-admin-list>.comment-admin-card{align-items:start;grid-template-rows:auto;row-gap:8px}
.comment-admin-card>.comment-status-icon{align-self:start;grid-row:1/5}
.comment-admin-card>header{grid-column:2;grid-row:1;min-width:0;align-self:start}
.comment-admin-card>.comment-admin-date{grid-column:3;grid-row:1;justify-self:end;align-self:start;text-align:right;white-space:nowrap;font-size:10px;line-height:18px;color:var(--muted)}
.comment-admin-card>.comment-admin-actions{grid-column:3;grid-row:2/5;align-self:start;justify-self:end;justify-content:flex-end}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{column-gap:10px;padding:16px 12px;grid-template-columns:36px minmax(0,1fr) auto}.comment-admin-card>.comment-admin-date{font-size:9px;white-space:normal;max-width:90px}}
.comment-admin-list>.comment-admin-card{grid-template-columns:36px minmax(0,1fr) auto 36px}
.comment-admin-card>.comment-admin-date{grid-column:3;grid-row:1;align-self:start;line-height:36px}
.comment-admin-card>.comment-admin-actions{grid-column:4;grid-row:1;align-self:start}
.comment-admin-actions>.comment-admin-menu-trigger{width:36px;height:36px;color:var(--muted);background:transparent;border-color:transparent}
.comment-admin-actions>.comment-admin-menu-trigger:hover,.comment-admin-actions>.comment-admin-menu-trigger[aria-expanded=true]{background:var(--theme-soft);border-color:var(--border);color:var(--accent)}
.comment-admin-menu{position:fixed;inset:auto;margin:0;padding:6px;width:220px;max-width:calc(100vw - 16px);border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text,#f7f7f9);box-shadow:0 12px 32px #0005}
.comment-admin-menu>button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:12px;text-align:left}
.comment-admin-menu>button:hover{background:var(--theme-soft)}
.comment-admin-menu>button>svg{display:block;flex:0 0 18px;width:18px;height:18px}
.comment-admin-menu>[data-action=approve]{color:#64d99c}
.comment-admin-menu>[data-action=remove]{color:#f07885}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{grid-template-columns:36px minmax(0,1fr) 32px;column-gap:10px}.comment-admin-card>header{padding-right:0}.comment-admin-card>.comment-admin-date{grid-column:2;grid-row:2;justify-self:start;max-width:none;white-space:normal;line-height:16px}.comment-admin-card>.comment-admin-actions{grid-column:3;grid-row:1}.comment-admin-card>.comment-status-icon{grid-row:1/6}}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{grid-template-columns:36px minmax(0,1fr) 86px 32px;column-gap:8px}.comment-admin-card>.comment-admin-date{grid-column:3;grid-row:1;justify-self:end;max-width:86px;line-height:18px}.comment-admin-card>.comment-admin-actions{grid-column:4;grid-row:1}.comment-admin-card>.comment-flags,.comment-admin-card>p,.comment-admin-card>.comment-report-reasons{grid-column:2/5}.comment-admin-card>header{flex-wrap:wrap;gap:4px}}
.comment-admin-list>.comment-admin-card{position:relative;padding:14px 16px;row-gap:6px;grid-template-rows:none}
.comment-admin-card>.comment-status-icon{grid-row:1;align-self:start}
.comment-admin-card>header{grid-row:1;align-self:center}
.comment-admin-card>p{grid-row:2;align-self:start}
.comment-admin-card>.comment-flags{grid-row:3}
.comment-admin-card>.comment-report-reasons{grid-row:4}
.comment-admin-card>.comment-admin-actions{position:absolute;right:6px;top:6px;grid-area:auto}
.comment-admin-card>.comment-admin-date{grid-column:3;grid-row:1;padding-right:30px;line-height:36px}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{grid-template-columns:36px minmax(0,1fr) auto;padding:12px;gap:6px 10px}.comment-admin-card>.comment-status-icon{grid-row:1}.comment-admin-card>.comment-admin-date{grid-column:3;grid-row:1;max-width:110px;padding-right:28px;line-height:18px}.comment-admin-card>p,.comment-admin-card>.comment-flags,.comment-admin-card>.comment-report-reasons{grid-column:2/4}}
.lobby-member>.lobby-player-options{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;min-height:32px;padding:0;border-color:transparent;color:var(--muted);background:transparent}
.lobby-member>.lobby-player-options>svg{display:block;width:18px;height:18px}
.lobby-player-options:hover{background:var(--theme-soft);color:var(--accent)}
.lobby-player-menu{position:fixed;inset:auto;margin:0;width:225px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text,#f7f7f9);box-shadow:0 12px 32px #0005}
.lobby-player-menu>:is(button,a.user-profile-menu-link){display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:12px;text-align:left}
.lobby-player-menu>:is(button,a.user-profile-menu-link):hover{background:var(--theme-soft)}
.lobby-player-menu>:is(button,a.user-profile-menu-link).danger{color:#f07885}
.lobby-player-menu svg,.player-report-form-actions svg{display:block;flex:0 0 18px;width:18px;height:18px}
.player-report-dialog{position:fixed;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text,#f7f7f9)}
.player-report-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.player-report-dialog h2{margin:12px 32px 14px 0;font-size:24px}
.player-report-dialog .field{margin:14px 0}
.player-report-dialog .player-report-close{position:absolute;right:12px;top:12px;width:32px;height:32px;padding:0}
.player-report-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.player-reports-list{border:1px solid var(--border);border-radius:6px;overflow:hidden}
.player-report-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--panel);text-align:left}
.player-report-row:last-child{border-bottom:0}
.player-report-row:hover{background:var(--theme-soft)}
.player-report-row strong{display:block;font-size:13px}
.player-report-row small{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:400}
.player-report-row time{font-size:10px;color:var(--muted);font-weight:400}
.player-report-review-dialog{width:min(900px,calc(100vw - 24px))}
.player-report-details dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.player-report-details dl>div,.player-report-explanation{margin:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.player-report-details dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.player-report-details dd{margin:0;font-size:12px;overflow-wrap:anywhere}
.player-report-explanation,.player-report-chat p{white-space:pre-wrap;overflow-wrap:anywhere}
.player-report-details h3{font-size:14px;margin:20px 0 10px}
.player-report-chat{max-height:450px;overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:12px}
.player-report-chat article{padding:12px;margin-bottom:8px;border:1px solid var(--border);border-radius:6px}
.player-report-chat article.reported-player{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--theme-soft)}
.player-report-chat header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.player-report-chat time{font-size:10px;color:var(--muted)}
.player-report-chat p{margin:8px 0 0;font-size:12px}
.player-report-details>[data-review-report]{margin-top:18px}
@media(max-width:600px){.player-report-row{grid-template-columns:36px minmax(0,1fr)}.player-report-row time{grid-column:2}.player-report-details dl{grid-template-columns:1fr}.player-report-chat header{flex-wrap:wrap}.player-report-dialog{padding:20px}.player-report-form-actions{flex-wrap:wrap}}
.admin-navigation>[data-tab]{position:relative}
.admin-navigation>[data-tab].has-pending-badge{padding-right:32px}
.admin-navigation .admin-pending-badge{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:1px solid var(--panel);border-radius:999px;background:#ed667a;color:#fff;font-size:10px;line-height:16px;font-weight:800;font-variant-numeric:tabular-nums;pointer-events:auto}
#player-reports-admin{padding:0;border:0;background:transparent;box-shadow:none}
.player-reports-list{overflow:visible}
.player-reports-list:has(>.empty){border:0;border-radius:0;background:transparent}
.player-report-card>.comment-flags{grid-row:2}
.player-report-card>p{grid-row:3}
.player-report-card .comment-flags>span{overflow-wrap:anywhere}
/* Align the moderation heading, status, date and menu on one center line. */
.comment-admin-list>.comment-admin-card{padding-top:14px}
.comment-admin-card>.comment-status-icon{align-self:start}
.comment-admin-card>header{min-height:36px;align-self:start;align-items:center}
.comment-admin-card>.comment-admin-date{min-height:36px;line-height:36px;align-self:start;display:flex;align-items:center;justify-content:flex-end;margin:0; padding-right:30px}
.comment-admin-card>.comment-admin-actions{top:14px;right:6px;align-self:start}
.comment-admin-card>.comment-admin-actions>.comment-admin-menu-trigger{width:36px;height:36px;min-width:36px;min-height:36px}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{padding-top:12px}.comment-admin-card>.comment-admin-actions{top:12px}.comment-admin-card>.comment-admin-date{line-height:18px;min-height:36px;padding-right:28px}}
/* Keep the timestamp close to the options button, including its hit area. */
.comment-admin-card>.comment-admin-date{padding-right:8px}
@media(max-width:500px){.comment-admin-card>.comment-admin-date{padding-right:8px}}
.comment-admin-card>.comment-admin-date{padding-right:0;transform:translateX(18px)}
@media(max-width:500px){.comment-admin-card>.comment-admin-date{padding-right:36px;transform:none}}
/* Compact moderation rows: icon alongside the author and message together. */
.comment-admin-list>.comment-admin-card{padding:14px;column-gap:14px;row-gap:2px;grid-template-rows:auto}
.comment-admin-card>.comment-status-icon{grid-column:1;grid-row:1/3;align-self:start}
.comment-admin-card>header{grid-column:2;grid-row:1;min-height:16px;line-height:16px;align-self:start;align-items:center}
.comment-admin-card>p{grid-column:2;grid-row:2;margin:0;font-size:12px;line-height:18px}
.comment-admin-card>.comment-flags{grid-column:2;grid-row:3}
.comment-admin-card>.comment-report-reasons{grid-column:2;grid-row:4}
.comment-admin-card>.comment-admin-date{grid-row:1/3;min-height:36px;line-height:36px;transform:translateX(16px)}
.comment-admin-card>.comment-admin-actions{top:14px}
.player-report-card>.comment-flags{grid-row:3}
.player-report-card>p{grid-row:2}
@media(max-width:500px){.comment-admin-list>.comment-admin-card{padding:12px;column-gap:10px;row-gap:2px}.comment-admin-card>header{min-height:16px}.comment-admin-card>.comment-status-icon{grid-row:1/3}.comment-admin-card>p,.comment-admin-card>.comment-flags,.comment-admin-card>.comment-report-reasons{grid-column:2/4}.comment-admin-card>.comment-admin-date{grid-row:1;line-height:18px;transform:none;padding-right:36px}.comment-admin-card>.comment-admin-actions{top:12px}}
/* Preserve the previous date/menu positioning alongside compact comment text. */
.comment-admin-card>.comment-admin-date{grid-row:1;min-height:36px;line-height:36px;transform:translateX(18px)}
.comment-admin-card>.comment-admin-actions{top:14px;right:6px}
@media(max-width:500px){.comment-admin-card>.comment-admin-date{grid-row:1;min-height:36px;line-height:18px;padding-right:36px;transform:none}.comment-admin-card>.comment-admin-actions{top:12px;right:6px}}
.comment-admin-card>.comment-admin-date{position:absolute;top:14px;right:48px;grid-area:auto;transform:none;padding:0;min-height:36px;line-height:36px}
@media(max-width:500px){.comment-admin-card>.comment-admin-date{top:12px;right:48px;max-width:86px;min-height:36px;line-height:18px;padding:0;transform:none}}
/* Notification counts overlap the menu item without shifting its label. */
.tabs.admin-navigation{padding-top:12px;padding-right:12px;padding-bottom:8px}
.tabs.admin-navigation>[data-tab].has-pending-badge{padding-right:14px}
.admin-navigation .admin-pending-badge{top:-7px;right:-5px;z-index:2;min-width:19px;height:19px;border:2px solid var(--panel);line-height:15px}
@media(max-width:760px){.tabs.admin-navigation>[data-tab].has-pending-badge{padding-right:11px}}
.user-warning-marker{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:7px;width:22px;height:22px;border:1px solid #efb97555;border-radius:5px;background:#efb97512;color:#efb975}
.user-warning-marker svg{display:block;width:15px;height:15px}
.player-report-review-form{display:grid;gap:12px;margin-top:18px}
.player-report-review-form .field,#moderation-form .field{margin:0!important}
.player-report-review-form [data-sanction-fields],.player-report-review-form [data-duration-fields],#moderation-form,#moderation-form [data-duration-fields]{display:grid;gap:12px}
[data-sanction-fields][hidden],[data-duration-fields][hidden],[data-expiration-field][hidden]{display:none!important}
.player-report-review-form>[type=submit],#moderation-form>[type=submit]{justify-self:start;min-height:42px;padding:10px 18px}
.social-notification-copy .social-moderation-reason{white-space:pre-wrap;overflow-wrap:anywhere}
.comment-flags>.report-tag{padding:4px 7px;border:1px solid;border-radius:5px;font-size:10px;line-height:15px}
.comment-flags>.report-tag-reason{color:#efb975;background:#efb97510;border-color:#efb97538}
.comment-flags>.report-tag-reporter{color:var(--accent);background:var(--theme-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.comment-flags>.report-tag-room{color:#8dc8f4;background:#8dc8f410;border-color:#8dc8f438}
/* Slightly narrower administration menu items. */
.tabs.admin-navigation>button,.tabs.admin-navigation>[data-tab].has-pending-badge{padding-left:11px;padding-right:11px}
@media(max-width:760px){.tabs.admin-navigation>button,.tabs.admin-navigation>[data-tab].has-pending-badge{padding-left:9px;padding-right:9px}}
html[data-theme="lime"]{--bg:#151b0e;--panel:#232d18;--border:#40542a;--muted:#b3c29d;--accent:#b5ed49}
html[data-theme="tangerine"]{--bg:#24160f;--panel:#382319;--border:#64432d;--muted:#d0b09a;--accent:#ff9e64}
html[data-theme="mono"]{--bg:#111111;--panel:#1e1e1e;--border:#414141;--muted:#b5b5b5;--accent:#e3e3e3}

/* Graphite: charcoal surfaces inspired by the reference. */


/* Noturno: neutral dark greys; retain the saved slate identifier. */
html[data-theme="slate"]{--bg:#141416;--panel:#242427;--border:#3b3b40;--muted:#b1b1ba;--accent:#a4a4ad;--text:#f1f1f3;--theme-soft:#ffffff08;--theme-line:#414146;--theme-ink:#dedee2}
html[data-theme="slate"] .shell .primary,html[data-theme="slate"] .shell .sidebar nav button.active,html[data-theme="slate"] .shell .admin-navigation button.active,html[data-theme="slate"] .shell .personal-tabs.personal-navigation button.active{background:linear-gradient(125deg,#424247,#333337);border-color:#55555d;color:#f1f1f3;box-shadow:none}
/* Featured cards share the width of the other overview carousels. */
.overview-featured-track>.game{flex:0 0 285px;max-width:none}
@media(max-width:600px){.overview-featured-track>.game{flex-basis:250px}}
/* A fading right edge hints at more cards, without covering their controls. */
:is(.overview-personal-track,.overview-featured-track,.top-games-track).overview-carousel-fade{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 48px),transparent 100%)}
@media(max-width:600px){:is(.overview-personal-track,.overview-featured-track,.top-games-track).overview-carousel-fade{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}}
.request-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin-top:4px}
.request-moderation .request-form-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:auto;height:44px;min-height:44px;margin:0;padding:10px 16px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:5px;color:var(--theme-ink,var(--accent));font-size:12px;line-height:20px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));transition:background 100ms,border-color 100ms}
.request-moderation .request-form-actions>.request-save-button{background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}
.request-moderation .request-form-actions>button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 28%,var(--panel));border-color:var(--accent)}
.request-form-actions>button>svg{display:block;flex:0 0 18px;width:18px;height:18px;margin:0}
/* Dashboard: audience, activity and infrastructure */
.dashboard-section{margin:20px 0 24px}.dashboard-section-heading,.health-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.dashboard-section-heading h3,.health-heading h3{margin:5px 0 0;font-size:21px;letter-spacing:-.4px}.dashboard-section-heading .eyebrow,.health-heading .eyebrow{font-size:10px;letter-spacing:1.6px}.dashboard-section .report-metrics{display:grid;gap:10px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-section .dashboard-live-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-section .stat{position:relative;overflow:hidden;min-height:104px;padding:14px 16px;border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:none}.dashboard-section .stat:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.7}.dashboard-section .stat small{font-size:12px;font-weight:600;color:var(--muted)}.dashboard-section .stat strong{display:block;font-size:28px;letter-spacing:-1px;line-height:1.15;margin:8px 0 6px;font-variant-numeric:tabular-nums}.dashboard-section .stat p{font-size:11px;margin:0;color:var(--muted);line-height:1.6}.dashboard-now .stat{background:linear-gradient(140deg,var(--theme-soft,#ffffff05),transparent),var(--panel)}.dashboard-now .stat:first-child{border-color:var(--accent)}.dashboard-now .stat:first-child:before{background:#63d9b7}.dashboard-audience .stat:before{background:#a898ee}.dashboard-engagement .stat:before{background:#e9b978}.dashboard-section>.report-caption{margin:12px 0 0;font-size:11px;line-height:1.6}.dashboard-analysis-heading{margin-top:34px}.health-live{display:inline-flex;gap:7px;align-items:center;flex-shrink:0;font-size:11px;color:var(--muted)}.health-live i{width:6px;height:6px;background:#63d9b7;border-radius:50%;box-shadow:0 0 0 4px #63d9b710}.dashboard-infrastructure{position:relative;margin:34px 0 16px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--theme-soft,#ffffff03)}.health-period{display:flex;justify-content:flex-end;margin-bottom:18px}.health-period label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.health-period select{min-width:165px;min-height:40px}.health-heading p{color:var(--muted);font-size:11px;margin:8px 0 0;line-height:1.6}.health-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.health-metric{display:flex;gap:12px;align-items:flex-start;padding:18px 15px;border:1px solid var(--border);border-radius:12px;background:var(--panel);min-width:0}.health-metric-icon{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:9px;background:var(--theme-soft,#ffffff08);color:var(--accent)}.health-metric-icon svg{width:19px;height:19px}.health-metric small{font-size:11px;color:var(--muted)}.health-metric strong{display:block;font-size:23px;margin:9px 0;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.health-metric p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.health-charts{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.health-card{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:20px;min-width:0}.health-card h4{font-size:14px;margin:0;line-height:1.5}.health-card .report-heading{gap:8px;flex-wrap:wrap;margin-bottom:18px}.health-card .badge{font-size:8px;letter-spacing:.5px}.health-chart svg{display:block;width:100%;height:auto;overflow:visible}.health-chart text{font-size:11px;fill:var(--muted)}.health-gridline{stroke:var(--border);stroke-dasharray:4 5}.health-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.health-area{opacity:.08}.health-line.violet{stroke:var(--accent)}.health-point.violet,.health-area.violet{fill:var(--accent)}.health-line.teal{stroke:#63d9b7}.health-point.teal,.health-area.teal{fill:#63d9b7}.health-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;font-size:11px;color:var(--muted);margin-top:12px}.health-legend span{display:flex;align-items:center;gap:7px}.health-legend i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.health-legend .teal i{background:#63d9b7}.health-chart-empty{min-height:180px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--muted);line-height:1.7}.health-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.health-card dl{margin:15px 0 0}.health-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px;line-height:1.5}.health-card dl>div:last-child{border-bottom:0;padding-bottom:0}.health-card dt{color:var(--muted)}.health-card dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.health-explanation{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.8}.health-explanation summary{cursor:pointer;color:var(--text);font-weight:600}.health-feedback{margin:15px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:1150px){.health-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-details-grid{grid-template-columns:1fr 1fr}.health-details-grid>.health-card:last-child{grid-column:1/-1}.health-charts{grid-template-columns:1fr}.dashboard-section .dashboard-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dashboard-section .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-section .stat{padding:12px;min-height:104px}.dashboard-section .stat strong{font-size:25px}.dashboard-section-heading,.health-heading{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-infrastructure{padding:15px}.health-current-grid{gap:9px}.health-metric{padding:13px 10px;gap:8px}.health-metric-icon{display:none}.health-metric strong{font-size:22px}.health-details-grid{grid-template-columns:1fr}.health-details-grid>.health-card:last-child{grid-column:auto}.health-card{padding:16px}.health-period label{width:100%;justify-content:space-between}.health-period{justify-content:stretch}.health-chart text{font-size:12px}}
@media(max-width:360px){.dashboard-section .report-metrics,.health-current-grid{grid-template-columns:1fr}}
.health-chart text{font-size:13px}.health-charts{grid-template-columns:1fr}.health-chart{max-width:100%;margin:auto}.health-charts .health-chart svg{max-height:300px}.dashboard-now .stat:first-child strong{color:#86ddbe}@media(min-width:1500px){.health-charts{grid-template-columns:1.2fr 1fr}.health-charts .health-chart svg{max-height:none}}
.health-chart-caption{color:var(--muted);font-size:10px;line-height:1.6;margin:14px 0 0;text-align:center}
.health-chart-tooltip{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:min(300px,calc(100vw - 20px));padding:11px 14px;border:1px solid var(--theme-line,var(--border));border-radius:9px;background:var(--panel,#1c1928);color:var(--text,#f5efff);box-shadow:0 8px 24px #0005;white-space:pre-line;font:500 12px/1.7 system-ui,sans-serif;pointer-events:none;z-index:2147483647;transition:none;animation:none}.health-chart-tooltip[hidden]{display:none}.health-chart-tooltip::backdrop{background:transparent;pointer-events:none}.health-chart svg{cursor:crosshair}
.health-hover-line{stroke:var(--muted,#b4adca);stroke-width:1;stroke-dasharray:4 4;opacity:.7;pointer-events:none;vector-effect:non-scaling-stroke}.health-point-active{stroke:var(--panel,#1c1928);stroke-width:2;paint-order:stroke;pointer-events:none}
.dashboard-metric-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:var(--theme-soft,#ffffff06);color:var(--accent);border:1px solid var(--border);pointer-events:none}.dashboard-metric-icon svg{width:30px;height:30px;display:block}.dashboard-section .stat>small{display:block;padding-right:64px;min-height:17px}.dashboard-now .stat:first-child .dashboard-metric-icon{color:#86ddbe;background:#63d9b70b;border-color:#63d9b72a}.dashboard-engagement .dashboard-metric-icon{color:#d8b888}@media(max-width:650px){.dashboard-metric-icon{top:50%;right:10px;width:42px;height:42px;border-radius:10px}.dashboard-metric-icon svg{width:24px;height:24px}.dashboard-section .stat>small{padding-right:50px}}

.dashboard-section .stat:has(.dashboard-metric-icon){padding-right:84px}.dashboard-section .stat:has(.dashboard-metric-icon)>small{padding-right:0}@media(max-width:650px){.dashboard-section .stat:has(.dashboard-metric-icon){padding-right:64px}}
.seo-language-picker .language-options a{display:block;padding:10px 12px;border-radius:7px;text-decoration:none;color:var(--text);font-size:12px}.seo-language-picker .language-options a:hover,.seo-language-picker .language-options a[aria-current]{background:var(--theme-soft,#ffffff0d);color:var(--accent)}

/* Matching plot geometry, baselines and legends for the monitoring pair. */
.health-charts{grid-template-columns:1fr}.health-charts>.health-card{display:grid;grid-template-rows:auto auto auto auto;align-content:start}.health-charts .report-heading{min-height:28px;margin-bottom:18px}.health-charts .health-chart{width:100%;height:280px;min-height:280px}.health-charts .health-chart svg{width:100%;height:280px;max-height:none}.health-charts .health-legend{min-height:20px;align-items:center;margin-top:12px}.health-charts .health-chart-caption{min-height:32px}.health-charts .health-chart-empty{height:280px}@media(min-width:1500px){.health-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.health-charts .health-chart,.health-charts .health-chart svg,.health-charts .health-chart-empty{height:230px;min-height:230px}}
.language-picker summary{display:flex;align-items:center;line-height:1;min-height:38px}.language-picker summary>svg{display:block;width:16px;height:16px;flex:0 0 16px;align-self:center}.language-picker summary>.language-chevron{width:13px;height:13px;flex-basis:13px}.original-player-panel{aspect-ratio:auto!important;min-height:1000px}.original-player-panel #game-frame{width:100%;height:1100px;min-height:1000px;border:0;display:block}.original-room-list .box{margin-top:12px}

@media(min-width:1100px){.health-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}

#room-play-stage iframe.original-room-frame{height:1100px;min-height:800px;aspect-ratio:auto;border:0;width:100%}

/* Originals use the existing carousel behavior and card dimensions. */
.overview-originals-section>.section-head .eyebrow{color:#e1bd69}.overview-originals-section .originals-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;font-size:12px;white-space:nowrap}.overview-originals-section>.section-head>.actions{flex-wrap:nowrap;gap:8px}.game .cover-labels .original-game-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #c49b4e99;border-radius:6px;background:linear-gradient(135deg,#342b18f5,#1e1a12f5);color:#f2d38b;font-size:9px;font-weight:800;line-height:1.1;letter-spacing:.9px;box-shadow:0 2px 8px #0005,inset 0 1px 0 #ffe7a51c;white-space:nowrap}.original-game-badge svg{display:block;width:15px;height:15px;flex:0 0 15px}.main .overview-featured-section>.overview-featured-track{padding:10px 2px 18px}.overview-originals-track{padding-top:10px}@media(max-width:600px){.overview-originals-section>.section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.overview-originals-section .originals-view-all{min-height:40px}}

.game .cover-labels .original-game-badge{justify-content:center;min-height:27px;line-height:1;padding:5px 8px}.original-game-badge>span{display:flex;align-items:center;justify-content:center;align-self:stretch;line-height:1;text-align:center}

.original-player-panel{min-height:0!important;align-self:start}.original-player-panel #game-frame{height:600px;min-height:0!important}#room-play-stage iframe.original-room-frame{height:600px;min-height:0!important}.console-with-sidebar-ad:has(.original-player-panel){align-items:stretch}

.health-chart .health-point{opacity:1;pointer-events:none}.health-chart .health-point-active{opacity:1}.health-chart .health-line{stroke-width:2}.health-chart .health-area{opacity:.045}

/* Originais RetroJoga: acabamento ouro. */
.console-filters .console-option.console-originals{color:#f5d783;border-color:#a7813e;background:linear-gradient(135deg,#392f1c 0%,#211c16 48%,#302619 100%);box-shadow:inset 0 1px 0 #ffe8a52b}
.console-filters .console-option.console-originals svg{color:#edc664;filter:drop-shadow(0 1px 2px #d69c2826)}
.console-filters .console-option.console-originals:hover,.console-filters .console-option.console-originals.selected{color:#fff0ba;border-color:#e3bc63;background:linear-gradient(135deg,#584323,#302618 52%,#47351d);box-shadow:inset 0 1px 0 #fff0b840,0 5px 18px #c8952522}
.console-filters .console-option.console-originals:focus-visible{outline-color:#edc664}

/* Busca e ações da biblioteca compartilham a altura do campo flutuante. */
.catalog-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.catalog-search-row .public-library-search{margin:0}
.catalog-search-row .public-library-search input{box-sizing:border-box;height:54px;min-height:54px;margin:0}
.catalog-search-row .catalog-heading-actions{align-self:center;height:54px;align-items:stretch}
.catalog-search-row .catalog-heading-actions .catalog-request-button,
.catalog-search-row .catalog-heading-actions .catalog-filter-panel>summary{box-sizing:border-box;height:54px;min-height:54px;margin:0;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){.catalog-search-row{grid-template-columns:minmax(0,1fr);gap:12px}.catalog-search-row .catalog-heading-actions{width:100%}}

.traffic-chart{cursor:crosshair}.traffic-chart .health-point-active{stroke-width:2;filter:none}

.health-timeline{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:grid;gap:8px;font-size:11px;color:var(--muted)}.health-timeline-heading{display:flex;align-items:center;justify-content:space-between}.health-timeline-heading button{padding:5px 9px;font-size:10px}.health-timeline label{display:flex;align-items:center;gap:10px}.health-timeline label input{flex:1;min-width:0;accent-color:var(--accent);cursor:ew-resize}.health-timeline output{font-variant-numeric:tabular-nums;text-align:center}

/* Seleção do intervalo: controles paralelos e trilhos discretos. */
.health-timeline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px;padding:16px 0 2px}
.health-timeline-heading,.health-timeline output{grid-column:1/-1}
.health-timeline-heading strong{font-size:12px;color:var(--text,#eee9f7)}
.health-timeline-heading button{border:1px solid var(--border);background:var(--theme-soft,#ffffff08);color:var(--muted);padding:6px 10px;border-radius:6px!important}
.health-timeline label{display:grid;grid-template-columns:1fr;gap:8px;font-size:11px}
.health-timeline label input[type=range]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:20px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:ew-resize}
.health-timeline input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:#756b8b}
.health-timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border:3px solid var(--panel,#211c2a);border-radius:50%;background:var(--accent,#ac8bea);box-shadow:0 0 0 1px var(--accent,#ac8bea),0 2px 5px #0005}
.health-timeline input[type=range]::-moz-range-track{height:5px;border-radius:99px;background:#756b8b}
.health-timeline input[type=range]::-moz-range-progress{height:5px;border-radius:99px;background:#756b8b}
.health-timeline input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid var(--panel,#211c2a);border-radius:50%;background:var(--accent,#ac8bea);box-shadow:0 0 0 1px var(--accent,#ac8bea)}
.health-timeline input[type=range]:focus-visible{outline:2px solid var(--accent,#ac8bea);outline-offset:4px;border-radius:5px}
.health-timeline output{padding:8px 10px;border-radius:6px;background:var(--theme-soft,#ffffff05);font-size:11px;letter-spacing:.15px}

.health-chart svg,.traffic-chart{touch-action:pan-y}.health-point-active{filter:none;box-shadow:none}

.traffic-line-3{stroke:#6faef3}.traffic-dot-3{fill:#6faef3}.traffic-legend span:nth-child(4):before{background:#6faef3}

.traffic-legend label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:28px;color:var(--muted);font-size:10px}
.traffic-legend label>span:before{display:none}
.traffic-legend input[type=checkbox]{appearance:none;-webkit-appearance:none;width:13px;height:13px;min-height:0;margin:0;padding:0;border:1px solid var(--series-color);border-radius:3px;background:transparent;cursor:pointer;flex:0 0 13px}
.traffic-legend input[type=checkbox]:checked{background-color:var(--series-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23141420' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 3 3 7-7'/%3E%3C/svg%3E")}
.traffic-legend input:focus-visible{outline:2px solid var(--series-color);outline-offset:3px}
.traffic-legend .series-hidden>span{opacity:.5}

.health-legend label{display:inline-flex;align-items:center;gap:6px;min-height:30px;cursor:pointer;font-size:10px;color:var(--muted)}
.health-legend input[type=checkbox]{appearance:none;-webkit-appearance:none;width:13px;height:13px;min-height:0;margin:0;padding:0;border:1px solid var(--series-color);border-radius:3px;background:transparent;cursor:pointer;flex:0 0 13px}
.health-legend label.violet{--series-color:#a98af6}.health-legend label.teal{--series-color:#56d6c1}
.health-legend input[type=checkbox]:checked{background-color:var(--series-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23141420' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 3 3 7-7'/%3E%3C/svg%3E")}
.health-legend input:focus-visible{outline:2px solid var(--series-color);outline-offset:3px}.health-legend .series-hidden>span{opacity:.5}

.health-timeline>label{box-sizing:border-box;min-width:0;padding:6px 10px;border:1px solid var(--border,#393342);border-radius:6px;background:var(--theme-soft,#ffffff04);gap:5px}

.health-chart .health-point-detail{opacity:0}.health-chart .health-point-detail.health-point-active{opacity:1}

.health-chart .health-point{opacity:0}.health-chart .health-point.health-point-active{opacity:1}

.health-explanation{box-sizing:border-box;border:1px solid var(--border,#393342);border-radius:8px;background:var(--panel,#1c1928);padding:0;margin-top:18px;overflow:hidden}
.health-explanation>summary{padding:14px 16px;cursor:pointer;color:var(--muted);font-size:12px;min-height:44px;box-sizing:border-box}
.health-explanation>summary:hover{color:var(--text,#f5efff);background:var(--theme-soft,#ffffff05)}
.health-explanation>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.health-explanation[open]>summary{border-bottom:1px solid var(--border,#393342)}
.health-explanation>p{margin:12px 16px;font-size:12px;line-height:1.7}.health-explanation>p:last-child{margin-bottom:16px}

.health-explanation>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.health-explanation>summary::-webkit-details-marker{display:none}.health-explanation>summary::marker{content:''}
.health-explanation-chevron{display:block;width:18px;height:18px;flex:0 0 18px;transition:transform .18s ease}
.health-explanation[open] .health-explanation-chevron{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.health-explanation-chevron{transition:none}}

.health-heading-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-shrink:0}
.health-heading-controls .health-period{margin:0}
.health-heading-controls .health-period label{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;width:auto}
.health-heading-controls .health-period .site-select{width:170px;min-width:0}
@media(max-width:1000px){.health-heading{flex-wrap:wrap}.health-heading-controls{flex-wrap:wrap;justify-content:flex-start;gap:12px}}
@media(max-width:650px){.health-heading-controls{width:100%}.health-heading-controls .health-period{margin-left:auto}.health-heading-controls .health-period label{white-space:normal}.health-heading-controls .health-period .site-select{width:155px}}

.health-heading-controls .health-period label[data-floating-field]{display:block;width:190px;margin:0}.health-heading-controls .health-period label[data-floating-field] .site-select{width:100%}

.landing [data-overview-track].overview-carousel-fade{mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 72px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 72px),transparent 100%)}

.friends-bottom-ad{margin-top:24px}.friends-bottom-ad:not(:has([data-real-ad]:not([hidden]))){display:none}

.page-bottom-ad{margin-top:24px}.page-bottom-ad:not(:has([data-real-ad]:not([hidden]))){display:none}

.live-keyboard-guide{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.live-key-binding{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}

.has-number-stepper{position:relative;display:block;min-width:0}.has-number-stepper input[type=number]{appearance:textfield;-moz-appearance:textfield;padding-right:38px!important;width:100%}.has-number-stepper input::-webkit-inner-spin-button,.has-number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.number-stepper{position:absolute;right:5px;top:5px;bottom:5px;display:grid;grid-template-rows:1fr 1fr;width:26px;gap:1px}.number-stepper>button{min-height:0;width:26px;padding:0;border:0;border-radius:3px!important;background:transparent;color:var(--muted);display:grid;place-items:center}.number-stepper>button>svg{width:15px;height:15px}.number-stepper>button:hover:not(:disabled){background:var(--theme-soft,#a487f31a);color:var(--accent)}.number-stepper>button:focus-visible{outline:1px solid var(--accent);outline-offset:0}.number-stepper>button:disabled{opacity:.3}

/* Revisão: painéis com rolagem independente e divisória imóvel no desktop. */
.dialog.request-moderation-dialog{position:relative;padding:0;overflow:hidden}
.dialog.request-moderation-dialog:after{display:none}
.request-moderation-dialog>button.close{position:absolute;right:14px;top:14px;z-index:5;float:none;background:var(--panel)}
.request-moderation-dialog .request-admin-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;padding:0;align-items:stretch;height:min(90dvh,900px);min-height:0}
.request-moderation-dialog .request-admin-expanded>.request-original,
.request-moderation-dialog .request-admin-expanded>.request-moderation{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:30px 24px;scrollbar-gutter:stable}
.request-moderation-dialog .request-admin-expanded>.request-original{border-right:1px solid var(--border)}
.request-moderation-dialog .request-original>h2{margin:6px 0 28px;line-height:1.4}
.request-moderation-dialog .request-admin-expanded>.request-moderation{border:0;padding-top:90px}
@media(max-width:800px){
 .dialog.request-moderation-dialog{overflow-y:auto;max-height:90dvh}
 .request-moderation-dialog .request-admin-expanded{display:block;height:auto}
 .request-moderation-dialog .request-admin-expanded>.request-original,
 .request-moderation-dialog .request-admin-expanded>.request-moderation{overflow:visible;scrollbar-gutter:auto;padding:24px 20px;overscroll-behavior:auto;border:0}
 .request-moderation-dialog .request-admin-expanded>.request-moderation{border-top:1px solid var(--border)}
 .request-moderation-dialog .request-original>h2{padding-right:26px;margin-top:6px}
}

.catalog-filter-actions{display:flex;gap:8px;margin-top:14px}.catalog-filter-actions>button{flex:1;min-width:0;min-height:42px;padding:9px 10px;font-size:11px;gap:6px}.catalog-filter-actions>button>svg{width:16px;height:16px;flex:0 0 16px}.catalog-filter-actions [data-catalog-apply]{color:var(--accent);background:var(--theme-soft,#a487f31a);border-color:var(--theme-line,var(--accent))}

.catalog-filter-actions [data-catalog-apply]{order:0}.catalog-filter-actions [data-catalog-reset]{order:1}

.catalog-filter-actions{align-items:center}.catalog-filter-actions>button{box-sizing:border-box;height:42px;min-height:42px;max-height:42px;margin:0;line-height:20px;align-self:center}

.catalog-filter-actions>button[data-catalog-apply]{border:1px solid #a78bef55;border-radius:8px;background:color-mix(in srgb,#a78bef 12%,var(--panel));color:#cbb5ff;font-size:12px;font-weight:600;transition:background 100ms,border-color 100ms,color 100ms}
.catalog-filter-actions>button[data-catalog-apply]:hover{background:color-mix(in srgb,#a78bef 22%,var(--panel));border-color:#a78bef99;color:#e6daff}
.catalog-filter-actions>button[data-catalog-apply]:focus-visible{outline:2px solid #a78bef;outline-offset:3px}

.catalog-filter-panel>summary{transition:background-color .16s,border-color .16s,color .16s}
.catalog-filter-panel>summary:hover:not([aria-disabled=true]),.catalog-filter-panel[open]>summary{background:color-mix(in srgb,var(--accent,#a487f3) 18%,var(--panel));border-color:var(--accent,#a487f3);color:var(--accent,#a487f3)}
.catalog-filter-panel[open]>summary>svg,.catalog-filter-panel>summary:hover>svg{color:currentColor}

.request-review-description{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 20px}

.room-heading-controls{align-items:stretch}.room-heading-controls .room-back-position{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;align-self:center}
.room-back-position>.room-back-button,.room-back-position>.room-review-button{flex:0 0 auto;min-height:34px;margin:0;padding:7px 12px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.room-back-position>.room-review-button svg{width:18px;height:18px;flex:0 0 18px}.room-back-position>.room-review-button:hover{background:var(--theme-soft,#a487f31a);border-color:var(--accent);color:var(--accent)}

@media(max-width:650px){.room-heading-controls>.room-back-position>.room-review-button{height:50px;min-height:50px;font-size:13px}}

.request-review-description{text-align:justify}

.room-back-position>.room-review-button{background:var(--active-action-bg,linear-gradient(125deg,#8661dc,#7560a8));color:#fff;border-color:color-mix(in srgb,var(--accent,#a487f3) 65%,transparent);transition:filter .16s,border-color .16s,box-shadow .16s}
.room-back-position>.room-review-button:hover{background:var(--active-action-bg,linear-gradient(125deg,#8661dc,#7560a8));color:#fff;filter:brightness(1.14);border-color:#c8afff;box-shadow:0 3px 12px #a487f333}
.room-back-position>.room-back-button{transition:background-color .16s,border-color .16s,color .16s}
.room-back-position>.room-back-button:hover{background:color-mix(in srgb,var(--accent,#a487f3) 20%,var(--panel));border-color:var(--accent,#a487f3);color:#e6daff}

.comment-action-form .comment-edit-actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch}.comment-action-form .comment-edit-actions>button{width:auto;min-height:38px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.comment-action-form .comment-edit-actions>button[type=submit]{flex:1}.comment-action-form .comment-edit-actions>button[data-cancel-comment]{flex:0 0 auto}.comment-edit-actions>button svg{width:16px;height:16px;flex:0 0 16px}

.keyboard-arrow-icon{display:inline-block;width:13px;height:13px;vertical-align:middle;flex:0 0 13px}.live-key-binding>span{display:inline-flex;align-items:center}.game-how kbd:has(.keyboard-arrow-icon){min-height:18px;vertical-align:middle}

.comment-inline-editor{container-type:inline-size}
@container(min-width:640px){.comment-action-form .comment-edit-actions{justify-content:flex-start}.comment-action-form .comment-edit-actions>button[type=submit]{flex:0 0 auto;width:auto;padding-inline:16px}}

.comment-edit-actions>button[data-cancel-comment]{transition:background-color .16s,border-color .16s,color .16s}
.comment-edit-actions>button[data-cancel-comment]:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 14%,var(--panel));border-color:var(--accent,#a487f3);color:var(--accent,#a487f3)}
.comment-edit-actions>button[data-cancel-comment]:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}
.game .cover .fav:hover:not(:disabled),.hero-favorite:hover:not(:disabled){border-color:var(--accent,#a487f3)}

.room-lobby .lobby-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;line-height:18px;box-sizing:border-box}
.room-lobby .lobby-actions>button svg{display:block;width:16px;height:16px;flex:0 0 16px}
.room-lobby .lobby-actions>button:is([data-lobby-stop],[data-lobby-leave]){transition:background-color .16s,border-color .16s,box-shadow .16s}
.room-lobby .lobby-actions>[data-lobby-stop]:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 14%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);box-shadow:0 3px 12px #a487f31f}
.room-lobby .lobby-actions>[data-lobby-leave]:hover:not(:disabled){background:#53303c;border-color:#ce8799;box-shadow:0 3px 12px #ce87991f}
.room-lobby .lobby-actions>button:is([data-lobby-stop],[data-lobby-leave]):focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}

.game-launch-actions .continue-game .continue-progress-icon{display:block;width:23px;height:23px;flex:0 0 23px}

.game-dialog .game-launch-actions .continue-game{transition:background-color .16s,border-color .16s,box-shadow .16s}
.game-dialog .game-launch-actions .continue-game:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 20%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);box-shadow:0 3px 14px color-mix(in srgb,var(--accent,#a487f3) 20%,transparent)}
.game-dialog .game-launch-actions .continue-game:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.game-dialog .game-launch-actions .continue-game{transition:none}}

.game-dialog .game-launch-actions>button{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.game-dialog .game-launch-actions>.primary:hover:not(:disabled){background:var(--active-action-bg,linear-gradient(125deg,#8965d3,#6d52b4));filter:brightness(1.04);transform:none;box-shadow:0 2px 8px color-mix(in srgb,var(--accent,#a487f3) 12%,transparent);border-color:color-mix(in srgb,var(--accent,#a487f3) 75%,var(--border,#393140))}
.game-dialog .game-launch-actions>.continue-game:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 12%,var(--panel,#1b1b27));border-color:color-mix(in srgb,var(--accent,#a487f3) 65%,var(--border,#393140));box-shadow:0 2px 8px color-mix(in srgb,var(--accent,#a487f3) 8%,transparent);filter:none;transform:none}
@media(prefers-reduced-motion:reduce){.game-dialog .game-launch-actions>button{transition:none}}

/* Shared action gradient follows the selected palette. */
:root,html[data-theme]{--action-gradient-end:color-mix(in srgb,var(--accent,#a487f3) 48%,var(--panel,#1b1b27));--active-action-bg:linear-gradient(120deg,color-mix(in srgb,var(--accent,#a487f3) 55%,var(--panel,#1b1b27)),var(--action-gradient-end))}
html[data-theme="classic"]{--action-gradient-end:#405b9b}
html[data-theme="purple"]{--action-gradient-end:#674184}
html[data-theme="midnight"]{--action-gradient-end:#326c91}
html[data-theme="forest"]{--action-gradient-end:#28675b}
html[data-theme="amber"]{--action-gradient-end:#956132}
html[data-theme="slate"]{--action-gradient-end:#3e414b}
.game-dialog .game-room-option button,.game-dialog .game-launch-actions>.primary{background:var(--active-action-bg);color:#fff;border:1px solid color-mix(in srgb,var(--accent,#a487f3) 60%,var(--border,#393140));transition:filter .25s ease,border-color .25s ease,box-shadow .25s ease}
.game-dialog .game-room-option button:hover:not(:disabled){filter:brightness(1.07);border-color:color-mix(in srgb,var(--accent,#a487f3) 80%,white);box-shadow:0 3px 12px color-mix(in srgb,var(--accent,#a487f3) 15%,transparent)}
.game-dialog .game-launch-actions>.primary:hover:not(:disabled){background:var(--active-action-bg);filter:brightness(1.08);transform:none;border-color:color-mix(in srgb,var(--accent,#a487f3) 75%,white);box-shadow:inset 0 1px 0 #ffffff1f,0 3px 14px color-mix(in srgb,var(--accent,#a487f3) 22%,transparent)}
@media(prefers-reduced-motion:reduce){.game-dialog .game-room-option button,.game-dialog .game-launch-actions>.primary{transition:none}}

.game-dialog .game-room-option button,.room-back-position>.room-review-button,.console-review-action button{transition:filter .3s ease,border-color .3s ease,box-shadow .3s ease}

@media(prefers-reduced-motion:reduce){.game-dialog .game-room-option button,.room-back-position>.room-review-button,.console-review-action button{transition:none}}

.game-dialog .game-launch-actions>.primary,.game-dialog .game-launch-actions>.continue-game{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,filter .3s ease}
.game-dialog .game-launch-actions>.primary:hover:not(:disabled){filter:brightness(1.16)}
.game-dialog .game-launch-actions>.continue-game:hover:not(:disabled){filter:brightness(1.16)}
@media(prefers-reduced-motion:reduce){.game-dialog .game-launch-actions>.primary,.game-dialog .game-launch-actions>.continue-game{transition:none}}

.game-dialog .game-room-option button,.room-back-position>.room-review-button,.console-review-action button{background:var(--active-action-bg);color:#fff;border:1px solid color-mix(in srgb,var(--accent,#a487f3) 60%,var(--border,#393140));transition:filter .3s ease,border-color .3s ease,box-shadow .3s ease}
.game-dialog .game-room-option button:hover:not(:disabled),.room-back-position>.room-review-button:hover:not(:disabled),.console-review-action button:hover:not(:disabled){background:var(--active-action-bg);filter:brightness(1.16);transform:none;border-color:color-mix(in srgb,var(--accent,#a487f3) 75%,white);box-shadow:inset 0 1px 0 #ffffff1f,0 3px 14px color-mix(in srgb,var(--accent,#a487f3) 22%,transparent)}
@media(prefers-reduced-motion:reduce){.game-dialog .game-room-option button,.room-back-position>.room-review-button,.console-review-action button{transition:none}}

/* Keep action borders identical despite the global primary-button override. */
.game-dialog :is(.game-room-option button,.game-launch-actions>.primary),.room-back-position>.room-review-button,.console-review-action button{border-color:color-mix(in srgb,var(--accent,#a487f3) 65%,transparent)!important}
.game-dialog :is(.game-room-option button,.game-launch-actions>.primary):hover:not(:disabled),.room-back-position>.room-review-button:hover:not(:disabled),.console-review-action button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent,#a487f3) 65%,transparent)!important}

.game-dialog .game-launch-actions>.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff1f,0 5px 18px color-mix(in srgb,color-mix(in srgb,var(--accent,#a487f3) 80%,white) 38%,transparent)}

.sidebar-collapse-toggle{display:none}
@media(min-width:761px){
 .shell{--sidebar-expanded:240px;grid-template-columns:var(--sidebar-expanded) minmax(0,1fr);transition:grid-template-columns 200ms ease}
 .shell>.panel-drawer{width:var(--sidebar-expanded);z-index:130;transition:width 200ms ease,padding 200ms ease;isolation:isolate}
 .sidebar-collapse-toggle{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;padding:4px;border-color:transparent;color:var(--muted);background:var(--bg)}
 .sidebar-collapse-toggle svg{width:18px;height:18px;transition:transform 200ms ease}
 .sidebar-collapse-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--theme-soft)}
 .shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}
 .shell.sidebar-collapsed>.panel-drawer{width:74px;padding-inline:12px}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer{width:var(--sidebar-expanded);box-shadow:12px 0 30px #0005}
 .sidebar-collapsed .sidebar-collapse-toggle svg{transform:rotate(180deg)}
 .shell>.panel-drawer>.logo{height:58px;min-height:58px;overflow:hidden;transition:opacity 200ms ease}
 .shell>.panel-drawer nav button,.shell>.panel-drawer .sidebar-legal a,.shell>.panel-drawer .sidebar-logout{white-space:nowrap;overflow:hidden}
 .shell>.panel-drawer nav button svg,.shell>.panel-drawer .sidebar-logout svg{flex-shrink:0}
 .shell>.panel-drawer nav span,.shell>.panel-drawer .sidebar-logout span,.sidebar-version{transition:opacity 200ms ease}
 .sidebar-collapsed:not(.sidebar-peek)>.panel-drawer>.logo,.sidebar-collapsed:not(.sidebar-peek) .sidebar nav span,.sidebar-collapsed:not(.sidebar-peek) .sidebar-logout span,.sidebar-collapsed:not(.sidebar-peek) .sidebar-version{opacity:0;pointer-events:none}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav button,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout{padding-inline:14px;gap:14px}
}
@media(min-width:761px) and (max-width:1100px){.shell{--sidebar-expanded:210px}}
@media(prefers-reduced-motion:reduce){.shell,.shell>.panel-drawer,.sidebar-collapse-toggle svg,.shell>.panel-drawer>.logo,.shell>.panel-drawer nav span,.shell>.panel-drawer .sidebar-logout span,.sidebar-version{transition:none}}

.console-layout-container{container:local-console / inline-size;min-width:0}
.console-layout-container>.play-layout.console-with-sidebar-ad{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.console-layout-container .player-panel{grid-column:1;grid-row:1;width:100%;min-width:0}
.console-layout-container .console-controls-guide{grid-column:1;grid-row:2;margin:0}
.console-layout-container>.play-layout>.real-ad.side{display:none}
.console-layout-container>.play-layout>.real-ad.horizontal{grid-column:1;grid-row:3;position:static;width:100%;margin:12px 0 0}
@container local-console (min-width:1280px){
 .console-layout-container>.play-layout.console-with-sidebar-ad{grid-template-columns:minmax(0,1fr) 360px;column-gap:24px;row-gap:12px}
 .console-layout-container>.play-layout>.real-ad.side{display:flex;flex-direction:column;grid-column:2;grid-row:1 / 3;width:360px;position:static;align-self:stretch;margin:0}
 .console-layout-container>.play-layout>.real-ad.side .ad-preview-block{flex:1;min-height:300px}
 .console-layout-container>.play-layout>.real-ad.horizontal{display:none}
 .console-layout-container>.play-layout:has(>.real-ad.side[hidden]){grid-template-columns:minmax(0,1fr);column-gap:0}
}

@media(min-width:761px){
 .shell.sidebar-collapsed>.panel-drawer .sidebar-collapse-toggle{top:50%;right:4px;transform:translateY(-50%);width:24px;height:38px;z-index:5;border:1px solid color-mix(in srgb,var(--accent,#a487f3) 22%,var(--border,#393140));background:color-mix(in srgb,var(--accent,#a487f3) 7%,var(--bg,#101018));color:var(--muted);box-shadow:0 2px 6px #0002;transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease}
 .shell.sidebar-collapsed>.panel-drawer .sidebar-collapse-toggle:hover{background:color-mix(in srgb,var(--accent,#a487f3) 14%,var(--bg,#101018));border-color:color-mix(in srgb,var(--accent,#a487f3) 55%,var(--border,#393140));color:var(--accent)}
}
@media(prefers-reduced-motion:reduce){.shell.sidebar-collapsed>.panel-drawer .sidebar-collapse-toggle{transition:none}}

/* Let the local console use the workspace instead of the reading-width limit. */
.main:has(>.console-layout-container){max-width:none;width:100%;padding-inline:clamp(20px,2vw,48px)}

@media(min-width:761px){.shell.sidebar-collapsed>.panel-drawer .sidebar-collapse-toggle{top:30.5px;right:25px;transform:translateY(-50%)}}

@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-collapse-toggle{width:40px;height:40px;right:16px;padding:10px;border-radius:5px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav button,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout{width:40px;height:40px;min-height:40px;flex:0 0 40px;align-self:center;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;gap:0;border-radius:5px;box-sizing:border-box}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav span,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav svg,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout svg{width:20px;height:20px;flex:0 0 20px;margin:0}
}

@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout){display:grid;place-items:center;padding:0;margin-inline:auto;gap:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout)>svg{grid-area:1 / 1;display:block;justify-self:center;align-self:center;width:20px;height:20px;margin:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-collapse-toggle{left:50%;right:auto;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0}
}

@media(min-width:761px){
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-collapse-toggle{left:auto;right:0;top:30.5px;transform:translateY(-50%);width:30px;height:40px;padding:6px;border-radius:5px 0 0 5px}
}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .shell{transition:grid-template-columns 200ms ease}
 .shell>.panel-drawer{transition:width 200ms ease,padding 200ms ease}
 .sidebar-collapse-toggle svg,.shell>.panel-drawer>.logo,.shell>.panel-drawer nav span,.shell>.panel-drawer .sidebar-logout span,.sidebar-version{transition-duration:200ms}
}

@media(min-width:761px){
 .shell.sidebar-collapsed>.panel-drawer{padding-inline:12px}
 .shell.sidebar-collapsed>.panel-drawer nav button,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed>.panel-drawer .sidebar-logout{align-self:flex-start;margin-left:4px;margin-right:0;justify-content:flex-start;padding-left:10px;padding-right:10px;gap:10px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout){align-self:flex-start;margin-left:4px;margin-right:0;display:grid;place-items:center;padding:0}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer nav button,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-logout{width:calc(100% - 8px)}
}

@media(min-width:761px){
 .shell.sidebar-collapsed>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout){display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;overflow:hidden;white-space:nowrap;transition:width 200ms ease,height 200ms ease,padding 200ms ease,gap 200ms ease,background-color 200ms ease}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout){display:flex;justify-content:flex-start;width:40px;height:40px;min-height:40px;padding:9px;gap:10px}
 .shell.sidebar-collapsed>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout)>svg{width:20px;height:20px;flex:0 0 20px;transition:transform 200ms ease;transform-origin:center}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout)>svg{transform:scale(1)}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout)>svg{transform:scale(1)}
 .shell.sidebar-collapsed>.panel-drawer nav span,.shell.sidebar-collapsed>.panel-drawer .sidebar-logout span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;flex-shrink:0;transition:opacity 200ms ease}
}
@media(prefers-reduced-motion:reduce){.shell.sidebar-collapsed>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout),.shell.sidebar-collapsed>.panel-drawer :is(nav button,.sidebar-legal a,.sidebar-logout)>svg,.shell.sidebar-collapsed>.panel-drawer nav span,.shell.sidebar-collapsed>.panel-drawer .sidebar-logout span{transition:none}}

@media(min-width:761px){
 .shell.sidebar-collapsed>.panel-drawer nav:not(.sidebar-legal) button{height:36px;min-height:36px;flex:0 0 36px;padding-block:7px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav:not(.sidebar-legal) button{width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:7px;margin-left:6px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(.sidebar-legal a,.sidebar-legal button){width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:6px;margin-left:7px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout{width:38px;height:38px;min-height:38px;padding:8px;margin-left:5px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-collapse-toggle{width:36px;height:36px;padding:8px}
}

@media(min-width:761px){
 .shell:not(.sidebar-collapsed)>.panel-drawer nav:not(.sidebar-legal) button,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer nav:not(.sidebar-legal) button{padding:7px;height:auto;min-height:36px;flex:0 0 auto}
}

@media(min-width:761px){
 .shell>.panel-drawer .sidebar-version{position:relative;border-top:0}
 .shell>.panel-drawer .sidebar-version:before{content:'';position:absolute;top:0;left:-18px;right:-18px;height:1px;background:var(--border,#393140)}
 .shell.sidebar-collapsed>.panel-drawer .sidebar-version:before{left:-12px;right:-12px}
}

@media(min-width:761px){
 .shell>.panel-drawer,.shell.sidebar-collapsed>.panel-drawer{padding:16px}
 .shell.sidebar-collapsed>.panel-drawer nav button,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed>.panel-drawer .sidebar-logout{margin-left:0;margin-right:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav:not(.sidebar-legal) button{margin-left:2px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(.sidebar-legal a,.sidebar-legal button){margin-left:3px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-logout{margin-left:1px}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer nav button,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-logout{width:100%}
 .shell>.panel-drawer .sidebar-version:before,.shell.sidebar-collapsed>.panel-drawer .sidebar-version:before{left:-16px;right:-16px}
}

@media(min-width:761px){
 .shell>.panel-drawer nav:not(.sidebar-legal) button,.shell.sidebar-collapsed>.panel-drawer nav:not(.sidebar-legal) button{margin-left:2px;margin-right:0;padding-left:7px;padding-right:7px;border-width:1px;box-sizing:border-box}
 .shell:not(.sidebar-collapsed)>.panel-drawer nav:not(.sidebar-legal) button,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer nav:not(.sidebar-legal) button{width:calc(100% - 4px)}
 .shell>.panel-drawer .sidebar-legal a,.shell>.panel-drawer .sidebar-legal button,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal button{margin-left:3px;margin-right:0;padding-left:6px;padding-right:6px;border:1px solid transparent;box-sizing:border-box}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer :is(.sidebar-legal a,.sidebar-legal button){width:calc(100% - 6px)}
 .shell>.panel-drawer .sidebar-logout,.shell.sidebar-collapsed>.panel-drawer .sidebar-logout{margin-left:1px;margin-right:0;padding-left:8px;padding-right:8px;border-width:1px;box-sizing:border-box}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer .sidebar-logout{width:calc(100% - 2px)}
}

@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-collapse-toggle,.shell.sidebar-collapsed.sidebar-peek>.panel-drawer button.sidebar-collapse-toggle{left:auto;top:30.5px;width:36px;height:36px;transform:translateY(-50%);padding:8px;transition:right 200ms ease,background-color 200ms ease,border-color 200ms ease,border-radius 200ms ease}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-collapse-toggle{right:calc(50% - 18px);border-radius:5px}
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer button.sidebar-collapse-toggle{right:0;border-radius:5px 0 0 5px}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout{display:grid;place-items:center;width:38px;height:38px;padding:0;margin-left:auto;margin-right:auto;gap:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout>svg{grid-area:1 / 1;justify-self:center;align-self:center;margin:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media(prefers-reduced-motion:reduce){.shell.sidebar-collapsed>.panel-drawer button.sidebar-collapse-toggle{transition:none}}

@media(min-width:761px){
 .shell>.panel-drawer button.sidebar-logout,.shell.sidebar-collapsed>.panel-drawer button.sidebar-logout{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 0 2px;padding:7px;height:36px;min-height:36px;width:calc(100% - 4px);gap:10px;font-size:13px;font-weight:600;line-height:20px;border:1px solid var(--theme-line,var(--border));border-radius:5px}
 .shell>.panel-drawer button.sidebar-logout>svg,.shell.sidebar-collapsed>.panel-drawer button.sidebar-logout>svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0;transform:none}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout{display:flex;justify-content:flex-start;width:36px;height:36px;min-height:36px;padding:7px;margin:10px 0 0 2px;gap:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout>svg{position:static;flex:0 0 20px;width:20px;height:20px;margin:0}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-logout>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

@media(min-width:761px){
 .shell>.panel-drawer :is(nav button,.sidebar-legal a,button.sidebar-logout)>span{position:static!important;display:block;width:auto!important;height:auto!important;min-width:0;max-width:210px;overflow:hidden!important;white-space:nowrap;flex:0 1 auto;clip-path:inset(0 0 0 0)!important;opacity:1;transition:max-width 200ms ease,clip-path 200ms ease,opacity 200ms ease!important}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer :is(nav button,.sidebar-legal a,button.sidebar-logout)>span{max-width:0;clip-path:inset(0 100% 0 0)!important;opacity:0}
}
@media(prefers-reduced-motion:reduce){.shell>.panel-drawer :is(nav button,.sidebar-legal a,button.sidebar-logout)>span{transition:none!important}}

@media(min-width:761px){
 .shell.sidebar-collapsed.sidebar-peek>.panel-drawer button.sidebar-collapse-toggle{width:26px;padding:4px;transition:right 200ms ease,width 200ms ease,padding 200ms ease,background-color 200ms ease,border-color 200ms ease,border-radius 200ms ease}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-collapse-toggle{transition:right 200ms ease,width 200ms ease,padding 200ms ease,background-color 200ms ease,border-color 200ms ease,border-radius 200ms ease}
}
@media(prefers-reduced-motion:reduce){.shell.sidebar-collapsed.sidebar-peek>.panel-drawer button.sidebar-collapse-toggle,.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer button.sidebar-collapse-toggle{transition:none}}

@media(min-width:761px){
 .shell>.panel-drawer .sidebar-legal a,.shell>.panel-drawer .sidebar-legal button,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal a,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal button{height:34px;min-height:34px;max-height:34px;flex:0 0 34px;padding-top:6px;padding-bottom:6px;box-sizing:border-box;align-items:center}
 .shell>.panel-drawer .sidebar-legal svg,.shell.sidebar-collapsed>.panel-drawer .sidebar-legal svg{width:20px;height:20px;flex:0 0 20px}
}
@media(min-width:761px){.shell>.panel-drawer button.sidebar-logout,.shell.sidebar-collapsed>.panel-drawer button.sidebar-logout{font-size:12px}}

html[data-theme] .shell>.panel-drawer nav:not(.sidebar-legal) button:not(.active):hover{border-color:color-mix(in srgb,var(--accent,#a487f3) 24%,transparent)}
html[data-theme] .shell>.panel-drawer .sidebar-legal :is(a,button):hover{border-color:color-mix(in srgb,var(--accent,#a487f3) 24%,transparent)}

html[data-theme] .shell :is(.tabs.admin-navigation,.personal-tabs.personal-navigation)>button:not(.active):hover{border-color:color-mix(in srgb,var(--accent,#a487f3) 24%,transparent)}

html[data-theme] .shell :is(.sidebar nav,.tabs.admin-navigation,.personal-tabs.personal-navigation)>button.active{background:var(--active-action-bg)!important;color:#fff!important;border-color:color-mix(in srgb,var(--accent,#a487f3) 65%,transparent)!important;box-shadow:0 3px 12px color-mix(in srgb,var(--accent,#a487f3) 15%,transparent)}

.personal-stat-game-modern{transition:border-color 200ms ease,box-shadow 200ms ease}
.personal-stat-game-modern:hover{border-color:var(--accent,#a487f3);box-shadow:none}
.personal-stat-game-modern .personal-stat-copy>button[data-game]{background:color-mix(in srgb,var(--accent,#a487f3) 18%,var(--panel,#1b1b27));color:var(--theme-ink,var(--accent,#c5b2ff));border:1px solid color-mix(in srgb,var(--accent,#a487f3) 45%,var(--border,#393140));display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease}
.personal-stat-game-modern .personal-stat-copy>button[data-game]>svg{width:19px;height:19px;flex:0 0 19px}
.personal-stat-game-modern .personal-stat-copy>button[data-game]:hover{background:color-mix(in srgb,var(--accent,#a487f3) 28%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);box-shadow:0 3px 10px color-mix(in srgb,var(--accent,#a487f3) 15%,transparent)}
@media(prefers-reduced-motion:reduce){.personal-stat-game-modern,.personal-stat-game-modern .personal-stat-copy>button[data-game]{transition:none}}

.personal-stat-game-modern .personal-stat-copy>button[data-game]{color:var(--text,#f7f7f9)}

/* Personal statistics: override the theme's general card border rule. */
html[data-theme] .personal-game-stats-modern>.personal-stat-game-modern{box-shadow:none}
html[data-theme] .personal-game-stats-modern>.personal-stat-game-modern:hover{border-color:var(--accent,#a487f3);box-shadow:none}

html[data-theme] .personal-game-stats-modern .personal-stat-copy>button[data-game]{color:var(--text,#f7f7f9)}
html[data-theme] .shell>.panel-drawer nav:not(.sidebar-legal)>button,html[data-theme] .shell>.panel-drawer nav:not(.sidebar-legal)>button.active{font-weight:400}
html[data-theme] .shell :is(.tabs.admin-navigation,.personal-tabs.personal-navigation)>button,html[data-theme] .shell :is(.tabs.admin-navigation,.personal-tabs.personal-navigation)>button.active{font-weight:400}
html[data-theme] .email-verification>button:not(.email-verification-close){color:#fff}
html[data-theme] .email-verification>button:not(.email-verification-close){background:#32996a;border-color:#32996a;color:#fff}html[data-theme] .email-verification>button:not(.email-verification-close):hover:not(:disabled){background:#38a775;border-color:#48b685}

/* Preview labels belong inside the ad footprint. */
.real-ad:has(>.ad-preview-block){position:relative}
.real-ad:has(>.ad-preview-block)>.real-ad-label{position:absolute;top:12px;left:12px;right:12px;z-index:1;margin:0;pointer-events:none}
.real-ad>.ad-preview-block{position:relative;padding-top:34px}
@container local-console (min-width:1280px){
 .console-layout-container>.play-layout>.real-ad.side{grid-row:1;align-self:stretch;min-height:0;position:relative}
 .console-layout-container>.play-layout>.real-ad.side .ad-preview-block{min-height:0;height:100%;box-sizing:border-box}
 .console-layout-container>.play-layout>.real-ad.side .adsbygoogle{min-height:0;height:100%}
}

@container local-console (min-width:1280px){
 .console-layout-container>.play-layout.console-with-sidebar-ad>.real-ad.side{position:relative;top:0;bottom:auto;margin:0;grid-row:1;align-self:stretch}
}
@media(max-width:760px){html[data-theme] .shell>.panel-drawer nav:not(.sidebar-legal)>button,html[data-theme] .shell>.panel-drawer nav:not(.sidebar-legal)>button.active,html[data-theme] .shell :is(.tabs.admin-navigation,.personal-tabs.personal-navigation)>button,html[data-theme] .shell :is(.tabs.admin-navigation,.personal-tabs.personal-navigation)>button.active{font-weight:600}}

@media(min-width:1920px){.shell>.panel-drawer .sidebar-collapse-toggle{display:none}}

.theatre-overlay{position:fixed;inset:0;z-index:2000;background:var(--bg,#101018);display:grid;grid-template-columns:clamp(160px,16vw,300px) minmax(0,1fr) clamp(160px,16vw,300px);grid-template-rows:clamp(90px,15dvh,150px) minmax(0,1fr);gap:16px;padding:16px;box-sizing:border-box}
.theatre-top{grid-column:1/-1;grid-row:1;padding-inline:42px;min-height:0}.theatre-left{grid-column:1;grid-row:2;min-height:0}.theatre-right{grid-column:3;grid-row:2;min-height:0}.theatre-screen{grid-column:2;grid-row:2;min-width:0;min-height:0}
.theatre-overlay .real-ad{position:relative;inset:auto;width:100%;height:100%;margin:0;min-height:0;display:flex;flex-direction:column}.theatre-overlay .real-ad[hidden]{display:none!important}.theatre-overlay .ad-preview-block{flex:1;min-height:0;width:100%;height:100%;padding:26px 10px 10px}.theatre-overlay .adsbygoogle{width:100%;height:100%;min-height:0}
.theatre-overlay:has(.theatre-left>.real-ad[hidden]){grid-template-columns:0 minmax(0,1fr) 0;column-gap:0}.theatre-overlay:has(.theatre-top>.real-ad[hidden]){grid-template-rows:0 minmax(0,1fr);row-gap:0;padding-top:0}
.theatre-close{position:absolute;right:12px;top:12px;z-index:2002;width:32px;height:32px;padding:7px;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.theatre-close svg{width:16px;height:16px}.theatre-close:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:900px){.theatre-overlay{grid-template-columns:120px minmax(0,1fr) 120px;gap:10px;padding:10px}.theatre-overlay .ad-preview-block small{display:none}}
@media(max-width:640px){.theatre-overlay{grid-template-columns:minmax(0,1fr);grid-template-rows:90px minmax(0,1fr);padding:8px;gap:8px}.theatre-left,.theatre-right{display:none}.theatre-screen{grid-column:1}.theatre-top{padding-inline:30px}.theatre-overlay:has(.theatre-left>.real-ad[hidden]){grid-template-columns:minmax(0,1fr)}}
.theatre-overlay .real-ad.side .ad-preview-block{min-height:0}.theatre-overlay .real-ad.side{top:0}
body.theatre-open .console-layout-container{container-type:normal}

@media(min-width:761px){
 body.theatre-open .theatre-overlay{left:74px}
 body.theatre-open .shell>.panel-drawer{position:fixed;inset:0 auto 0 0;width:74px;height:100dvh;z-index:2003;display:flex!important;padding:16px;box-shadow:none}
 body.theatre-open .shell.sidebar-peek>.panel-drawer{width:var(--sidebar-expanded,240px);box-shadow:12px 0 30px #0005}
 body.theatre-open .shell>.panel-drawer .sidebar-collapse-toggle{display:grid}
 body.theatre-open .shell>.workspace{min-width:0}
}

.saved-progress-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.saved-progress-heading h2{margin:0;font-size:22px}.saved-progress-heading p{font-size:12px;margin:8px 0 0}.saved-progress-games{display:grid;gap:18px}.saved-progress-game{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.saved-progress-game>header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--panel);border-bottom:1px solid var(--border)}.saved-progress-game>header img{width:48px;height:64px;object-fit:contain;border-radius:4px;background:var(--bg)}.saved-progress-game h3{font-size:15px;margin:0;overflow-wrap:anywhere}.saved-progress-game header p{font-size:11px;margin:6px 0 0}.saved-progress-record{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.saved-progress-record:last-child{border-bottom:0}.saved-progress-record>svg{width:20px;height:20px;flex:0 0 20px;color:var(--accent)}.saved-progress-record>div{flex:1;min-width:0}.saved-progress-record strong{display:block;font-size:13px;overflow-wrap:anywhere}.saved-progress-record small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.saved-progress-record time{font-size:12px;color:var(--muted);white-space:nowrap}.saved-progress-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.saved-progress-pagination button{font-size:12px}.saved-progress-pagination span{font-size:12px;color:var(--muted)}
@media(max-width:550px){.saved-progress-record{flex-wrap:wrap;padding:12px;gap:10px}.saved-progress-record time{width:100%;padding-left:30px;font-size:11px}.saved-progress-game>header{padding:12px}.saved-progress-heading h2{font-size:20px}}

.saved-progress-record>.saved-progress-record-actions{display:flex;flex:0 0 auto;gap:6px}.saved-progress-record-actions button{display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--border);background:transparent;color:var(--muted);transition:background-color .2s,border-color .2s,color .2s}.saved-progress-record-actions button svg{width:18px;height:18px}.saved-progress-record-actions button:hover:not(:disabled){background:var(--theme-soft);border-color:var(--accent);color:var(--accent)}.saved-progress-record-actions [data-progress-delete]:hover:not(:disabled){background:#d665781a;border-color:#d6657860;color:#f2a2af}.saved-progress-record:has(>.saved-progress-rename){flex-wrap:wrap}.saved-progress-rename{width:100%;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.saved-progress-rename label{display:grid;gap:8px;color:var(--muted);font-size:12px}.saved-progress-rename input{width:100%;max-width:480px;padding:10px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text,#fff);border-radius:5px}.saved-progress-rename>div{display:flex;gap:8px;margin-top:12px}.saved-progress-rename button{padding:8px 12px;font-size:12px}.saved-progress-rename button svg{width:16px;height:16px}.saved-progress-rename [type=submit]{background:var(--active-action-bg);color:#fff;border-color:var(--accent)}.saved-progress-rename [role=alert]{color:#f2a2af;font-size:12px}.saved-progress-rename [role=alert]:empty{display:none}
@media(max-width:550px){.saved-progress-record>.saved-progress-record-actions{margin-left:30px}.saved-progress-record time{width:auto;flex:1;padding-left:30px}.saved-progress-record>.saved-progress-record-actions{flex:0 0 auto}}
.personal-section.personal-history{width:100%;max-width:none;min-width:0;padding:0;box-sizing:border-box}.personal-history>.history-panel{width:100%;max-width:none;min-width:0;margin-inline:0;box-sizing:border-box}

.saved-progress-game>header>div{flex:1;min-width:0}.saved-progress-delete-all{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--border);transition:background-color .2s,border-color .2s,color .2s}.saved-progress-delete-all svg{width:17px;height:17px}.saved-progress-delete-all:hover:not(:disabled){background:#d665781a;border-color:#d6657860;color:#f2a2af}@media(max-width:550px){.saved-progress-game>header{flex-wrap:wrap}.saved-progress-delete-all{margin-left:auto}}
.personal-section .premium-backups{max-height:none;height:auto;overflow:visible}

.shell>.panel-drawer [data-view=friends]{position:relative}.sidebar-friend-pending{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;background:#ed667a;color:#fff;font-size:10px;font-weight:700;line-height:18px;pointer-events:none}.shell>.panel-drawer [data-view=friends]:has(.sidebar-friend-pending)>span{padding-right:22px}
@media(min-width:761px){.sidebar-collapsed:not(.sidebar-peek) .sidebar-friend-pending{right:0;top:0;transform:none;min-width:15px;height:15px;padding:0 3px;font-size:9px;line-height:15px}.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer [data-view=friends]:has(.sidebar-friend-pending)>span{padding-right:0}}

@media(min-width:761px) and (max-width:1599px){.theatre-overlay{grid-template-columns:minmax(0,1fr) clamp(160px,20vw,280px)}.theatre-left{display:none}.theatre-screen{grid-column:1}.theatre-right{grid-column:2}.theatre-overlay:has(.theatre-right>.real-ad[hidden]){grid-template-columns:minmax(0,1fr) 0}}

.admin-notification-settings [data-notification-options]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.admin-notification-settings [data-notification-options]>.settings-toggle{min-width:0;margin:0;padding:14px 0;border-bottom:1px solid var(--border)}.admin-notification-settings [role=status]:empty{display:none}
@media(max-width:1100px){.admin-notification-settings [data-notification-options]{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}
@media(max-width:600px){.admin-notification-settings [data-notification-options]{grid-template-columns:minmax(0,1fr)}}
.settings-page .admin-notification-settings{order:4}

.saved-progress-search{margin-bottom:20px}.saved-progress-search input{width:100%}

@media(max-width:600px){
 .saved-progress-record{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px 10px;align-items:center}
 .saved-progress-record>svg{grid-column:1;grid-row:1}
 .saved-progress-record>div:not(.saved-progress-record-actions){grid-column:2/-1;grid-row:1}
 .saved-progress-record>.saved-progress-record-actions{grid-column:1/3;grid-row:2;justify-self:start;margin-left:0}
 .saved-progress-record>time{grid-column:3;grid-row:2;justify-self:end;width:auto;padding-left:0;font-size:10px;text-align:right}
 .saved-progress-record>.saved-progress-rename{grid-column:1/-1;grid-row:3;min-width:0;box-sizing:border-box}
}

@media(max-width:650px){.personal-period-field{margin-left:auto;align-self:flex-end}}
@media(max-width:600px){
 .report-toolbar>.actions{display:grid;grid-template-columns:40px auto minmax(0,1fr);width:100%;gap:6px}
 .report-toolbar>.actions>button[data-action]{height:48px;min-height:48px;max-height:48px;font-size:10px}
 .report-toolbar>.actions>button[data-action=refresh-statistics]{width:40px;min-width:0}
 .report-toolbar>.actions>button[data-action=export-statistics]{padding:0 8px;gap:5px;white-space:nowrap}
 .report-toolbar>.actions>.period-label{width:100%;min-width:0;justify-self:end}
 .report-toolbar .period-label .floating-field-control,.report-toolbar .period-label .site-select{min-width:0;width:100%}
 .report-toolbar .period-label .site-select-trigger{min-width:0;width:100%;font-size:11px;padding-left:10px;padding-right:25px}
 .report-toolbar .period-label .site-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:600px){
 .report-toolbar>.actions{grid-template-columns:48px auto minmax(0,1fr)}
 .report-toolbar>.actions>button[data-action=refresh-statistics]{width:48px;height:48px;min-height:48px;max-height:48px;aspect-ratio:1;padding:0}
}

.personal-saved-progress.box{padding:0;border:0;background:transparent;box-shadow:none}
.personal-saved-progress .saved-progress-heading h2{font-size:24px}
.saved-progress-filters.history-toolbar{grid-template-columns:minmax(0,1fr);margin-bottom:24px;background:var(--panel);border-color:var(--border)}
.saved-progress-filters .saved-progress-search{margin:0!important}
.saved-progress-game{border-radius:5px;background:var(--panel)}
.saved-progress-game>header{padding:12px;gap:10px;border-bottom:0}
.saved-progress-toggle{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.saved-progress-toggle>img{width:44px;height:58px;object-fit:contain;flex:none;background:var(--bg);border-radius:4px}
.saved-progress-toggle>div{flex:1;min-width:0}
.saved-progress-toggle>svg{width:18px;height:18px;flex:none;transition:transform .15s}
.saved-progress-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.saved-progress-game .saved-progress-records{background:var(--panel);border-top:1px solid var(--border)}
.saved-progress-game .saved-progress-record{background:var(--panel)}
@media(max-width:600px){
 .saved-progress-game>header{flex-wrap:nowrap}
 .saved-progress-delete-all{width:34px;height:34px;padding:0;display:grid;place-items:center;flex:none}
 .saved-progress-delete-all>span{display:none}
 .saved-progress-toggle{gap:10px}
 .saved-progress-game h3{font-size:13px;line-height:1.4}
}

.personal-section.personal-saved-progress{padding:0;background:transparent;border:0;box-shadow:none;width:100%;min-width:0}
.personal-saved-progress .saved-progress-game.history-day-list{background:var(--panel);border:1px solid var(--border);border-radius:5px}
.personal-saved-progress .saved-progress-game>header,.personal-saved-progress .saved-progress-records,.personal-saved-progress .saved-progress-record.history-entry{background:transparent}
.personal-saved-progress .saved-progress-record.history-entry{border-color:var(--border)}
.personal-saved-progress .saved-progress-game>header{padding:17px 20px}
.personal-saved-progress .saved-progress-heading{margin-bottom:24px}
.personal-saved-progress .saved-progress-heading p{line-height:1.7}
@media(max-width:650px){.personal-saved-progress .saved-progress-game>header{padding:14px 12px}}
/* Saved games share one list, with line separators like account history. */
.personal-saved-progress .saved-progress-games{display:block;overflow:hidden;border:1px solid var(--border);border-radius:5px;background:var(--panel)}
.personal-saved-progress .saved-progress-game.history-day-list{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.personal-saved-progress .saved-progress-game.history-day-list:last-child{border-bottom:0}
.personal-saved-progress .saved-progress-games:empty{display:none}
.personal-saved-progress .saved-progress-game .saved-progress-records{background:var(--bg)}
.personal-saved-progress .saved-progress-record.history-entry{border-bottom-color:color-mix(in srgb,var(--border) 60%,var(--bg))}

.personal-section[data-personal-section=collections]{padding:0;border:0;background:transparent;box-shadow:none}
.collection-search-toolbar.history-toolbar{grid-template-columns:minmax(0,1fr);margin-bottom:24px;background:var(--panel);border-color:var(--border)}
.collection-search-toolbar>.field{margin:0!important;min-width:0}
@media(max-width:650px){
 .personal-collections-heading{flex-wrap:wrap}
 .personal-collections-heading>.collection-create-button{width:100%;flex:0 0 100%;justify-content:center}
}

.personal-section[data-personal-section=requests]{padding:0;border:0;background:transparent;box-shadow:none}
.personal-section[data-personal-section=requests]>header h2{font-size:24px;margin:0 0 24px}
.personal-requests-list.history-day-list{background:var(--panel);border-color:var(--border)}
.personal-requests-list .request-own-row{margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.personal-requests-list .request-own-row:last-child{border-bottom:0}
.personal-requests-list .request-own-open{border:0;border-radius:0;background:transparent;padding:17px 20px}
.personal-requests-list .request-own-open:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
@media(max-width:650px){.personal-requests-list .request-own-open{padding:14px 12px}}

html[data-theme] .personal-section.personal-collections-section{background:transparent;border:0;box-shadow:none;padding:0}
.tabs.admin-navigation,.personal-tabs.personal-navigation{padding-top:12px;padding-bottom:12px}

.personal-overview>div{position:relative;padding-right:68px}
.personal-overview-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.personal-overview-icon svg{width:21px;height:21px}
@media(max-width:600px){.personal-overview>div{padding-right:48px}.personal-overview-icon{right:10px;width:28px;height:28px}.personal-overview-icon svg{width:18px;height:18px}}
.tabs.admin-navigation,.personal-tabs.personal-navigation{padding:8px}
.personal-overview-icon{width:42px;height:42px}
.personal-overview-icon svg{width:28px;height:28px}
@media(max-width:600px){.personal-overview>div{padding-right:54px}.personal-overview-icon{width:34px;height:34px}.personal-overview-icon svg{width:24px;height:24px}}

html[data-theme] .personal-section.personal-requests-section{padding:0;border:0;background:transparent;box-shadow:none}
.personal-requests-search.history-toolbar{grid-template-columns:minmax(0,1fr);margin-bottom:24px;background:var(--panel);border-color:var(--border)}
.personal-requests-search>.field{margin:0!important;min-width:0}

html[data-theme] .personal-section.personal-backups-section{padding:0;border:0;background:transparent;box-shadow:none}
.personal-backups-section>h2{font-size:28px;margin:0 0 10px}
.personal-backups-section>.micro{margin:0 0 28px;line-height:1.7}
.backup-search-toolbar.history-toolbar{grid-template-columns:minmax(0,1fr);padding:14px 16px;margin-bottom:24px;background:var(--panel);border-color:var(--border)}
.backup-search-toolbar>.field{margin:0!important;min-width:0}
.personal-backups-section .premium-backups.history-day-list{padding:0;margin:0;max-height:none;overflow:hidden;scrollbar-gutter:auto;background:var(--panel);border:1px solid var(--border);border-radius:5px}
.personal-backups-section .backup-entry.history-entry{margin:0;padding:17px 20px;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}
.personal-backups-section .backup-entry.history-entry:last-child{border-bottom:0}
.personal-backups-section .backup-file-icon{width:36px;height:36px;flex:0 0 36px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:650px){.personal-backups-section .backup-entry.history-entry{padding:14px 12px;gap:11px}.backup-search-toolbar.history-toolbar{padding:12px}}

html[data-theme] .account-settings.personal-security{padding:0;background:transparent;border:0;box-shadow:none}
.account-settings.personal-security>.account-section-heading{margin:0 0 24px;gap:0}
.account-settings.personal-security>.account-section-heading>.account-dialog-icon{display:none}
.account-settings.personal-security>.account-section-heading h2{font-size:24px;margin:6px 0 10px}
.account-settings.personal-security .account-security-grid{gap:20px;margin:0;align-items:stretch}
html[data-theme] .account-settings.personal-security .account-security-card{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:0;box-shadow:none}
.account-settings.personal-security .security-card-heading,.account-settings.personal-security .account-password-section>.account-section-heading{margin:0 0 22px;gap:14px}
.account-settings.personal-security .account-security-card h3{font-size:16px;margin:0 0 6px}
.account-settings.personal-security .account-security-card .account-dialog-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.account-settings.personal-security .account-security-card .account-dialog-icon svg{width:21px;height:21px}
.account-settings.personal-security .security-card-heading p,.account-settings.personal-security .account-security-card .micro{font-size:11px;line-height:1.7;color:var(--muted)}
.account-settings.personal-security .account-security-card input{background:var(--bg)}
@media(max-width:650px){html[data-theme] .account-settings.personal-security .account-security-card{padding:16px}.account-settings.personal-security .account-security-grid{grid-template-columns:minmax(0,1fr)}}

html[data-theme] .personal-section.personal-dashboard{padding:0;background:transparent;border:0;box-shadow:none}
.personal-dashboard>.report-toolbar{margin-bottom:24px;align-items:center}
.personal-dashboard>.report-toolbar h2{font-size:24px;margin:0}
.personal-dashboard>.report-toolbar .personal-period-field{margin:0 0 0 auto!important;min-width:135px}
.personal-dashboard .report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme] .personal-dashboard .report-metrics>.stat{position:relative;padding:20px;border:1px solid var(--theme-line,var(--border));border-left:3px solid var(--accent);border-radius:8px;background:linear-gradient(145deg,var(--panel),var(--bg))}
.personal-dashboard .report-metrics>.stat strong{display:block;font-size:26px;line-height:1.3;margin-top:10px}
.personal-dashboard .report-metrics>.stat small{font-size:11px;color:var(--muted)}
.personal-dashboard .personal-extra-stats>.stat:last-child strong{font-size:17px}
.personal-dashboard .personal-activity-heading h3{font-size:22px}
.personal-dashboard .personal-month-card,.personal-dashboard .personal-evolution-card{border-radius:8px;border-color:var(--border);background:var(--panel)}
@media(max-width:650px){.personal-dashboard .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-dashboard .report-metrics>.stat{padding:15px}.personal-dashboard>.report-toolbar{gap:14px}.personal-dashboard>.report-toolbar .personal-period-field{align-self:flex-end}}
@media(max-width:380px){.personal-dashboard .report-metrics{grid-template-columns:minmax(0,1fr)}}
.personal-collection-card{transition:transform .2s,border-color .2s,box-shadow .2s}
@media(hover:hover){
 html[data-theme] .personal-collection-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 15px 34px #0003}
}
@media(prefers-reduced-motion:reduce){.personal-collection-card{transition:none}}
.collection-card-tools>button{cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
html[data-theme] .collection-card-tools>button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg));border-color:var(--accent);color:var(--accent)}
.collection-card-tools>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

html[data-theme] .personal-dashboard .report-metrics>.stat{padding-right:78px}
.personal-metric-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.personal-metric-icon svg{width:25px;height:25px}
@media(max-width:650px){html[data-theme] .personal-dashboard .report-metrics>.stat{padding-right:55px}.personal-metric-icon{right:12px;width:32px;height:32px}.personal-metric-icon svg{width:21px;height:21px}}

html[data-theme] .personal-section.personal-subscription-dashboard{padding:0;background:transparent;border:0;box-shadow:none}
.personal-subscription-dashboard .billing-heading{margin:0 0 24px}
.personal-subscription-dashboard .billing-heading h3{font-size:24px}
.personal-subscription-dashboard .personal-plan-metrics{gap:10px}
html[data-theme] .personal-subscription-dashboard .personal-plan-metrics>.stat{border-radius:8px;border:1px solid var(--theme-line,var(--border));border-left:3px solid var(--accent);background:linear-gradient(145deg,var(--panel),var(--bg));padding:20px 78px 20px 20px;position:relative;min-height:120px}
.personal-subscription-dashboard .plan-summary-icon{position:absolute;right:20px;left:auto;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:9px;margin:0}
.personal-subscription-dashboard .plan-summary-icon svg{width:26px;height:26px}
.personal-subscription-dashboard .personal-plan-metrics>.stat strong{font-size:20px}
.personal-subscription-dashboard .billing-plan-active{border-radius:8px;padding:22px;background:linear-gradient(145deg,var(--panel),var(--bg));border-color:var(--border)}
.subscription-details-section{margin:28px 0}
.subscription-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.subscription-info-grid>article{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}
.subscription-info-grid h4{font-size:14px;margin:0 0 10px}
.subscription-info-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.subscription-info-grid small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}
.subscription-detail-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.subscription-detail-icon svg{width:22px;height:22px}
.personal-subscription-dashboard .billing-history-modern article{border-radius:8px;border-color:var(--border);background:var(--panel)}
@media(max-width:650px){.subscription-info-grid{grid-template-columns:minmax(0,1fr)}.subscription-info-grid>article{padding:16px}.personal-subscription-dashboard .billing-heading{flex-wrap:wrap}.personal-subscription-dashboard .billing-secure{font-size:10px}}
@media(max-width:650px){#premium-preferences>button.primary{display:flex;width:100%;justify-content:center;box-sizing:border-box}}
@media(max-width:650px){
 .personal-backups-section .backup-entry.history-entry{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center}
 .personal-backups-section .backup-entry>.backup-file-icon{grid-column:1;grid-row:1;align-self:start}
 .personal-backups-section .backup-entry>.backup-details{grid-column:2;grid-row:1;min-width:0}
 .personal-backups-section .backup-entry>.backup-restore-button{grid-column:3;grid-row:1;justify-self:end;margin:0;padding:0;width:34px;min-width:34px;height:34px;display:grid;place-items:center}
 .personal-backups-section .backup-restore-button>span{display:none}
 .personal-backups-section .backup-restore-button>svg{width:18px;height:18px;margin:0}
}
@media(max-width:650px){
 .personal-dashboard #personal-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .personal-dashboard #personal-statistics>.personal-dashboard-metrics,.personal-dashboard #personal-statistics>.personal-extra-stats{display:contents}
 .personal-dashboard #personal-statistics>.personal-activity-content{grid-column:1/-1;margin-top:18px;min-width:0}
}
@media(max-width:340px){.personal-dashboard #personal-statistics{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 .account-settings .account-email-form>button.primary,.account-settings .account-password-form>button.primary{display:flex;width:100%;box-sizing:border-box;justify-content:center}
}

.game-cover-meta{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.game-cover-meta>.game-year-badge,.game-cover-meta>.game-platform-badge{position:static;margin:0;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border:1px solid #c4b2e035;border-radius:5px;background:#17131fe6;color:#e4d7f5;font-size:10px;font-weight:600;line-height:1;letter-spacing:.3px}

.game-cover-meta{gap:3px}

.game .game-cover-meta>.game-year-badge,.game .game-cover-meta>.game-platform-badge,.game .game-cover-meta>.original-game-badge{position:static;box-sizing:border-box;height:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;margin:0;line-height:1;white-space:nowrap}
.game .game-cover-meta>.original-game-badge{gap:5px}
.game .game-cover-meta>.original-game-badge svg{width:14px;height:14px;flex:none}
.game .game-cover-meta>.original-game-badge{border:1px solid #c49b4e99;border-radius:6px;background:linear-gradient(135deg,#342b18f5,#1e1a12f5);color:#f2d38b;font-size:9px;font-weight:800;letter-spacing:.9px;box-shadow:0 2px 8px #0005,inset 0 1px 0 #ffe7a51c}
.game .game-cover-meta>.game-platform-badge,.game .game-cover-meta>.game-year-badge{height:24px;min-height:24px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;line-height:14px;vertical-align:middle}

.game .game-cover-meta>.game-platform-badge,.game .game-cover-meta>.game-year-badge{padding:4px}

.game .game-cover-meta>.game-platform-badge,.game .game-cover-meta>.game-year-badge{padding:4px 6px}

.game .game-cover-meta>.game-platform-badge,.game .game-cover-meta>.game-year-badge{padding:0 8px;line-height:1}

.shell>.panel-drawer [data-view=admin]{position:relative}
.shell>.panel-drawer [data-view=admin]:has(.sidebar-admin-pending)>span{padding-right:22px}
@media(min-width:761px){.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer [data-view=admin]:has(.sidebar-admin-pending)>span{padding-right:0}}
@media(min-width:761px){
 .sidebar-collapsed:not(.sidebar-peek) .sidebar-friend-pending{right:0;top:0;transform:translate(50%,-50%)}
}
@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav button[data-view=friends],.shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer nav button[data-view=admin]{overflow:visible}
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-friend-pending{z-index:3}
}
@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-friend-pending{right:0;top:0;transform:translateY(-50%);transform-origin:top right}
}
@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-friend-pending{right:-3px}
}
@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-friend-pending{right:-5px}
}
@media(min-width:761px){
 .shell.sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-friend-pending{right:-3px}
}

.variant-choices{display:grid;gap:10px;margin-top:20px}.variant-choices>button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:14px;background:var(--panel);border:1px solid var(--border);cursor:pointer}.variant-choices strong,.variant-choices small{display:block}.variant-choices small{font-size:11px;color:var(--muted);margin-top:5px}.variant-choices>button:hover{border-color:var(--accent);background:var(--theme-soft)}
.variant-editor-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.variant-editor-row>div{flex:1;min-width:0}.variant-editor-row strong,.variant-editor-row small{display:block}.variant-editor-row small{font-size:10px;color:var(--muted);margin:5px 0}.variant-default{font-size:11px;white-space:nowrap}.variant-add-result{display:flex;width:100%;justify-content:space-between;padding:10px;font-size:12px;margin:6px 0}.variant-add-result small{color:var(--muted)}.variant-form-actions{display:flex;gap:12px;margin-top:18px}.variant-editor-row .field{margin:8px 0 0}.variant-form-actions button{cursor:pointer}
@media(max-width:600px){.variant-editor-row{flex-wrap:wrap}.variant-editor-row>div{flex-basis:70%}.variant-form-actions{flex-direction:column}.variant-form-actions button{width:100%}}

.game-variant-count{display:inline-flex;float:right;font-size:10px;color:var(--accent);padding:2px 6px;border:1px solid var(--border);border-radius:4px}

.admin-catalog .admin-catalog-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.admin-catalog .admin-variants-button{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 13%,var(--bg)),color-mix(in srgb,var(--panel) 65%,var(--bg)));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--theme-ink,var(--accent));cursor:pointer}
.admin-catalog .admin-variants-button:hover{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),var(--panel));border-color:var(--accent)}
@media(max-width:650px){.admin-catalog .admin-catalog-heading-actions{width:100%}.admin-catalog-heading-actions>.admin-create-game{flex:1;white-space:nowrap}}
@media(max-width:420px){.admin-catalog-heading-actions>.admin-create-game{padding:10px;font-size:11px;gap:6px}.admin-catalog-heading-actions>.admin-create-game>svg{width:18px;height:18px;flex-basis:18px}}

.game-category-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.game .game-category-line>.game-genre{margin:0}
.game .game-category-line>.game-variant-count{display:inline;float:none;padding:0;border:0;border-radius:0;font-size:9px;font-weight:inherit;line-height:inherit;letter-spacing:1.2px;text-transform:uppercase;color:#80cbb7;background:transparent}
.game .game-category-line>.game-variant-count{display:inline-flex;align-items:center;gap:10px}
.game .game-category-line>.game-variant-count::before{content:"";display:block;width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:var(--muted);opacity:.8}

/* A escolha da ROM mantém o modal de detalhes montado ao fundo. */
dialog.variant-picker-overlay{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;color:var(--text,#f4f3f8);background:#1c1b28;border:1px solid #393544;border-radius:12px;padding:30px;box-sizing:border-box;}
dialog.variant-picker-overlay::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(3px);}

.ranking-console-filter{margin:20px 0 26px;display:flex;}
.ranking-console-filter .field{width:240px;max-width:100%;margin:0;}
.ranking-console-filter select{width:100%;}
@media(max-width:600px){.ranking-console-filter .field{width:100%;}}

.game-versions{margin:20px 0;border:1px solid #393544;border-radius:10px;}
.game-versions>summary{padding:16px 20px;cursor:pointer;font-weight:600;}
.game-versions>summary:focus-visible{outline:2px solid #aa87ff;outline-offset:3px;border-radius:10px;}
.game-versions-content{padding:0 20px 20px;}
.game-versions-content>.micro{margin-top:0;}

.game-versions{overflow:hidden;border-radius:6px;background:#1c1b28;}
.game-versions>summary{display:flex;align-items:center;gap:12px;padding:18px 20px;list-style:none;}
.game-versions>summary::-webkit-details-marker{display:none;}
.versions-heading-icon,.version-row-icon{display:flex;align-items:center;justify-content:center;color:#ae8cff;flex-shrink:0;}
.versions-heading-icon svg{width:24px;height:24px;}
.versions-heading-text,.version-row-text{display:flex;flex-direction:column;gap:5px;min-width:0;}
.versions-heading-text strong{font-size:14px;}
.versions-heading-text small,.version-row-text small{font-size:11px;font-weight:400;color:#aaa4bf;}
.versions-chevron{width:18px;height:18px;margin-left:auto;flex-shrink:0;transition:transform .18s;}
.game-versions[open] .versions-chevron{transform:rotate(180deg);}
.game-versions-content{padding:0;}
.game-versions-content>.micro{padding:14px 20px;margin:0;border-top:1px solid #393544;font-size:12px;}
.game-versions-content .variant-choices{display:block;margin:0;}
.game-versions .variant-choices .game-version-row{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:16px 20px;border:0;border-top:1px solid #302c3b;border-radius:0;background:#101018;text-align:left;box-shadow:none;}
.game-versions .variant-choices .game-version-row:hover{background:#252033;}
.version-row-icon svg{width:20px;height:20px;}
.game-versions .version-row-text strong{font-size:13px;}
.version-default{margin-left:auto;padding:4px 8px;border:1px solid #514466;border-radius:5px;color:#c4a4ff;background:#292236;font-size:10px;flex-shrink:0;}
.version-row-arrow{width:17px;height:17px;flex-shrink:0;color:#b89be9;margin-left:auto;}
.version-default+.version-row-arrow{margin-left:2px;}
@media(max-width:480px){.game-versions>summary,.game-versions .variant-choices .game-version-row{padding:15px 14px;}.game-versions-content>.micro{padding:12px 14px;}}

.admin-variant-entry{display:flex;align-items:center;gap:13px;width:100%;padding:16px;margin:12px 0 22px;background:linear-gradient(120deg,#30263f,#211d30);border:1px solid #645080;border-radius:9px;text-align:left;color:#eee7ff;}
.admin-variant-entry:hover{background:#3a2e4c;border-color:#a780dd;}
.admin-variant-entry>svg{width:25px;height:25px;flex-shrink:0;color:#ba96f4;}
.admin-variant-entry>span:first-of-type{display:flex;flex:1;flex-direction:column;gap:5px;}
.admin-variant-entry small{font-size:11px;color:#bdb0ce;font-weight:400;line-height:1.5;}
.variant-manager-dialog{width:min(760px,calc(100vw - 32px));}
.variant-manager-back{margin:4px 0 14px;font-size:12px;}
.variant-manager-guide{padding:16px 18px;margin:18px 0 24px;border:1px solid #443651;border-left:3px solid #a780dd;border-radius:7px;background:#15121e;}
.variant-manager-guide p{font-size:12px;margin:8px 0;color:#c4bad2;}
.variant-manager-guide small{display:block;margin-top:12px;font-size:11px;line-height:1.6;color:#d4bc8c;}
.variant-manager-dialog .variant-editor-row{background:#14121d;border:1px solid #393044;border-radius:8px;padding:15px;margin:10px 0;}

.site-select-menu .site-select-search{position:sticky;top:0;z-index:2;background:var(--bg,#101018);box-shadow:0 -10px 0 10px var(--panel,#1b1b27),0 6px 0 var(--panel,#1b1b27);}
.variant-manager-dialog .variant-editor-row{position:relative;padding-top:52px;align-items:flex-start;}
.variant-default-switch{position:absolute;top:14px;right:15px;display:flex;align-items:center;gap:9px;cursor:pointer;color:#c5bad6;font-size:11px;}
.variant-default-switch input{position:absolute;right:0;width:34px;height:20px;margin:0;opacity:0;cursor:pointer;}
.variant-default-switch .variant-switch-track{display:block;width:34px;height:20px;border-radius:20px;background:#484052;transition:background .15s;pointer-events:none;}
.variant-switch-track::after{content:'';display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;transition:transform .15s;}
.variant-default-switch input:checked+.variant-switch-track{background:#a47aeb;}
.variant-default-switch input:checked+.variant-switch-track::after{transform:translateX(14px);}
.variant-default-switch input:focus-visible+.variant-switch-track{outline:2px solid #c8a8ff;outline-offset:3px;}
.variant-manager-dialog .variant-editor-row>div{flex-basis:auto;}

.variant-manager-dialog .variant-form-actions{display:flex;align-items:stretch;gap:12px;padding-top:20px;margin-top:24px;border-top:1px solid #393044;}
.variant-manager-dialog .variant-form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:8px;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s;}
.variant-form-actions button svg{width:19px;height:19px;flex-shrink:0;}
.variant-form-actions .variant-save-button{flex:1;}
.variant-form-actions .variant-unlink-button{background:#2b1e29;border:1px solid #704153;color:#efa8bb;box-shadow:none;}
.variant-form-actions .variant-unlink-button:hover{background:#3a2432;border-color:#b36a80;}
.variant-form-actions button:focus-visible{outline:2px solid #c5a5ff;outline-offset:3px;}
@media(max-width:600px){.variant-manager-dialog .variant-form-actions{flex-direction:column;}.variant-manager-dialog .variant-form-actions button{width:100%;white-space:normal;}}

.variant-manager-dialog .variant-editor-row{padding-top:15px;}
.variant-manager-dialog .variant-editor-row>div>strong{padding-right:105px;min-height:22px;line-height:22px;}
.variant-manager-dialog .variant-editor-row>div>small{margin-top:4px;}
@media(max-width:480px){.variant-manager-dialog .variant-editor-row>div>strong{padding-right:92px;}}

.variant-manager-dialog .variant-manager-guide{padding:10px 0;margin:10px 0 18px;border:0;border-bottom:1px solid #393044;background:none;border-radius:0;font-size:12px;}
.variant-manager-guide summary{cursor:pointer;color:#bba0e6;font-weight:600;}
.variant-manager-dialog [data-linked-variants]>h3{font-size:14px;margin:22px 0 8px;}
.variant-manager-dialog .variant-editor-row{display:grid;grid-template-columns:58px minmax(0,1fr) 28px;gap:13px;margin:0;padding:16px 0;background:none;border:0;border-bottom:1px solid #393044;border-radius:0;align-items:start;}
.variant-rom-cover{width:58px;height:80px;object-fit:cover;border-radius:5px;background:#101018;}
.variant-manager-dialog .variant-editor-row>div>strong{font-size:13px;line-height:1.5;padding-right:100px;}
.variant-manager-dialog .variant-editor-row .variant-default-switch{top:16px;right:37px;}
.variant-manager-dialog .variant-editor-row>button{padding:0;width:27px;height:27px;border:0;background:none;color:#a69aae;font-size:20px;}
.variant-rom-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.6;color:#aaa1b7;margin:7px 0 10px;font-weight:400;}
.variant-manager-dialog .variant-editor-row .field{margin:6px 0 0;font-size:10px;}
.variant-manager-dialog .variant-editor-row .field input{font-size:12px;min-height:38px;padding:9px 11px;}
.variant-search-toolbar{padding:18px 0 0;margin:0;background:none;border:0;}
.variant-search-toolbar .field{width:100%;margin:0;}
.variant-manager-dialog .variant-add-result{display:flex;align-items:center;gap:12px;padding:12px 0;margin:0;border:0;border-bottom:1px solid #393044;border-radius:0;background:none;text-align:left;}
.variant-result-main{flex:1;min-width:0;}
.variant-result-main strong{display:block;font-size:13px;}
.variant-result-main small{display:block;font-size:10px;margin-top:4px;}
.variant-result-add{font-size:11px;color:#c6a6ff;white-space:nowrap;}
@media(max-width:480px){.variant-manager-dialog .variant-editor-row{grid-template-columns:44px minmax(0,1fr) 24px;gap:9px;}.variant-rom-cover{width:44px;height:64px;}.variant-manager-dialog .variant-editor-row>div>strong{padding-right:0;margin-top:27px;}.variant-result-add{font-size:10px;}}

.variant-manager-intro{display:flex;align-items:center;gap:18px;margin:12px 0 18px;}
.variant-manager-intro>.micro{flex:1;min-width:0;margin:0;}
.variant-manager-intro .variant-manager-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin:0;padding:10px 12px;font-size:11px;white-space:nowrap;}
.variant-manager-back svg{width:17px;height:17px;flex-shrink:0;}
@media(max-width:520px){.variant-manager-intro{flex-wrap:wrap;gap:12px;}.variant-manager-intro>.micro{flex-basis:100%;}.variant-manager-intro .variant-manager-back{margin-left:auto;}}

/* Mantém o gerenciador estável ao trocar de grupo ou adicionar ROMs. */
#modal .dialog.variant-manager-dialog{height:calc(100dvh - 48px);max-height:860px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box;}
@media(max-width:600px){#modal .dialog.variant-manager-dialog{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);}}

#modal .dialog.variant-manager-dialog{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;}
.variant-manager-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:20px;}
.variant-manager-dialog>.variant-form-actions{flex-shrink:0;margin:0;padding:18px 0 22px;background:var(--panel,#1c1b28);border-top:1px solid #393044;}

#modal .dialog.variant-manager-dialog{width:min(1180px,calc(100vw - 32px));max-width:1180px;}
.variant-collection-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;margin:18px 0;}
.variant-collection-toolbar .field,.variant-collection-toolbar .variant-search-toolbar{margin:0;padding:0;}
.variant-selected-filter{display:flex;gap:9px;align-items:center;border:1px solid #393044;border-radius:6px;padding:17px 12px;font-size:11px;white-space:nowrap;}
.variant-selected-filter input{accent-color:#a780dd;width:28px;height:18px;}
.variant-selection-count{font-size:10px;color:#cbb5ed;padding-bottom:14px;border-bottom:1px solid #393044;}
.variant-group-settings{font-size:12px;color:#bba0e6;margin:10px 0;}
.variant-group-settings summary{cursor:pointer;}
.variant-group-settings>.field{margin-top:12px;}
.variant-manager-dialog [data-variant-results]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;}
.variant-manager-dialog [data-variant-results][hidden]{display:none;}
.variant-manager-dialog .variant-add-result{display:flex;position:relative;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border:1px solid #393044;border-radius:6px;background:#111018;}
.variant-add-result .variant-rom-cover{width:100%;height:115px;object-fit:cover;border-radius:0;}
.variant-add-result .variant-result-main{padding:10px;}
.variant-add-result .variant-result-main strong{font-size:11px;}
.variant-add-result .variant-rom-description{font-size:10px;}
.variant-add-result .variant-result-add{position:absolute;right:6px;top:6px;background:#17131fe8;padding:4px 7px;border:1px solid #746183;border-radius:5px;font-size:10px;}
.variant-manager-dialog .variant-editor-row{grid-template-columns:50px minmax(0,1fr) 90px 26px;align-items:center;background:#1b1a27;padding:14px;border:1px solid #393044;border-bottom:0;margin:0;}
.variant-manager-dialog .variant-editor-row:last-child{border-bottom:1px solid #393044;}
.variant-manager-dialog .variant-editor-row .variant-default-switch{position:static;grid-column:3;grid-row:1;justify-self:end;}
.variant-editor-row>.variant-rom-cover{grid-column:1;grid-row:1;width:50px;height:68px;}
.variant-manager-dialog .variant-editor-row>.variant-rom-main{grid-column:2;grid-row:1;}
.variant-manager-dialog .variant-editor-row>button{grid-column:4;grid-row:1;}
.variant-manager-dialog .variant-editor-row>div>strong{padding-right:0;margin-top:0;}
.variant-manager-dialog .variant-editor-row .variant-rom-description{margin:4px 0;font-size:11px;}
.variant-manager-dialog .variant-editor-row .field{max-width:540px;}
@media(max-width:800px){.variant-collection-toolbar{grid-template-columns:1fr 1fr;}.variant-selected-filter{grid-column:1/-1;justify-self:start;}.variant-manager-dialog [data-variant-results]{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:500px){.variant-collection-toolbar{grid-template-columns:1fr;}.variant-manager-dialog [data-variant-results]{grid-template-columns:repeat(2,minmax(0,1fr));}.variant-manager-dialog .variant-editor-row{grid-template-columns:40px minmax(0,1fr) 24px;gap:9px;}.variant-editor-row>.variant-rom-cover{width:40px;height:56px;}.variant-manager-dialog .variant-editor-row .variant-default-switch{grid-column:2;grid-row:2;justify-self:end;}.variant-manager-dialog .variant-editor-row>button{grid-column:3;}}

.profile-photo-preview{border:3px solid var(--avatar-frame,var(--accent));outline:none!important;outline-offset:0!important;box-shadow:none;}

.variant-manager-dialog .variant-group-settings{display:flex;align-items:center;gap:14px;margin:0 0 16px;}
.variant-group-settings>.field{flex:1;min-width:0;margin:0;}
.variant-help-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:12px;font-size:11px;}
.variant-help-button svg{width:18px;height:18px;}
.variant-help-dialog h2{font-size:20px;padding-right:20px;}
.variant-help-dialog p{font-size:13px;line-height:1.7;color:#c7bdd3;}
.variant-help-dialog small{display:block;font-size:12px;line-height:1.7;color:#d4bc8c;margin-top:18px;}
@media(max-width:600px){.variant-manager-dialog .variant-group-settings{flex-wrap:wrap;}.variant-group-settings>.field{flex-basis:100%;}.variant-help-button{margin-left:auto;}}

.variant-manager-fixed-header{flex-shrink:0;padding-right:10px;border-bottom:1px solid #393044;}
.variant-manager-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 10px;}
.variant-manager-title-row h2{margin:0;}
.variant-manager-title-row .variant-manager-back{margin:0;display:inline-flex;gap:8px;align-items:center;flex-shrink:0;}
.variant-manager-fixed-header>.micro{margin:0 0 12px;}
.variant-manager-fixed-header .variant-collection-toolbar{margin:10px 0 8px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px;}
.variant-manager-fixed-header .variant-group-settings{margin:0 0 8px;gap:12px;}
.variant-manager-fixed-header .variant-group-settings>.field{margin:0;}
.variant-manager-fixed-header .variant-selection-count{padding:4px 0 10px;border:0;}
.variant-manager-fixed-header .variant-help-button{width:200px;min-height:46px;margin:0;font-size:11px;}
.variant-manager-fixed-header .variant-selected-filter{position:relative;width:200px;box-sizing:border-box;min-height:46px;padding:12px;justify-content:center;flex-shrink:0;}
.variant-selected-filter input{position:absolute;width:32px;height:18px;opacity:0;left:12px;cursor:pointer;}
.variant-selected-switch-track{width:32px;height:18px;border-radius:20px;background:#4a4255;flex-shrink:0;pointer-events:none;}
.variant-selected-switch-track::after{content:'';display:block;width:12px;height:12px;margin:3px;border-radius:50%;background:#fff;transition:transform .15s;}
.variant-selected-filter input:checked+.variant-selected-switch-track{background:#a47bea;}
.variant-selected-filter input:checked+.variant-selected-switch-track::after{transform:translateX(14px);}
.variant-selected-filter input:focus-visible+.variant-selected-switch-track{outline:2px solid #c9a8ff;outline-offset:3px;}
@media(max-width:700px){.variant-manager-fixed-header .variant-collection-toolbar{grid-template-columns:1fr 1fr;}.variant-manager-fixed-header .variant-help-button{grid-column:1/-1;justify-self:end;width:auto;min-height:34px;}.variant-manager-fixed-header .variant-selected-filter{width:auto;}.variant-manager-title-row h2{font-size:18px;}.variant-manager-title-row .variant-manager-back{font-size:10px;padding:8px;}}
@media(max-width:480px){.variant-manager-fixed-header .variant-group-settings{flex-wrap:nowrap;}.variant-manager-fixed-header .variant-group-settings>.field{flex-basis:auto;}.variant-selected-filter>span:last-child{font-size:9px;}.variant-manager-fixed-header>.micro{font-size:10px;line-height:1.5;}.variant-manager-title-row{gap:8px;}}

.variant-manager-fixed-header .variant-group-settings>.variant-search-toolbar{flex:1;min-width:0;padding:0;margin:0;}.variant-group-settings .variant-search-toolbar .field{margin:0;}

.variant-manager-dialog .variant-selected-filter{color:#fff;}

.variant-manager-dialog .variant-editor-row.is-selected{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 18px;border-left:3px solid #a780dd;background:#252032;}
.variant-manager-dialog .variant-editor-row.is-selected>.variant-rom-main{grid-column:1;grid-row:1;}
.variant-manager-dialog .variant-editor-row.is-selected .variant-default-switch{grid-column:2;grid-row:1;position:static;align-self:center;justify-self:end;}
.variant-manager-dialog .variant-editor-row.is-selected>button{grid-column:2;grid-row:2;justify-self:end;margin-top:-8px;}
.variant-manager-dialog .variant-editor-row.is-selected .field{max-width:none;}
.variant-manager-dialog .variant-editor-row.is-selected .variant-rom-console{color:#c6b4e4;}
@media(max-width:500px){.variant-manager-dialog .variant-editor-row.is-selected{padding:12px;gap:10px;}.variant-manager-dialog .variant-editor-row.is-selected>div>strong{margin:0;padding:0;}}

.variant-add-result .variant-result-add{display:grid;place-items:center;width:27px;height:27px;padding:0;}
.variant-result-add svg{width:18px;height:18px;}
.variant-manager-dialog .variant-add-result.is-selected{border-color:#b494ef;background:#292137;box-shadow:inset 0 0 0 1px #b494ef;}
.variant-add-result.is-selected .variant-result-add{background:#a780dd;color:#fff;border-color:#cdb3f5;}

.variant-manager-dialog .variant-editor-row.is-selected{display:block;position:relative;padding:16px 18px;}
.variant-manager-dialog .variant-editor-row.is-selected>.variant-rom-main{width:100%;}
.variant-manager-dialog .variant-editor-row.is-selected>.variant-rom-main>strong{padding-right:110px;min-height:20px;}
.variant-manager-dialog .variant-editor-row.is-selected .variant-default-switch{position:absolute;top:16px;right:18px;}
.variant-manager-dialog .variant-editor-row.is-selected .field,.variant-manager-dialog .variant-editor-row.is-selected .field input{width:100%;max-width:none;box-sizing:border-box;}
.variant-manager-dialog .variant-editor-row.is-selected>button{position:absolute;right:16px;bottom:2px;width:18px;height:18px;font-size:14px;margin:0;}
.variant-manager-dialog .variant-editor-row.is-selected .field{margin-bottom:6px;}
@media(max-width:500px){.variant-manager-dialog .variant-editor-row.is-selected>.variant-rom-main>strong{padding-right:100px;}}

.variant-manager-dialog .variant-selection-count{display:none;}

.variant-manager-dialog .variant-editor-row.is-selected{border-radius:10px;overflow:hidden;border-bottom:1px solid #393044;margin:10px 0;}

.variant-manager-fixed-header .variant-help-button,.variant-manager-fixed-header .variant-selected-filter{height:54px;min-height:54px;box-sizing:border-box;align-self:center;}

.variant-manager-dialog>.close,.variant-picker-overlay>.close{display:grid;place-items:center;font-size:0;line-height:0;}
.variant-manager-dialog>.close svg,.variant-picker-overlay>.close svg{width:18px;height:18px;grid-area:1/1;}
.variant-manager-dialog>.close svg~svg,.variant-picker-overlay>.close svg~svg{display:none;}

.variant-manager-dialog>.variant-manager-fixed-header,.variant-manager-dialog>.variant-form-actions{position:relative;border-color:transparent;}
.variant-manager-dialog>.variant-manager-fixed-header::after,.variant-manager-dialog>.variant-form-actions::before{content:'';position:absolute;left:-32px;right:-32px;height:1px;background:#393044;pointer-events:none;}
.variant-manager-dialog>.variant-manager-fixed-header::after{bottom:-1px;}
.variant-manager-dialog>.variant-form-actions::before{top:-1px;}

.collection-editor-dialog .collection-selected-summary,.collection-editor-dialog .collection-editor-actions{position:relative;border-color:transparent;}
.collection-editor-dialog .collection-selected-summary::after,.collection-editor-dialog .collection-editor-actions::before{content:'';position:absolute;left:-28px;right:-28px;height:1px;background:var(--border);pointer-events:none;}
.collection-editor-dialog .collection-selected-summary::after{bottom:0;}
.collection-editor-dialog .collection-editor-actions::before{top:0;}
@media(max-width:650px){.collection-editor-dialog .collection-selected-summary::after,.collection-editor-dialog .collection-editor-actions::before{left:-14px;right:-14px;}}

#modal .dialog.variant-manager-dialog{position:relative;}
.variant-manager-dialog>.variant-manager-fixed-header::after,.variant-manager-dialog>.variant-form-actions::before{left:-60px;right:-60px;}

.collection-editor-dialog .collection-editor-actions{position:relative;inset:auto;bottom:auto;margin:0;flex-shrink:0;padding:16px 0 22px;box-sizing:border-box;}
.collection-editor-dialog>.collection-editor{box-sizing:border-box;}
@media(max-width:650px){.collection-editor-dialog .collection-editor-actions{bottom:auto;margin:0;padding:12px 0 16px;}}

@media(max-width:700px){
 .variant-manager-fixed-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;}
 .variant-manager-fixed-header>.eyebrow,.variant-manager-fixed-header>.variant-manager-title-row,.variant-manager-fixed-header>.micro{grid-column:1/-1;}
 .variant-manager-fixed-header .variant-collection-toolbar,.variant-manager-fixed-header .variant-group-settings{display:contents;}
 .variant-manager-fixed-header .variant-collection-toolbar>.field{grid-column:1/-1;width:100%;margin:0;}
 .variant-manager-fixed-header .variant-help-button{grid-column:1;grid-row:auto;width:100%;min-width:0;padding:8px;font-size:10px;white-space:normal;}
 .variant-manager-fixed-header .variant-selected-filter{grid-column:2;grid-row:auto;width:100%;min-width:0;padding:8px;gap:6px;}
 .variant-manager-fixed-header .variant-group-settings>.variant-search-toolbar{grid-column:1/-1;grid-row:auto;width:100%;order:10;}
 .variant-manager-fixed-header .variant-selection-count{display:none;}
 .variant-manager-fixed-header .variant-help-button,.variant-manager-fixed-header .variant-selected-filter{height:48px;min-height:48px;margin:0;}
 .variant-manager-fixed-header{padding-bottom:10px;}
}

.variant-manager-dialog [data-remove-variant] svg{width:15px;height:15px;}

.variant-manager-dialog>.variant-form-actions{align-items:center;}
.variant-manager-dialog .variant-form-actions>.variant-save-button,.variant-manager-dialog .variant-form-actions>.variant-unlink-button{height:46px;min-height:46px;max-height:46px;margin:0;padding:0 18px;box-sizing:border-box;line-height:1;align-self:center;}
@media(max-width:600px){.variant-manager-dialog .variant-form-actions>.variant-save-button{flex:none;}}

.variant-manager-dialog .variant-add-result{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.variant-add-result .variant-rom-cover{transition:filter .18s ease;}
@media(hover:hover) and (pointer:fine){
 .variant-manager-dialog .variant-add-result:hover:not(:disabled){transform:translateY(-3px);border-color:#a88adc;background:#211a2d;box-shadow:0 6px 16px #0005;}
 .variant-manager-dialog .variant-add-result:hover:not(:disabled) .variant-rom-cover{filter:brightness(1.1);}
 .variant-manager-dialog .variant-add-result.is-selected:hover{border-color:#d0b5ff;background:#332842;box-shadow:inset 0 0 0 1px #c3a0f5,0 6px 16px #0005;}
}
.variant-manager-dialog .variant-add-result:focus-visible{outline:2px solid #c9a8ff;outline-offset:2px;}
@media(prefers-reduced-motion:reduce){.variant-manager-dialog .variant-add-result,.variant-add-result .variant-rom-cover{transition:none;}.variant-manager-dialog .variant-add-result:hover:not(:disabled){transform:none;}}

.site-select-menu .site-select-search:focus,.site-select-menu .site-select-search:focus-visible{outline:none;outline-offset:0;border-color:var(--accent,#a487f3);box-shadow:inset 0 0 0 1px var(--accent,#a487f3);}

.theatre-overlay .theatre-top{padding-inline:0;}
.theatre-overlay .theatre-close{z-index:2005;}

.premium-renewal-notice{display:flex;align-items:center;gap:18px;padding:22px 24px;margin:0 0 24px;border:1px solid #907238;border-left:4px solid #e1bc64;border-radius:10px;background:linear-gradient(120deg,#3c2d161f,#d4a64a12);color:#eed192;}
.premium-renewal-notice>svg{width:32px;height:32px;flex-shrink:0;}
.premium-renewal-notice>div{flex:1;}.premium-renewal-notice strong{font-size:15px;color:#f3d98d;}.premium-renewal-notice p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#cbb588;}
.premium-renewal-notice button{border-color:#937439;background:#4b371f;color:#f7dda1;white-space:nowrap;}
.free-plan-summary,.premium-retention-info{padding:22px 24px;margin:24px 0;border:1px solid var(--border);border-radius:10px;background:var(--panel);}
.free-plan-summary p,.premium-plan-intro p,.premium-retention-info p{font-size:13px;color:var(--muted);line-height:1.8;}.free-plan-summary h2,.premium-plan-intro h2{font-size:21px;}
@media(max-width:600px){.premium-renewal-notice{flex-wrap:wrap;padding:18px;}.premium-renewal-notice>div{flex-basis:75%;}.premium-renewal-notice button{width:100%;}}

#billing-panel .billing-history-heading{position:relative;border-top-color:transparent;}
#billing-panel .billing-history-heading::before{content:'';position:absolute;height:1px;top:-1px;left:-24px;right:-24px;background:var(--border);}

.game-versions.saved-progress-section .saved-progress-list{margin:0;padding:0;border-top:1px solid var(--border);}
.game-versions.saved-progress-section .saved-progress-row{margin:0;padding:15px 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--bg);}
.game-versions.saved-progress-section .saved-progress-row:last-child{border-bottom:0;}

.settings-page .admin-notification-settings{order:4;}.settings-page .settings-save{order:5;}

.premium-page{max-width:1240px;margin:0 auto;}
.premium-page-hero{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:12px 0 28px;}
.premium-page-hero h2{font-size:clamp(24px,2.6vw,34px);line-height:1.25;max-width:620px;margin:10px 0 12px;letter-spacing:-.7px;}
.premium-page-hero p{font-size:13px;color:var(--muted);margin:0;line-height:1.7;}
.premium-price-summary{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:flex-end;}
.premium-price-summary>strong{font-size:30px;letter-spacing:-.7px;}.premium-price-summary strong small{font-size:12px;font-weight:400;margin-left:5px;color:var(--muted);letter-spacing:0;}
.premium-price-summary>span{font-size:11px;color:var(--muted);}.premium-price-summary button{font-size:11px;margin-top:4px;}
.premium-price-summary .premium-active-label{color:#a4d6b5;}
.premium-comparison{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--panel);}
.premium-comparison>div{padding:24px 26px;}.premium-free-column{border-right:1px solid var(--border);}.premium-paid-column{background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent);}
.premium-comparison h3{font-size:18px;margin:9px 0;}.premium-comparison p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 14px;}.premium-comparison ul{padding:0;list-style:none;margin:0;display:grid;gap:10px;}.premium-comparison li{position:relative;padding-left:17px;font-size:12px;line-height:1.6;color:var(--muted);}.premium-comparison li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent);}.premium-comparison li strong{color:var(--text,#fff);font-weight:600;}
.premium-benefits-section{margin:28px 0 14px;}.premium-benefits-heading h3{font-size:18px;margin:0 0 6px;}.premium-benefits-heading p{font-size:12px;color:var(--muted);margin:0 0 12px;}
.premium-page .premium-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:0;}
.premium-page .premium-benefits-grid>.feature{background:none;border:0;border-bottom:1px solid var(--border);box-shadow:none;border-radius:0;padding:18px 0 18px 48px;min-height:94px;position:relative;}
.premium-page .premium-benefit-icon{position:absolute;left:0;top:18px;width:34px;height:34px;border-radius:8px;}.premium-page .premium-benefit-icon svg{width:20px;height:20px;}
.premium-page .feature h3{font-size:13px;margin:0 0 6px;}.premium-page .feature p{font-size:11px;line-height:1.7;margin:0;color:var(--muted);}
.premium-payment-note{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin:18px 0 26px;}.premium-payment-note svg{width:17px;height:17px;flex-shrink:0;}.premium-payment-note p{margin:0;line-height:1.7;}
.premium-page .premium-retention-info{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));border:1px solid var(--border);border-radius:8px;margin:22px 0;}
.premium-retention-info>svg{width:19px;height:19px;flex-shrink:0;color:var(--accent);margin-top:1px;}.premium-retention-info strong{font-size:12px;}.premium-page .premium-retention-info p{font-size:11px;line-height:1.75;margin:6px 0 0;color:var(--muted);}
@media(max-width:850px){.premium-page .premium-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.premium-page-hero{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:22px;}.premium-price-summary{align-items:flex-start;}.premium-price-summary button{width:100%;}.premium-comparison{grid-template-columns:1fr;}.premium-comparison>div{padding:20px;}.premium-free-column{border-right:0;border-bottom:1px solid var(--border);}.premium-page .premium-benefits-grid{grid-template-columns:1fr;}.premium-page .premium-benefits-grid>.feature{min-height:80px;}.premium-page .premium-retention-info{padding:14px;}}

.premium-page .premium-retention-info{align-items:center;gap:16px;}
.premium-page .premium-retention-info>svg{width:28px;height:28px;margin-top:0;}

.premium-page .premium-paid-column{background:linear-gradient(125deg,#60431640 0%,#35271d66 50%,#b18a3514 100%);box-shadow:inset 0 0 0 1px #d1a54a38;}
.premium-paid-column>.eyebrow{color:#e6bf69;}
.premium-paid-column h3{color:#f6dfa5;}
.premium-comparison .premium-paid-column p,.premium-comparison .premium-paid-column li{color:#cdbd9f;}
.premium-comparison .premium-paid-column li strong{color:#f9e5b6;}
.premium-comparison .premium-paid-column li::before{background:#e2b85c;box-shadow:0 0 7px #d9ab3830;}

.premium-page .premium-benefits-grid>.feature{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding:18px 68px 18px 20px;min-height:100px;text-align:left;}
.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{left:auto;right:18px;top:50%;transform:translateY(-50%);margin:0;}
.premium-page .premium-benefits-grid>.feature h3{margin:0;line-height:1.4;}
.premium-page .premium-benefits-grid>.feature p{margin:0;line-height:1.6;}
@media(max-width:600px){.premium-page .premium-benefits-grid>.feature{padding:16px 64px 16px 16px;min-height:88px;}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{right:16px;}}

.premium-page .premium-benefits-grid>.feature{padding:18px 20px 18px 68px;}
.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{left:18px;right:auto;}
@media(max-width:600px){.premium-page .premium-benefits-grid>.feature{padding:16px 16px 16px 64px;}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{left:16px;right:auto;}}

#billing-panel.billing-layout,.billing-layout{background:transparent;border:0;box-shadow:none;padding:0;overflow:visible;}
.billing-plan-section{padding:22px 0 6px;}
.billing-plan-section .billing-heading{margin-bottom:16px;}
.billing-plan-section .billing-plan-active{border:0;border-radius:0;background:none;box-shadow:none;padding:0 0 20px;margin:0;}
.billing-plan-section .billing-plan-active>span{color:#dfbe72;font-size:10px;}
.billing-plan-section .billing-plan-active h3{font-size:18px;margin:10px 0;}
.billing-plan-section .billing-plan-active p{font-size:12px;margin:0;color:var(--muted);}
.billing-payments-section{margin:20px 0 0;padding:20px 22px;border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden;}
.billing-payments-section .billing-history-heading,#billing-panel .billing-payments-section .billing-history-heading{border:0;padding:0;margin:0 0 16px;}
#billing-panel .billing-payments-section .billing-history-heading::before{display:none;}
.billing-payments-section .billing-history-heading h3{font-size:16px;margin:0;}
.billing-payments-section .billing-history-heading>span{font-size:11px;}
.billing-payments-section .billing-history-modern{gap:0;}
.billing-payments-section .billing-history-modern>article,.personal-subscription-dashboard .billing-payments-section .billing-history-modern>article{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;padding:16px 0;}
.billing-payments-section .billing-history-modern>article:last-child{padding-bottom:0;}
.billing-payments-section .billing-history-actions:empty{display:none;}
@media(max-width:600px){.billing-payments-section{padding:16px;}.billing-plan-section .billing-heading{gap:12px;flex-wrap:wrap;}.billing-payments-section .billing-history-heading{gap:10px;flex-wrap:wrap;}}

.billing-history-modern>.billing-payment-expandable{margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--panel);}
.billing-history-modern>.billing-payment-expandable:first-child{border-top:1px solid var(--border);}
.billing-payment-expandable>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:18px 20px;}
.billing-payment-expandable>summary::-webkit-details-marker{display:none;}
.billing-payment-expandable>summary>.billing-history-top{flex:1;min-width:0;margin:0;}
.billing-payment-chevron{width:18px;height:18px;flex-shrink:0;color:var(--muted);transition:transform .15s;}
.billing-payment-expandable[open]>summary .billing-payment-chevron{transform:rotate(180deg);}
.billing-payment-expandable>summary:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel));}
.billing-payment-expandable>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.billing-payment-details{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg);}
.billing-payment-details .billing-history-info{margin:0;}
.billing-payment-details .billing-history-actions{margin:12px 0 0;}
@media(max-width:600px){.billing-payment-expandable>summary{padding:15px 12px;gap:10px;}.billing-payment-details{padding:14px 12px;}}

.billing-layout .billing-heading h3{margin-bottom:4px;}
.billing-layout .billing-heading .micro{margin-top:0;line-height:1.6;}
.billing-layout .billing-plan-section .billing-plan-active{position:relative;padding:20px 82px 20px 22px;border:1px solid #a782414f;border-left:3px solid #d8b45f;border-radius:10px;background:linear-gradient(115deg,#5b411d4d,#33271938 65%,#80602b24);color:#efd398;}
.billing-layout .billing-plan-active>span:not(.billing-active-crown){color:#e6bf69;}
.billing-layout .billing-plan-active h3{margin:8px 0 4px;color:#f7e1ad;}
.billing-layout .billing-plan-active p{margin:0;color:#cbb893;line-height:1.6;}
.billing-active-crown{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;color:#dfb957;}
.billing-active-crown svg{width:38px;height:38px;}
@media(max-width:600px){.billing-layout .billing-plan-section .billing-plan-active{padding:18px 65px 18px 18px;}.billing-active-crown{right:18px;}.billing-active-crown svg{width:30px;height:30px;}}

.billing-payments-section{padding:0;}
.billing-payments-section .billing-history-heading,#billing-panel .billing-payments-section .billing-history-heading{padding:20px 22px 16px;margin:0;}
.billing-payments-section .billing-history-modern{margin:0;padding:0;}
.billing-payments-section .billing-history-modern>.billing-payment-expandable:last-child{border-bottom:0;margin-bottom:0;}
@media(max-width:600px){.billing-payments-section{padding:0;}.billing-payments-section .billing-history-heading,#billing-panel .billing-payments-section .billing-history-heading{padding:16px;}}

.billing-history-top>.billing-status-icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 38px;width:38px;height:38px;padding:4px;margin-top:0;margin-bottom:0;border-radius:9px;line-height:1;}
.billing-status-icon svg{display:block;width:30px;height:30px;flex-shrink:0;}
.billing-payment-status-text{font-weight:600;}

.premium-page .premium-paid-column{position:relative;background:radial-gradient(ellipse at 100% 0%,#e9ba5121,transparent 62%),linear-gradient(125deg,#46341f 0%,#2d2523 48%,#24212b 100%);box-shadow:inset 0 0 0 1px #d9b35b60,inset 0 1px 0 #fff2c22b;}
.premium-page .premium-paid-column::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#9b712c,#f9dc8c 45%,#b98a35 80%,#f0cc79);pointer-events:none;}
.premium-page .premium-paid-column>.eyebrow{color:#f0c765;letter-spacing:1.5px;}
.premium-page .premium-paid-column h3{color:#fff8e9;}
.premium-page .premium-paid-column p,.premium-page .premium-paid-column li{color:#ede8df;}
.premium-page .premium-paid-column li strong{color:#f8d782;}
.premium-page .premium-paid-column li::before{background:#efc767;box-shadow:0 0 8px #dfad4140;}

.billing-history-top>.billing-status-icon{width:44px;height:44px;flex-basis:44px;padding:1px;background:none;border:0;box-shadow:none;}
.billing-status-icon .payment-coin{width:40px;height:40px;filter:drop-shadow(0 2px 2px #0003);}
.payment-coin-badge{fill:#c86470;stroke:#92414b;}
.billing-status-approved .payment-coin-badge{fill:#34b876;stroke:#248456;}
:is(.billing-status-pending,.billing-status-created,.billing-status-in_process,.billing-status-in_mediation) .payment-coin-badge{fill:#9680d0;stroke:#6b58a4;}
:is(.billing-status-refunded,.billing-status-charged_back) .payment-coin-badge{fill:#669cbe;stroke:#477791;}

.billing-layout .billing-plan-section .billing-plan-active{background:radial-gradient(ellipse at 100% 0%,#e7b85318,transparent 58%),linear-gradient(115deg,#47351f 0%,#2c2421 46%,#242129 100%);border:1px solid #caa25365;border-left:3px solid #e4bf6b;box-shadow:inset 0 1px 0 #fff0bb16;}
.billing-layout .billing-plan-active h3{color:#fff9ed;}
.billing-layout .billing-plan-active p{color:#e8e2d8;}
.billing-layout .billing-plan-active>span:not(.billing-active-crown){color:#f0ca74;}
.billing-layout .billing-plan-active .billing-active-crown{color:#f0cc79;filter:drop-shadow(0 1px 5px #d4a23a20);}

.personal-subscription-dashboard .billing-plan-section .billing-plan-active{background:radial-gradient(ellipse at 100% 0%,#e7b85318,transparent 58%),linear-gradient(115deg,#47351f 0%,#2c2421 46%,#242129 100%);border-color:#caa25365;border-left-color:#e4bf6b;box-shadow:inset 0 1px 0 #fff0bb16;}
.personal-subscription-dashboard .billing-plan-section .billing-plan-active h3{color:#fff9ed;}
.personal-subscription-dashboard .billing-plan-section .billing-plan-active p{color:#e8e2d8;}
.personal-subscription-dashboard .billing-plan-section .billing-plan-active>span:not(.billing-active-crown){color:#f0ca74;}
.personal-subscription-dashboard .billing-plan-section .billing-active-crown{color:#f0cc79;}

.billing-status-icon .payment-coin{filter:none;}
.billing-history-top>.billing-status-approved{color:#7cdbad;}
.billing-history-top>:is(.billing-status-pending,.billing-status-created,.billing-status-in_process,.billing-status-in_mediation){color:#b59ae9;}
.billing-history-top>:is(.billing-status-cancelled,.billing-status-rejected,.billing-status-checkout_failed){color:#e991a2;}
.billing-history-top>:is(.billing-status-refunded,.billing-status-charged_back){color:#88bddc;}

.billing-status-icon .payment-coin{width:30px;height:30px;}

.billing-history-top>.billing-status-icon{width:38px;height:38px;flex-basis:38px;border-radius:9px;background:color-mix(in srgb,currentColor 8%,transparent);padding:4px;}
.billing-status-icon .payment-coin{width:30px;height:30px;}

.premium-upcoming-label{display:inline-flex;vertical-align:middle;margin-left:8px;padding:3px 8px;border:1px solid rgba(231,189,91,.35);border-radius:999px;color:#edcc82;background:rgba(231,189,91,.08);font-size:10px;line-height:1.4;font-weight:600;}
.premium-upcoming .premium-benefits-grid>.feature{border-top:1px solid rgba(231,189,91,.18);}

/* Participant input device, in the upper corner without rotating the pictogram. */
.room-lobby .lobby-member{position:relative;padding-top:24px;}
.room-lobby .lobby-device{position:absolute;top:5px;right:8px;display:inline-flex;align-items:center;gap:4px;color:var(--muted);opacity:.85;}
.room-lobby .lobby-device::before{content:"";position:absolute;inset:-2px -4px;border-radius:4px;background:var(--accent);opacity:.07;transform:skewX(-12deg);}
.room-lobby .lobby-device svg{width:15px;height:15px;position:relative;}
.room-handoff-notice{font-size:12px;color:var(--muted);margin:0;width:100%;line-height:1.6;}

.billing-layout .billing-plan-active .billing-renew-setup{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:48px;margin-top:12px;padding:10px 14px;text-align:left;border:1px solid #d8af555c;border-radius:8px;background:linear-gradient(115deg,#e8bb5820,#d3a34009);color:#fffaf0;box-shadow:inset 0 1px 0 #fff2;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s;}
.billing-layout .billing-renew-setup>span{display:grid;gap:2px;min-width:0;}
.billing-layout .billing-renew-setup strong{font-size:12px;line-height:1.4;font-weight:650;}
.billing-layout .billing-renew-setup small{font-size:10px;line-height:1.4;color:#dfc795;}
.billing-layout .billing-renew-setup .billing-renew-icon{width:24px;height:24px;color:#f1cf83;flex-shrink:0;}
.billing-layout .billing-renew-setup .billing-renew-arrow{width:15px;height:15px;margin-left:8px;color:#f1cf83;flex-shrink:0;}
.billing-layout .billing-plan-active .billing-renew-setup:hover:not(:disabled){border-color:#edc76bb3;background:linear-gradient(115deg,#e8bb5830,#d3a34014);box-shadow:inset 0 1px 0 #fff2,0 3px 14px #bd8b2214;}
.billing-layout .billing-renew-setup:focus-visible{outline:2px solid #f0cb77;outline-offset:3px;}
.billing-layout .billing-renew-setup:disabled{opacity:.55;cursor:wait;}
@media(max-width:420px){.billing-layout .billing-plan-active .billing-renew-setup{gap:8px;padding:10px;}.billing-layout .billing-renew-setup .billing-renew-arrow{display:none;}}

.payment-checkout-submit{display:flex;align-items:center;justify-content:center;gap:9px;}.payment-checkout-submit>svg{width:20px;height:20px;flex-shrink:0;}

/* Payment details keep actions beside the information, stacking on mobile. */
.billing-payment-details{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;}
.billing-payment-details .billing-history-actions{justify-content:flex-end;align-items:center;margin:0;max-width:440px;}
.billing-layout .billing-verify-payment{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--accent,#a487f3) 45%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent,#a487f3) 11%,var(--panel,#1b1b27));color:var(--text,#f7f7f9);font-size:12px;font-weight:600;white-space:nowrap;transition:background .16s,border-color .16s;}
.billing-verify-payment svg{width:17px;height:17px;flex-shrink:0;color:var(--accent,#a487f3);}
.billing-layout .billing-verify-payment:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 20%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);}
.billing-verify-payment:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px;}
.billing-verify-payment:disabled{opacity:.55;cursor:wait;}
@media(max-width:600px){.billing-payment-details{grid-template-columns:minmax(0,1fr);gap:14px;}.billing-payment-details .billing-history-actions{justify-content:flex-start;max-width:none;}.billing-payment-details .billing-verify-payment{width:100%;}}

.room-lobby .lobby-member{padding-top:11px;}.room-lobby .lobby-device{top:-7px;right:-5px;gap:3px;transform:rotate(18deg);opacity:1;color:var(--muted);background:none;border:0;padding:0;}.room-lobby .lobby-device::before{display:none;}.room-lobby .lobby-device svg{width:17px;height:17px;background:var(--panel,#1b1b27);}

@media(max-width:650px){.room-lobby .lobby-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;max-width:100%;}.room-lobby .lobby-actions>button>svg{width:16px;height:16px;flex-shrink:0;}.room-lobby .lobby-actions>button>span{min-width:0;}}

#modal .guest-trial-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;height:min(780px,calc(100dvh - 32px));padding:44px 0 0;box-sizing:border-box;overflow:hidden;}#guest-game-frame{display:block;width:100%;height:100%;border:0;}@media(max-width:600px){#modal .guest-trial-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0;}}

@media(max-width:600px) and (orientation:portrait){.main>.email-verification-dismissible>button:not(.email-verification-close){grid-column:1/-1;width:100%;box-sizing:border-box;justify-self:stretch}}

.main>.email-verification-dismissible>.email-verification-icon{align-self:center}

/* Keep off-screen decorations and floating panels from widening the mobile document. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 #app,.shell,.shell>.workspace,.workspace>.main{min-width:0;max-width:100%}
 .workspace>.topbar{width:100%;min-width:0;max-width:100%}
 .workspace>.topbar>.header-search-field,.workspace>.topbar>.header-search-field .floating-field-control{min-width:0;max-width:100%}
 .workspace>.topbar>.header-search-field input{min-width:0;width:100%;max-width:100%}
 .workspace>.topbar>.account{flex-shrink:0}
}

/* The signed-in header must shrink its search column on narrow phones. */
@media(max-width:760px){
 html{width:100%;max-width:100%;overflow-x:hidden}
 body{width:100%;max-width:100%;overflow-x:hidden}
 #app,.shell,.shell>.workspace,.workspace>.main{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
 .shell>.workspace{overflow-x:clip}
 .shell .workspace>.topbar{display:grid;grid-template-columns:36px minmax(0,1fr) max-content;gap:8px;padding-inline:10px;min-width:0;width:100%;max-width:100%}
 .shell .workspace>.topbar>.header-search-field{width:100%;min-width:0;max-width:100%}
 .shell .workspace>.topbar>.header-search-field .floating-field-control{display:block;width:100%;min-width:0;max-width:100%}
 .shell .workspace>.topbar>.account{min-width:0;gap:6px}
 .workspace>.main .live-keyboard-guide{max-width:100%;min-width:0;flex-wrap:wrap}
}

@media(any-pointer:coarse){
 html:has(.shell),body:has(.shell){overflow-x:hidden!important;max-width:100%}
 .shell,#app:has(.shell){max-width:100%;min-width:0;overflow-x:clip}
 .shell>.workspace{min-width:0;max-width:100%;overflow-x:clip}
}

/* Keep mobile touch scrolling without pinch or double-tap zoom. */
@media(any-pointer:coarse){html,body{touch-action:pan-x pan-y}}

#modal .guest-trial-dialog.trial-is-playing{padding-top:0}#modal .guest-trial-dialog.trial-is-playing>.close{display:none!important}

#modal .guest-trial-dialog{padding-top:0}#modal .guest-trial-dialog>.close{position:absolute;top:12px;right:12px;z-index:50}


.billing-pending{padding:24px;background:linear-gradient(115deg,#a58bfa0d,#101017 70%);border-color:#a58bfa30}.billing-pending-info{display:flex;align-items:flex-start;gap:16px}.billing-pending-symbol{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;background:#a58bfa18;border:1px solid #a58bfa25;border-radius:13px;color:#bfa7ff}.billing-pending-symbol svg{width:24px;height:24px}.billing-pending-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#b79cef}.billing-pending h3{font-size:19px;margin:7px 0 8px}.billing-pending p{margin:0;max-width:660px;line-height:1.7}.billing-pending-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #a58bfa18}.billing-pending-actions :is(button,.btn){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:9px;font-size:13px;transition:background 200ms,border-color 200ms,box-shadow 200ms}.billing-pending-actions svg{width:19px;height:19px;flex-shrink:0}.billing-pending-actions .primary{background:linear-gradient(115deg,#7759ac,#485e9f);border-color:#ad91e0;box-shadow:0 4px 16px #0003}.billing-pending-actions .primary:hover{box-shadow:0 4px 22px #a58bfa30}.billing-pending-actions .billing-pending-cancel{margin-left:auto;color:#e0a9b4;background:transparent;border-color:#d88b9c30}.billing-pending-actions .billing-pending-cancel:hover{background:#d88b9c12;border-color:#d88b9c65}@media(max-width:600px){.billing-pending{padding:18px}.billing-pending-info{gap:12px}.billing-pending h3{font-size:18px}.billing-pending-actions{display:grid;grid-template-columns:1fr}.billing-pending-actions :is(button,.btn){width:100%;margin-left:0;box-sizing:border-box}}

.profile-premium-gold{background:radial-gradient(ellipse at top left,#d9a53b2b,transparent 65%),linear-gradient(115deg,#302513,#1e1b18 75%);border:1px solid #cda34570;box-shadow:inset 0 1px 0 #ffe8a416,0 8px 28px #0002}.profile-premium-gold :is(h1,p,.eyebrow){color:#fff}.profile-premium-gold .eyebrow{color:#ffe2a0}.profile-premium-gold p{color:#f5f0e7;line-height:1.7}.profile-premium-button,.profile-save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:9px;font-size:13px;transition:background 200ms,border-color 200ms,box-shadow 200ms}.profile-premium-button svg,.profile-save-button svg{width:19px;height:19px;flex-shrink:0}.profile-premium-gold .profile-premium-button{color:#fff;background:linear-gradient(115deg,#957027,#755019);border:1px solid #dfbd6c;box-shadow:0 4px 16px #0003,inset 0 1px 0 #fff2;white-space:nowrap}.profile-premium-gold .profile-premium-button:hover{background:linear-gradient(115deg,#ad8432,#896021);box-shadow:0 4px 22px #dfb44d30}.profile-save-button{color:#fff;background:linear-gradient(115deg,#7759ac,#485e9f);border:1px solid #ad91e0;box-shadow:0 4px 16px #0003}.profile-save-button:hover{box-shadow:0 4px 22px #a58bfa30}@media(max-width:600px){.profile-premium-gold{flex-direction:column;align-items:flex-start;gap:20px}.profile-premium-gold .profile-premium-button{width:100%}}

.premium-banner.profile-premium-gold button.primary.profile-premium-button{min-height:54px;min-width:220px;padding:15px 25px;font-size:15px;font-weight:700;gap:11px;color:#fff;background:linear-gradient(115deg,#bd923c 0%,#a77b27 45%,#87601d 100%);border:1px solid #f0cd7b;box-shadow:inset 0 1px 0 #fff5,0 5px 18px #0004;transition:background 200ms,border-color 200ms,box-shadow 200ms}.premium-banner.profile-premium-gold button.primary.profile-premium-button svg{width:22px;height:22px}.premium-banner.profile-premium-gold button.primary.profile-premium-button:hover{color:#fff;background:linear-gradient(115deg,#d3a94e 0%,#ba8d31 45%,#9b7228 100%);border-color:#ffe2a0;box-shadow:inset 0 1px 0 #fff6,0 6px 25px #d4a43e40}.premium-banner.profile-premium-gold button.primary.profile-premium-button:focus-visible{outline:2px solid #ffe2a0;outline-offset:4px}@media(max-width:600px){.premium-banner.profile-premium-gold button.primary.profile-premium-button{min-width:0;width:100%}}

/* Premium gold must override the global theme's important primary-button colors. */
html[data-theme] body .profile-premium-gold .profile-premium-button{--accent:#e7bd59;--active-action-bg:linear-gradient(115deg,#bd923c,#a77b27 45%,#87601d);background:var(--active-action-bg)!important;border-color:#f0cd7b!important;color:#fff!important;box-shadow:inset 0 1px 0 #fff3,0 5px 18px #67450c55;filter:none}
html[data-theme] body .profile-premium-gold .profile-premium-button:hover{--active-action-bg:linear-gradient(115deg,#d3a94e,#ba8d31 45%,#9b7228);background:var(--active-action-bg)!important;border-color:#ffe2a0!important;box-shadow:inset 0 1px 0 #fff5,0 6px 25px #d4a43e55;filter:none}
html[data-theme] body .profile-premium-gold .profile-premium-button:active{background:linear-gradient(115deg,#a57b2b,#785018)!important;border-color:#d9b15b!important;box-shadow:inset 0 2px 5px #52370755,0 2px 10px #9b722833}
html[data-theme] body .profile-premium-gold .profile-premium-button:focus-visible{outline:2px solid #ffe2a0;outline-offset:4px}

.billing-action-menu{position:relative;min-width:140px}.billing-action-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;padding:10px 14px;border:1px solid #a58bfa45;border-radius:8px;background:#a58bfa10;color:var(--text);font-size:12px;font-weight:600}.billing-action-menu>summary::-webkit-details-marker{display:none}.billing-action-menu svg{width:18px;height:18px;flex:0 0 18px}.billing-action-menu[open]>summary{background:#a58bfa22;border-color:#b99af4}.billing-action-menu-items{display:grid;gap:5px;margin-top:8px;padding:8px;min-width:220px;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:0 5px 18px #0003}.billing-history-actions .billing-action-menu-items button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;text-align:left;padding:10px 12px;border:0;background:transparent;font-size:12px}.billing-history-actions .billing-action-menu-items button:hover{background:#a58bfa15}.billing-history-actions .billing-action-menu-items button.primary{background:linear-gradient(115deg,#7759ac,#485e9f)}.billing-action-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.billing-history-actions,.billing-action-menu{width:100%}.billing-action-menu-items{min-width:0}}

.billing-history-actions .billing-action-menu{width:40px;min-width:40px;flex:0 0 40px}.billing-action-menu>summary{width:40px;height:40px;padding:0;box-sizing:border-box;border-radius:9px}.billing-action-menu>summary svg{width:20px;height:20px}.billing-action-menu-items[popover]{display:none;position:fixed;inset:auto;margin:0;width:240px;min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:visible;padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);box-shadow:0 12px 35px #0006}.billing-action-menu-items[popover]:popover-open{display:grid}.billing-action-menu-items[popover]::before{content:'';position:absolute;left:var(--billing-arrow-left,calc(100% - 22px));top:-6px;width:10px;height:10px;background:var(--panel);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:translateX(-50%) rotate(45deg);pointer-events:none}.billing-action-menu-items[popover][data-side=above]::before{top:auto;bottom:-6px;transform:translateX(-50%) rotate(225deg)}.billing-action-menu-items[popover]::backdrop{background:transparent}@media(max-width:600px){.billing-payment-details .billing-history-actions{justify-content:flex-end}.billing-history-actions .billing-action-menu{width:40px;min-width:40px}}

/* Keep payment identity, amount, status and chevron aligned at every width. */
.billing-payment-expandable>summary{flex-wrap:nowrap;align-items:center}
.billing-payment-expandable>summary>.billing-history-top{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0}
.billing-payment-expandable .billing-history-top>.billing-history-icon{flex-shrink:0}
.billing-payment-expandable .billing-history-top>div{flex:1;min-width:0}
.billing-payment-expandable .billing-history-top :is(strong,small){white-space:nowrap}
.billing-payment-expandable .billing-history-top>div small{overflow:hidden;text-overflow:ellipsis}
.billing-payment-expandable .billing-history-top>.billing-status{flex-shrink:0;margin-left:auto;align-self:center}
.billing-payment-expandable .billing-payment-chevron{align-self:center}
.billing-payment-expandable>.billing-payment-details{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px}
.billing-payment-details>.billing-history-info{align-self:start;min-width:0;line-height:1.65}
.billing-payment-details>.billing-history-actions{width:auto;max-width:none;margin:0;align-self:start;justify-self:end;align-items:flex-start;justify-content:flex-end}
.billing-payment-details .billing-order-id{overflow-wrap:anywhere}
@media(max-width:600px) and (orientation:portrait){
 .billing-payment-expandable>summary{gap:8px;padding:14px 12px}
 .billing-payment-expandable>summary>.billing-history-top{gap:9px}
 .billing-payment-expandable .billing-history-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}
 .billing-payment-expandable .billing-history-icon svg{width:20px;height:20px}
 .billing-payment-expandable .billing-history-top strong{font-size:16px}
 .billing-payment-expandable .billing-history-top small{font-size:10px;margin-top:4px}
 .billing-payment-expandable .billing-status-icon{padding:3px;width:30px;height:30px;box-sizing:border-box}
 .billing-payment-expandable .billing-status-icon .payment-coin{width:26px;height:26px}
 .billing-payment-expandable .billing-payment-chevron{width:14px;height:14px}
 .billing-payment-expandable>.billing-payment-details{padding:14px 12px;gap:10px 12px}
 .billing-payment-details>.billing-history-info{font-size:11px}
 .billing-payment-details .billing-action-menu{width:34px;min-width:34px;flex-basis:34px}
 .billing-payment-details .billing-action-menu>summary{width:34px;height:34px}
 .billing-payment-details .billing-action-menu>summary svg{width:18px;height:18px}
}

.billing-payment-expandable .billing-history-top>.billing-status-icon{--status-square:38px;box-sizing:border-box;flex:0 0 var(--status-square);width:var(--status-square);height:var(--status-square);min-width:var(--status-square);min-height:var(--status-square);aspect-ratio:1;padding:4px}
@media(max-width:600px) and (orientation:portrait){.billing-payment-expandable .billing-history-top>.billing-status-icon{--status-square:32px;padding:3px}.billing-payment-expandable .billing-history-top>.billing-status-icon .payment-coin{width:26px;height:26px}}

.billing-pending .billing-pending-info{align-items:center}.billing-pending .billing-pending-symbol{align-self:center}

.premium-page .premium-benefits-grid>.feature{padding-left:82px}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{width:46px;height:46px;border-radius:11px}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon svg{width:28px;height:28px}@media(max-width:600px){.premium-page .premium-benefits-grid>.feature{padding-left:76px}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon{width:44px;height:44px}.premium-page .premium-benefits-grid>.feature>.premium-benefit-icon svg{width:27px;height:27px}}

.billing-checkout-form .billing-plan-summary{padding:22px 0 20px;align-items:center}.billing-plan-summary .billing-plan-name{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#c4b0ef}.billing-checkout-form .billing-plan-summary strong{font-size:29px;letter-spacing:-.7px;margin-top:7px}.billing-checkout-form .billing-plan-summary strong span{letter-spacing:0;font-size:12px}.billing-checkout-form [data-payment-summary]{margin:0;padding:10px 14px;border:1px solid #a58bfa25;border-radius:8px;background:#a58bfa08;color:var(--muted);font-size:12px;line-height:1.6}.billing-checkout-form .billing-checkout-note{display:flex;align-items:center;gap:10px;margin:15px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}.billing-checkout-note svg{width:19px;height:19px;flex-shrink:0;color:#b49bdd}.billing-checkout-form .billing-continue{border-radius:8px;min-height:46px}@media(max-width:650px){.billing-checkout-form .billing-plan-summary{align-items:flex-start;gap:14px}.billing-checkout-form [data-payment-summary]{padding:8px 11px}.billing-checkout-form .billing-continue{width:100%}}

.billing-layout .billing-feedback:empty{display:none}.billing-layout .billing-feedback:not(:empty){display:flex;align-items:center;gap:10px;padding:12px 14px;margin:18px 0 0;border:1px solid #a58bfa30;border-radius:9px;background:#a58bfa0a;color:#c8b9e4;font-size:12px;line-height:1.65}.billing-feedback>svg{width:20px;height:20px;flex:0 0 20px}.billing-feedback>span{min-width:0;overflow-wrap:anywhere}.billing-layout .billing-feedback[data-tone=neutral]{color:#c8c4d2;border-color:#b7afc130;background:#b7afc108}.billing-layout .billing-feedback[data-tone=success]{color:#a6dfbd;border-color:#79c99a40;background:#79c99a0a}.billing-layout .billing-feedback[data-tone=error]{color:#f0b3bf;border-color:#e58e9e40;background:#e58e9e0a}

.billing-checkout-form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px}.billing-checkout-form>:is(.billing-methods,.billing-plan-summary,.notice){grid-column:1/-1}.billing-checkout-form>.billing-continue{grid-column:1;justify-self:start}.billing-checkout-form>.billing-checkout-note{grid-column:1}.billing-layout .billing-checkout-form>.billing-feedback:not(:empty){grid-column:2;grid-row:3/5;justify-self:end;align-self:start;margin:0;max-width:400px;box-sizing:border-box}.billing-checkout-form>.billing-feedback:empty{display:none}@media(max-width:650px){.billing-checkout-form{grid-template-columns:minmax(0,1fr);column-gap:0}.billing-checkout-form>.billing-continue{justify-self:stretch}.billing-layout .billing-checkout-form>.billing-feedback:not(:empty){grid-column:1;grid-row:auto;justify-self:stretch;max-width:none;margin-top:16px}}

.room-lobby .room-ping::before{display:none}.room-lobby .room-ping{white-space:nowrap;gap:7px}.room-lobby .room-ping svg{width:19px;height:19px;flex-shrink:0;color:#92909d}.room-lobby .room-ping[data-quality=good] svg{color:#84d5a0}.room-lobby .room-ping[data-quality=fair] svg{color:#e9c363}.room-lobby .room-ping[data-quality=slow] svg{color:#ef8996}.room-lobby .room-ping[data-quality=pending] svg,.room-lobby .room-ping[data-quality=offline] svg{color:#92909d}.room-lobby .lobby-actions .lobby-connection{display:flex;align-items:center;align-self:center;margin:0 0 0 6px;padding:0;gap:8px}.room-lobby .lobby-actions .lobby-connection .room-ping{height:36px;margin:0;padding:0 9px}.room-session-panel>.room-handoff-notice{box-sizing:border-box;padding:0 24px;margin:0 0 16px}.room-session-panel>.room-controls-guide{margin:16px 0 12px}@media(max-width:600px){.room-session-panel>.room-handoff-notice{padding:0 16px}.room-lobby .lobby-actions .lobby-connection{margin-left:0;gap:6px}.room-lobby .room-ping svg{width:17px;height:17px}}

.room-session-panel>.lobby-actions{padding-bottom:8px}.room-session-panel>.room-controls-guide{margin:4px 0 8px}.room-session-panel>.room-controls-guide p{margin:0;line-height:1.6}.room-session-panel>.room-handoff-notice{margin:0 0 7px;line-height:1.6}.room-session-panel>.room-session-help{margin-top:0;margin-bottom:7px;line-height:1.6}.room-session-panel>.room-relay-help{margin-top:0;margin-bottom:16px;line-height:1.6}.room-lobby .room-peer-ping{cursor:help}.room-lobby .room-peer-ping:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.room-card .room-ping[data-server-ping]::before{display:none}.room-card .room-ping[data-server-ping]{gap:6px}.room-card .room-ping[data-server-ping] svg{width:16px;height:16px;flex-shrink:0;color:#92909d}.room-card .room-ping[data-quality=good] svg{color:#84d5a0}.room-card .room-ping[data-quality=fair] svg{color:#e9c363}.room-card .room-ping[data-quality=slow] svg{color:#ef8996}.room-card .room-ping[data-quality=pending] svg,.room-card .room-ping[data-quality=offline] svg{color:#92909d}

.room-lobby #room-play-stage{position:relative}.room-lobby #room-play-stage>.lobby-connection.room-pings-top{position:absolute;z-index:15;display:flex;align-items:center;gap:8px;margin:0;padding:0}.room-lobby .room-pings-top .room-ping{height:36px;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;background:var(--panel,#1b1b27)}@media(max-width:650px){.room-lobby .lobby-actions>[data-lobby-close]{flex:0 1 auto;padding:9px 10px;font-size:10px}.room-lobby .lobby-actions>.lobby-connection{flex:0 0 auto;gap:5px;margin:0}.room-lobby .lobby-actions>.lobby-connection .room-ping{padding:0 6px;font-size:9px}.room-lobby .lobby-actions>.lobby-connection .room-ping svg{width:16px;height:16px}}

.room-lobby #room-play-stage>.lobby-connection.room-pings-top,.room-lobby .lobby-actions>.lobby-connection{gap:5px;flex-wrap:nowrap}.room-lobby .room-pings-top .room-ping{flex-shrink:0}

.room-lobby .lobby-status-row{flex-wrap:nowrap;gap:8px}.room-lobby .lobby-status-row>.room-status-badge{flex:0 1 auto;min-width:0;white-space:nowrap}.room-lobby .lobby-status-row>.lobby-connection{flex:0 0 auto;flex-wrap:nowrap;gap:5px;margin-left:auto}.room-lobby .lobby-status-row .room-ping{padding:0 7px}@media(max-width:450px){.room-lobby .lobby-status-row{gap:5px}.room-lobby .lobby-status-row>.room-status-badge{font-size:9px;padding:0 6px}.room-lobby .lobby-status-row .room-ping{font-size:9px;padding:0 5px;gap:4px}.room-lobby .lobby-status-row .room-ping svg{width:15px;height:15px}}

.room-lobby.room-child-overlay-open .lobby-connection.room-pings-top{visibility:hidden;pointer-events:none}

/* Keep the mobile panel header attached to the viewport despite clipped ancestors. */
@media(max-width:760px){
 body:not(.theatre-open) .shell>.workspace{padding-top:calc(61px + env(safe-area-inset-top,0px))}
 body:not(.theatre-open) .shell>.workspace>.topbar{position:fixed;top:0;left:0;right:0;width:100%;height:calc(61px + env(safe-area-inset-top,0px));min-height:calc(61px + env(safe-area-inset-top,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;z-index:20;background:var(--bg,#13121b);border-bottom:1px solid var(--border)}
}

/* One surface and focus treatment for searchable selectors throughout the portal. */
:is(.site-select-trigger,.category-select>summary,.room-game-picker>summary,.preferences-game-picker>summary){background:var(--bg,#101018)!important;color:var(--text,#f7f7f9)!important;border:1px solid var(--border,#393140)!important;border-radius:6px;box-shadow:none!important}
:is(.site-select-trigger,.category-select>summary,.room-game-picker>summary,.preferences-game-picker>summary):hover{border-color:color-mix(in srgb,var(--accent,#a487f3) 45%,var(--border,#393140))!important}
:is(.site-select-trigger[aria-expanded=true],.category-select[open]>summary,.room-game-picker[open]>summary,.preferences-game-picker[open]>summary){border-color:var(--accent,#a487f3)!important;background:var(--bg,#101018)!important;box-shadow:none!important}
:is(.site-select-trigger,.category-select>summary,.room-game-picker>summary,.preferences-game-picker>summary):focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:2px}
:is(.site-select-menu,.category-menu,.room-game-dropdown,.preferences-game-menu){background:var(--panel,#1b1b27);border:1px solid var(--border,#393140);color:var(--text,#f7f7f9);border-radius:8px;box-shadow:0 12px 36px #0007}
:is(.site-select-menu,.category-menu,.room-game-dropdown,.preferences-game-menu) input[type=search]{width:100%;height:40px;min-height:40px;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border,#393140)!important;border-radius:6px;background:var(--bg,#101018)!important;color:var(--text,#f7f7f9);font:12px system-ui;outline:none!important;outline-offset:0!important;box-shadow:none!important}
:is(.site-select-menu,.category-menu,.room-game-dropdown,.preferences-game-menu) input[type=search]:focus{border:2px solid var(--accent,#a487f3)!important;padding:8px 11px;outline:none!important;box-shadow:none!important}
:is(.category-options,.preferences-game-options,.room-game-options)>button{border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;text-align:left}
:is(.category-options,.preferences-game-options,.room-game-options)>button:hover,.category-options>button[aria-pressed=true]{background:color-mix(in srgb,var(--accent,#a487f3) 15%,var(--panel,#1b1b27));color:var(--accent,#a487f3)}
.category-select:focus-within>summary>.category-floating-caption{color:var(--muted)}

/* Select captions follow the focused input color, including menus rendered in a portal. */
.floating-field-control:has(.site-select-trigger:is(:focus,[aria-expanded=true]))>.floating-field-caption,
.site-select-trigger:is(:focus,[aria-expanded=true])>.site-select-floating-caption,
.category-select:is(:focus-within,[open])>summary>.category-floating-caption,
.preferences-game-picker:is(:focus-within,[open])>summary>.preferences-game-caption,
.room-game-picker:is(:focus-within,[open])>summary>.room-game-caption,
.floating-field-control:has(>.frame-picker:is(:focus-within,[open]))>.floating-field-caption{color:var(--accent,#a487f3)}

.language-picker>summary{transition:background 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease}.language-picker>summary:hover{background:color-mix(in srgb,var(--accent,#a487f3) 10%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);color:var(--accent,#a487f3)}.language-picker:is([open],:focus-within)>summary{background:color-mix(in srgb,var(--accent,#a487f3) 15%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3);color:var(--accent,#a487f3);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#a487f3) 20%,transparent)}.language-picker>summary:focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}.language-picker>summary svg{color:inherit}

.language-picker>summary{color:#a3a0b0}.language-picker>summary:hover{color:#c4c1ce}.language-picker:is([open],:focus-within)>summary{color:var(--accent,#a487f3)}

.language-picker>summary:hover{border-color:color-mix(in srgb,var(--accent,#a487f3) 45%,var(--border,#393140))}.language-picker:is([open],:focus-within)>summary{border-color:var(--accent,#a487f3)}.language-picker>summary>span,.language-picker>summary>svg{color:inherit!important}

.language-picker:is([open],:focus-within)>summary,.language-picker:is([open],:focus-within)>summary>span,.language-picker:is([open],:focus-within)>summary>svg{color:var(--accent,#a487f3)!important}
.topbar .header-search-field input{transition:border-color 200ms ease}.topbar .header-search-field:hover input:not(:focus){border-color:color-mix(in srgb,var(--accent,#a487f3) 45%,var(--border,#393140))!important}.topbar .header-search-field input:focus{border-color:var(--accent,#a487f3)!important}

@media(max-width:760px){
 body:not(.theatre-open) .shell>.panel-drawer{top:calc(61px + env(safe-area-inset-top,0px));height:calc(100dvh - 61px - env(safe-area-inset-top,0px));bottom:0}
 body:not(.theatre-open) .shell>.panel-menu-backdrop{top:calc(61px + env(safe-area-inset-top,0px))}
}

@media(max-width:760px){html.panel-scroll-locked{overflow:hidden!important;overscroll-behavior:none}html.panel-scroll-locked body{position:fixed;top:var(--panel-scroll-top,0px);left:0;right:0;width:100%;overflow:hidden!important;overscroll-behavior:none}.shell.panel-menu-open>.panel-drawer{overscroll-behavior:contain}.shell.panel-menu-open>.panel-drawer nav{overscroll-behavior:contain;touch-action:pan-y}.shell.panel-menu-open>.panel-menu-backdrop{touch-action:none}}

@media(max-width:760px){
 .shell>.panel-drawer nav.sidebar-legal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:4px;align-items:stretch;padding:0;margin:0;flex:none;width:100%}
 .shell>.panel-drawer .sidebar-legal :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;height:auto!important;min-height:52px!important;max-height:none!important;padding:7px 2px!important;font-size:9px;line-height:1.3;text-align:center;box-sizing:border-box;white-space:normal}
 .shell>.panel-drawer .sidebar-legal :is(a,button)>span{display:block;max-width:100%;white-space:normal;flex:0 0 auto;text-align:center;font-size:9px;line-height:1.3}
 .shell>.panel-drawer .sidebar-legal svg{width:15px;height:15px;flex:0 0 15px}
}

@media(max-width:760px){
 .shell>.panel-drawer .sidebar-version{display:none!important}
 .shell>.panel-drawer{padding-top:10px;gap:14px}
 .shell>.panel-drawer>.logo{justify-content:center;align-self:center;width:100%;margin:0 auto;text-align:center}
 .shell>.panel-drawer>.logo img{display:block;margin-inline:auto}
 .shell>.panel-drawer .sidebar-bottom .sidebar-logout{margin-top:8px}
}

@media(max-width:760px){
 .shell>.panel-drawer{gap:8px}
 .shell>.panel-drawer>nav:not(.sidebar-legal){padding-bottom:0;margin-bottom:0}
 .shell>.panel-drawer>.sidebar-bottom{padding-top:6px;margin-top:0}
}

@media(max-width:760px){.shell>.panel-drawer{row-gap:0}.shell>.panel-drawer>.logo{margin-bottom:8px}.shell>.panel-drawer>.sidebar-bottom{padding-top:6px}}

@media(max-width:760px){.shell>.panel-drawer>.sidebar-bottom{position:relative;border-top:0}.shell>.panel-drawer>.sidebar-bottom::before{content:'';position:absolute;top:0;left:-18px;right:-18px;height:1px;background:var(--border,#393140);pointer-events:none}}

.overview-originals-section .section-head>.actions :is(.originals-view-all,[data-overview-scroll]){transition:background 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease}.overview-originals-section .section-head>.actions :is(.originals-view-all,[data-overview-scroll]):hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 10%,var(--panel,#1b1b27));border-color:color-mix(in srgb,var(--accent,#a487f3) 55%,var(--border,#393140));color:#fff;box-shadow:0 3px 12px #0002}.overview-originals-section .section-head>.actions :is(.originals-view-all,[data-overview-scroll]):focus-visible{outline:2px solid var(--accent,#a487f3);outline-offset:3px}

html[data-theme] button:is([data-top-scroll],[data-rated-scroll],[data-overview-scroll]){background:transparent;border:1px solid var(--border,#393140);color:#fff;box-shadow:none;transition:background 200ms ease,border-color 200ms ease,color 200ms ease}html[data-theme] button:is([data-top-scroll],[data-rated-scroll],[data-overview-scroll]) svg{color:inherit}html[data-theme] button:is([data-top-scroll],[data-rated-scroll],[data-overview-scroll]):hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 10%,var(--panel,#1b1b27));border-color:color-mix(in srgb,var(--accent,#a487f3) 55%,var(--border,#393140));color:#fff;box-shadow:0 3px 12px #0002}

.overview-originals-section .originals-view-all{gap:4px;text-transform:uppercase}.overview-originals-section .originals-view-all svg{margin:0;flex-shrink:0}

#room-form .room-create-notice:empty{display:none}
#room-form .room-create-notice:not(:empty){display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--text);font-size:12px;line-height:1.6;margin:12px 0}
#room-form .room-create-notice:not(:empty)::before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;margin-top:1px;background:var(--accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E") center/contain no-repeat}

#room-form .room-create-notice:not(:empty){color:#fca5a5;border-color:color-mix(in srgb,#ef4444 45%,var(--border));background:color-mix(in srgb,#ef4444 10%,var(--panel))}
#room-form .room-create-notice:not(:empty)::before{background:#f87171}

@media(min-width:1200px){
 .room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .room-grid .room-card-body{padding:16px}
 .room-grid .room-art-caption{left:16px;right:16px;max-width:calc(100% - 32px)}
 .room-grid .room-art-caption strong{font-size:20px;overflow-wrap:anywhere}
 .room-grid .room-card-actions{flex-wrap:wrap;gap:8px}
 .room-grid .room-card-actions button{min-width:0;padding-left:10px;padding-right:10px}
}

.room-party-actions{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-top:16px}
.room-party-actions>button{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;font-size:12px;color:#fff}
.room-party-actions>button svg{width:17px;height:17px;flex:none}
.room-members-panel>.social-room-invites{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.room-members-panel>.social-room-invites [data-social-sent]:empty{display:none}
.room-members-panel>.social-room-invites [data-social-sent]:not(:empty){margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.room-party-actions>button[hidden]{display:none}

.lobby-member-meta .member-signal{display:inline-flex;align-items:center;gap:4px}
.lobby-member-meta .member-signal svg{width:14px;height:14px;flex:none}
.member-signal[data-quality=good]{color:#63d995}.member-signal[data-quality=fair]{color:#f5cf63}.member-signal[data-quality=slow]{color:#f47a87}.member-signal[data-quality=pending]{color:var(--muted)}
.lobby-member-meta .member-signal>span::before{content:none}

.room-lobby .lobby-connection{display:none!important}

@media(max-width:760px){
 .room-lobby .lobby-actions>[data-lobby-ready],.room-lobby .lobby-actions>[data-lobby-leave]{width:100%;flex-basis:100%;grid-column:1/-1}
 .room-party-actions>[data-social-action="room-picker"]{width:100%}
}

.lobby-member-meta .member-host{color:#63d995;font-weight:600}

.lobby-member>.member-connection{margin-left:auto;flex:none;display:flex;align-items:center;justify-content:flex-end;min-width:55px;font-size:10px}
.member-connection .member-signal{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.member-connection .member-signal svg{width:14px;height:14px;flex:none}
.member-connection .member-host{color:#63d995;font-weight:600}
.lobby-member-meta .member-readiness{margin:0;flex:none;font-size:inherit}

.room-lobby .lobby-member>.lobby-player-options{align-self:center;display:flex;align-items:center;justify-content:center}.room-lobby .lobby-member>.lobby-player-options>svg{margin:0;vertical-align:middle}.member-connection .member-signal{align-items:center}.member-connection .member-signal svg{display:block;transform:translateY(-1px)}

.room-lobby .lobby-member>.member-connection{align-self:center;display:flex;align-items:center;justify-content:flex-end;margin-top:0;margin-bottom:0}.room-lobby .member-connection .member-signal{display:inline-flex;align-items:center;line-height:1;margin:0}.room-lobby .member-connection .member-signal>span{display:block;line-height:1;margin:0}.room-lobby .member-connection .member-signal svg{display:block;margin:0;transform:none}

.room-lobby .lobby-welcome>.room-session-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 18px;border:0;background:transparent}
.room-session-toolbar>button{font-size:11px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.room-session-toolbar>button svg{width:16px;height:16px;flex:none}
.room-session-toolbar>button[hidden]{display:none}
@media(max-width:760px){.room-lobby .lobby-welcome>.room-session-toolbar{justify-content:stretch}.room-session-toolbar>button{flex:1;min-width:0}.room-session-toolbar>[data-lobby-ready],.room-session-toolbar>[data-lobby-leave]{flex-basis:100%;width:100%}}

.room-lobby .lobby-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.room-lobby .lobby-status-row>.lobby-status-badge{order:0;flex:none}
.room-lobby .lobby-status-row>.room-session-toolbar{order:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 0 auto;padding:0;border:0;background:transparent}
@media(max-width:760px){.room-lobby .lobby-status-row>.room-session-toolbar{flex-basis:100%;margin-left:0}}

.room-lobby .lobby-member-meta .member-readiness.ready{color:#63d995}

@media(max-width:760px){
 .room-lobby .lobby-status-row{justify-content:center}
 .room-lobby .lobby-status-row>.lobby-status-badge{margin-left:auto;margin-right:auto}
 .room-lobby .lobby-status-row>.room-session-toolbar,.room-lobby .room-session-toolbar{display:grid;grid-template-columns:1fr;width:100%;gap:8px;margin-left:0;justify-content:stretch}
 .room-lobby .room-session-toolbar>button{width:100%;min-width:0;grid-column:auto;box-sizing:border-box}
}
@media(min-width:380px) and (max-width:760px){
 .room-lobby .lobby-status-row>.room-session-toolbar,.room-lobby .room-session-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .room-lobby .room-session-toolbar>[data-lobby-start]{order:0}
 .room-lobby .room-session-toolbar>[data-lobby-ready]{order:1}
 .room-lobby .room-session-toolbar>[data-lobby-leave]{order:2;grid-column:auto}
 .room-lobby .room-session-toolbar>[data-lobby-close]{order:3}
 .room-lobby .room-session-toolbar>[data-lobby-ready]{grid-column:auto}
 .room-lobby .room-session-toolbar>button{padding-left:6px;padding-right:6px;gap:5px}
 .room-lobby .room-session-toolbar>button:nth-child(odd of button:not([hidden])):nth-last-child(1 of button:not([hidden])){grid-column:1/-1}
}

@media(min-width:380px) and (max-width:760px){.room-lobby .room-session-toolbar>[data-lobby-ready]{order:0}.room-lobby .room-session-toolbar>[data-lobby-start]{order:1}}

@media(min-width:1920px){.shell>.panel-drawer .sidebar-collapse-toggle{display:grid}}

.room-members-panel>.social-room-invites [data-social-sent]:not(:empty){position:relative;border-top:0}.room-members-panel>.social-room-invites [data-social-sent]:not(:empty)::before{content:'';position:absolute;top:0;left:-20px;right:-20px;height:1px;background:var(--border)}@media(max-width:760px){.room-members-panel>.social-room-invites [data-social-sent]:not(:empty)::before{left:-18px;right:-18px}}

#community-games .ranking-heading-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex-shrink:0}
#community-games .ranking-heading-actions .ranking-console-filter{margin:0;min-width:0}
#community-games .ranking-heading-actions .ranking-console-filter .field{margin:0;width:240px;min-width:0}
#community-games .ranking-heading-actions>button{width:44px;height:54px;flex:0 0 44px;padding:10px;box-sizing:border-box}
@media(max-width:760px){
 #community-games .section-head{flex-wrap:wrap}
 #community-games .section-head>div:first-child{width:100%}
 #community-games .ranking-heading-actions{width:100%;align-self:stretch;justify-content:flex-end}
 #community-games .ranking-heading-actions .ranking-console-filter{flex:1}
 #community-games .ranking-heading-actions .ranking-console-filter .field{width:100%}
 #community-games .ranking-heading-actions .site-select-trigger{min-width:0;width:100%}
}

#community-games .ranking-heading-actions>button{width:54px;height:54px;flex:0 0 54px}

#community-rated .ranking-heading-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex-shrink:0}
#community-rated .ranking-heading-actions .ranking-console-filter{margin:0;min-width:0}
#community-rated .ranking-heading-actions .ranking-console-filter .field{margin:0;width:240px;min-width:0}
#community-rated .ranking-heading-actions>button{width:44px;height:54px;flex:0 0 44px;padding:10px;box-sizing:border-box}
@media(max-width:760px){
 #community-rated .section-head{flex-wrap:wrap}
 #community-rated .section-head>div:first-child{width:100%}
 #community-rated .ranking-heading-actions{width:100%;align-self:stretch;justify-content:flex-end}
 #community-rated .ranking-heading-actions .ranking-console-filter{flex:1}
 #community-rated .ranking-heading-actions .ranking-console-filter .field{width:100%}
 #community-rated .ranking-heading-actions .site-select-trigger{min-width:0;width:100%}
}

#community-rated .ranking-heading-actions>button{width:54px;height:54px;flex:0 0 54px}

#community-games .ranking-heading-actions .ranking-console-filter,#community-rated .ranking-heading-actions .ranking-console-filter{order:2}

#community-games .ranking-heading-actions .ranking-console-filter,#community-rated .ranking-heading-actions .ranking-console-filter{order:0}.overview-originals-section .section-head>.actions{margin-left:auto;align-self:flex-end;justify-content:flex-end}

/* Room voice controls and participant activity. */
.room-voice-controls{display:inline-flex;align-items:center;gap:5px;margin-left:auto;margin-right:8px}.room-voice-controls .room-voice-button{display:grid;place-items:center;width:30px;height:30px;padding:6px;border-radius:7px;background:transparent;color:var(--muted)}
.room-voice-button svg{width:16px;height:16px}.room-voice-controls .room-voice-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.room-voice-controls .room-voice-button.is-connected{color:#77dda0;border-color:#77dda060}.room-voice-controls .room-voice-button.is-muted{color:#ee8b99}.room-voice-button:disabled{opacity:.4;cursor:not-allowed}
.room-lobby .lobby-device .member-voice-icon{display:inline-flex;align-items:center;color:var(--muted);transform:rotate(-6deg)}.room-lobby .lobby-device .member-voice-icon.is-speaking{color:#77dda0}
.room-lobby .lobby-avatar{position:relative}.member-speaking-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#12121c66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;z-index:2;pointer-events:none}.member-speaking-overlay svg{width:23px;height:23px}.room-lobby .is-voice-speaking .lobby-profile-photo{filter:blur(2px)}
.voice-settings{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;background:var(--panel,#1b1b27);color:var(--text,#fff);border:1px solid var(--border,#393344);border-radius:12px;padding:24px}.voice-settings::backdrop{background:#0009;backdrop-filter:blur(3px)}
.voice-settings-heading{display:flex;align-items:center;gap:12px;margin:0 28px 20px 0}.voice-settings-heading>span{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);display:grid;place-items:center;flex:none}.voice-settings-heading svg{width:22px;height:22px}.voice-settings-heading h2{font-size:20px;margin:0 0 5px}.voice-settings-heading p{font-size:12px;line-height:1.5;margin:0;color:var(--muted)}
.voice-settings .field{margin-bottom:16px}.voice-settings>small,.voice-settings-note{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.voice-settings meter{display:block;width:100%;height:10px;margin:12px 0}.voice-settings-error{font-size:12px;color:#f4a2ae}.voice-settings>.close{position:absolute;right:14px;top:14px}.voice-settings>button:last-child{float:right}

.voice-player-volume{display:block;padding:12px 10px;margin-bottom:5px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.voice-player-volume>span{display:flex;align-items:center;justify-content:space-between;gap:20px}.voice-player-volume input{display:block;width:100%;min-width:150px;padding:0;margin:10px 0 4px;accent-color:var(--accent)}.voice-settings output{float:right;color:var(--accent);font-size:11px}

.voice-settings input[type="range"]{accent-color:var(--accent)}

.voice-settings [hidden]{display:none!important}

.voice-settings input[type="range"],.voice-player-volume input[type="range"]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:28px;min-height:28px;padding:0!important;margin:8px 0 4px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;cursor:pointer;touch-action:pan-y}
.voice-settings input[type="range"]::-webkit-slider-runnable-track,.voice-player-volume input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(to right,var(--accent,#a487f3) var(--range-fill,100%),var(--border,#393344) var(--range-fill,100%));border:0}
.voice-settings input[type="range"]::-webkit-slider-thumb,.voice-player-volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border:2px solid var(--panel,#1b1b27);border-radius:50%;margin-top:-6px;background:var(--accent,#a487f3);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#a487f3) 50%,transparent);transition:box-shadow .15s}
.voice-settings input[type="range"]:hover::-webkit-slider-thumb,.voice-player-volume input[type="range"]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#a487f3) 18%,transparent)}
.voice-settings input[type="range"]::-moz-range-track,.voice-player-volume input[type="range"]::-moz-range-track{height:5px;border-radius:99px;background:var(--border,#393344)}
.voice-settings input[type="range"]::-moz-range-progress,.voice-player-volume input[type="range"]::-moz-range-progress{height:5px;border-radius:99px;background:var(--accent,#a487f3)}
.voice-settings input[type="range"]::-moz-range-thumb,.voice-player-volume input[type="range"]::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--panel,#1b1b27);border-radius:50%;background:var(--accent,#a487f3)}
.voice-settings input[type="range"]:focus-visible,.voice-player-volume input[type="range"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}
.voice-settings meter{appearance:none;-webkit-appearance:none;height:5px;border:0;border-radius:99px;overflow:hidden;background:var(--border)}.voice-settings meter::-webkit-meter-bar{border:0;border-radius:99px;background:var(--border);height:5px}.voice-settings meter::-webkit-meter-optimum-value{border-radius:99px;background:#77dda0}.voice-settings meter::-moz-meter-bar{background:#77dda0;border-radius:99px}

.voice-settings .voice-settings-note{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));margin:16px 0}.voice-settings-note>svg{width:20px;height:20px;flex:none;color:var(--accent)}.voice-settings-note>p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.voice-settings .voice-settings-done{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:7px;background:var(--active-action-bg,linear-gradient(125deg,#8965d3,#6d52b4));color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 15%,transparent);transition:filter .15s,box-shadow .15s}.voice-settings-done svg{width:17px;height:17px}.voice-settings-done:hover{filter:brightness(1.12)}.voice-settings-done:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.voice-settings-note>p{text-align:justify}

.room-chat .chat-emoji-input{display:flex;align-items:center;position:relative;flex:1;min-width:0}.room-chat .chat-emoji-input input{padding-right:40px}.room-chat .chat-emoji-toggle{position:absolute;right:4px;display:grid;place-items:center;width:32px;height:32px;min-width:0;padding:7px;border:0;background:transparent;color:var(--muted);border-radius:6px}.chat-emoji-toggle svg{width:18px;height:18px}.room-chat .chat-emoji-toggle:hover,.room-chat .chat-emoji-toggle[aria-expanded="true"]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.chat-emoji-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(330px,calc(100vw - 16px));padding:12px;border:1px solid var(--border,#393344);border-radius:12px;background:var(--panel,#1b1b27);color:var(--text,#fff);box-shadow:0 12px 36px #0006;overflow:auto}.chat-emoji-panel::backdrop{background:transparent}.chat-emoji-tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);padding-bottom:9px}.chat-emoji-tabs button{flex:1;min-width:0;padding:6px 3px;border:0;background:transparent;border-radius:6px;font-size:19px;line-height:1.2}.chat-emoji-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 -2px var(--accent)}.chat-emoji-panel h3{margin:13px 2px 8px;font-size:11px;color:var(--muted)}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.chat-emoji-grid button{padding:5px 0;border:0;border-radius:6px;background:transparent;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:23px;line-height:1.3}.chat-emoji-panel button:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.chat-emoji-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.room-members-panel>.lobby-box-heading{column-gap:5px}.room-members-panel .room-voice-controls{margin-right:0}
.room-voice-controls .room-voice-button[data-voice-action="join"].is-connected:is(:hover,:focus-visible):not(:disabled){color:#f08090;border-color:#f08090;background:color-mix(in srgb,#f08090 14%,transparent)}
.room-lobby .lobby-device:has(.member-voice-icon){flex-direction:column;align-items:center;gap:4px}.room-lobby .lobby-device .member-voice-icon{order:1}
.room-members-panel .lobby-box-heading #room-player-count{height:30px;box-sizing:border-box;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}

.voice-connection-feedback{font-size:11px;line-height:1.6;color:var(--muted);padding:9px 11px;border:1px solid var(--border);border-radius:7px;margin:0 0 14px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.voice-connection-feedback[hidden]{display:none}

.voice-connection-feedback{display:flex;align-items:center;gap:9px}.voice-connection-feedback>svg{width:17px;height:17px;flex:none;color:var(--accent)}.voice-connection-feedback>span{min-width:0}
.room-lobby .lobby-device:has(.member-voice-icon){top:-3px;right:-9px;transform:none}.room-lobby .lobby-device:has(.member-voice-icon)>svg{transform:rotate(18deg)}.room-lobby .lobby-device .member-voice-icon{transform:rotate(12deg)}

.member-speaking-overlay svg{width:17px;height:17px}

.voice-connect-spinner{animation:voice-connect-spin .8s linear infinite}@keyframes voice-connect-spin{to{transform:rotate(360deg)}}.room-voice-controls .room-voice-button[aria-busy="true"]{opacity:1;color:var(--accent);cursor:progress}@media(prefers-reduced-motion:reduce){.voice-connect-spinner{animation:none}}

.room-seat:not(.taken){display:grid;place-items:center;padding:0;line-height:1}.room-seat>.room-seat-plus{display:block;width:16px;height:16px;margin:0}

@media(max-width:760px){.room-lobby .room-back-position>[data-lobby-leave]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;box-sizing:border-box;margin-top:8px}.room-lobby .room-back-position>[data-lobby-leave] svg{width:17px;height:17px;flex:none}.room-lobby .room-session-toolbar:not(:has(>button:not([hidden]))){display:none}.player-panel:has(#game-frame){min-height:0;aspect-ratio:auto}}

@media(min-width:761px){
 .theatre-overlay.theatre-multiplayer{grid-template-columns:clamp(120px,12vw,220px) minmax(0,1fr) 340px;gap:14px;overflow:hidden}
 .theatre-multiplayer .theatre-left{display:block;grid-column:1}.theatre-multiplayer .theatre-screen{grid-column:2}.theatre-multiplayer .theatre-right{grid-column:3}
 .theatre-overlay.theatre-multiplayer:has(.theatre-left>.real-ad[hidden]){grid-template-columns:0 minmax(0,1fr) 340px;column-gap:14px}
 .theatre-multiplayer .theatre-room-rail{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:4px;box-sizing:border-box}
 .theatre-multiplayer .theatre-room-rail>.room-social{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;box-sizing:border-box}
 .theatre-room-rail .room-social>.box{width:100%;box-sizing:border-box;margin:0;padding:18px;flex:none}
 .theatre-room-rail .room-social>.real-ad.rectangle{position:relative;inset:auto;flex:none;align-self:center;width:300px;height:auto;min-height:250px;margin:0;box-sizing:border-box;overflow:hidden}
 .theatre-room-rail .real-ad.rectangle .ad-preview-block{height:250px;min-height:250px;box-sizing:border-box}
 .theatre-room-rail .real-ad.rectangle .adsbygoogle{width:300px;height:250px;min-height:250px;flex:none}
 .theatre-room-rail .room-chat #room-messages{min-height:160px;max-height:250px}
}
@media(max-width:760px){.room-lobby .room-heading-controls>.room-back-position>[data-lobby-leave]{flex:1;min-height:34px;margin:0;padding:7px 12px;gap:7px;font-size:11px;font-weight:600;line-height:normal;background:linear-gradient(125deg,#b6384b,#92283c);border:1px solid #d85a6b;color:#fff!important;transition:filter .16s,box-shadow .16s}.room-lobby .room-heading-controls>.room-back-position>[data-lobby-leave] svg{width:18px;height:18px;flex:0 0 18px}.room-lobby .room-heading-controls>.room-back-position>[data-lobby-leave]:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 3px 12px #b6384b33}}@media(max-width:650px){.room-lobby .room-heading-controls>.room-back-position>[data-lobby-leave]{height:50px;min-height:50px;font-size:13px}}
.room-lobby .lobby-avatar>.lobby-leader-crown{z-index:3;pointer-events:none}

.room-slots-notice{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0 16px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.room-slots-notice>svg{width:20px;height:20px;flex:none;color:var(--accent)}.room-slots-notice>p{margin:0;font-size:11px;line-height:1.7;color:var(--muted);text-align:justify}

.room-slots-notice.room-join-notice{margin-bottom:0}

#join-form>.field:has(select[name="slots"]),#join-form>.field:has(input[name="password"]){margin-bottom:0!important}
#join-form>.room-slots-notice{margin-top:10px}
#join-form>.form-error:empty{display:none;margin:0;padding:0;min-height:0}
#join-form>.primary{margin-top:10px!important}
@media(min-width:761px){.room-lobby .room-session-panel>.room-session-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}}

@media(min-width:761px){.room-lobby .room-session-panel{position:relative}.room-lobby .room-session-panel>.room-session-toolbar.room-actions-inline{position:absolute;right:12px;width:max-content;margin:0;padding:0;z-index:12;border:0;background:transparent}.room-lobby.room-child-overlay-open .room-session-toolbar.room-actions-inline{visibility:hidden;pointer-events:none}}
.room-lobby [data-lobby-close]:hover:not(:disabled){background:linear-gradient(125deg,#b6384b,#92283c);border-color:#df6b7b;color:#fff!important;box-shadow:0 3px 12px #b6384b33}
.room-lobby .lobby-avatar>.member-speaking-overlay{display:flex;align-items:center;justify-content:center;padding:0;line-height:0}.room-lobby .lobby-avatar>.member-speaking-overlay>svg{display:block;flex:0 0 16px;width:16px;height:16px;margin:0;transform:none}
.room-lobby .lobby-avatar>.presence{z-index:3;pointer-events:none}

#room-form label.field[hidden],#join-form label.field[hidden]{display:none!important}

@media(min-width:761px){.shell.sidebar-collapsed:not(.sidebar-peek)>.sidebar,.shell.sidebar-collapsed:not(.sidebar-peek)>.sidebar>nav{scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:auto}.shell.sidebar-collapsed:not(.sidebar-peek)>.sidebar::-webkit-scrollbar,.shell.sidebar-collapsed:not(.sidebar-peek)>.sidebar>nav::-webkit-scrollbar{display:none;width:0;height:0}}

/* Matchmaking shares the collection picker and console action design. */
.rooms-find-match svg,.game-find-match svg,.mm-actions svg{width:18px;height:18px;flex:0 0 18px}.rooms-header-actions{flex-wrap:wrap}.game-room-option:has(.game-find-match){display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-room-option:has(.game-find-match)>small{grid-column:1/-1}.game-room-option .game-find-match{margin:0;min-height:48px}
#modal .matchmaking-dialog{width:min(1180px,calc(100vw - 32px));max-width:1180px;height:min(850px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;padding:28px 28px 0}.mm-heading{flex-shrink:0;padding-right:35px}.mm-heading h2{margin:10px 0 6px;font-size:23px}.mm-heading p{margin:0 0 18px;font-size:12px}.mm-form{min-height:0;display:flex;flex:1;flex-direction:column}.mm-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1fr) 200px;gap:12px;align-items:start;flex-shrink:0}.mm-controls .field{margin:0}.mm-controls input[type=search]{width:100%;min-height:54px}.mm-controls .mm-any{margin:0;min-height:54px;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);gap:10px}.mm-any strong{display:block;font-size:12px}.mm-any small{display:block;font-size:10px;line-height:1.4;margin-top:4px;color:var(--muted)}.mm-selection-count{font-size:11px;margin:14px 0;flex-shrink:0}.mm-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 20px 0;scrollbar-width:thin}.mm-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mm-game-choice{min-width:0;cursor:pointer;margin:0}.mm-game-choice .collection-choice-description{display:none}.mm-game-choice strong{font-size:11px;line-height:1.5}.mm-game-players{display:block;font-size:10px;margin-top:7px;color:var(--muted)}.mm-game-choice:has(input:checked){border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.mm-game-choice input:focus-visible~.collection-choice-cover{outline:2px solid var(--accent);outline-offset:-2px}.mm-game-choice:has(input:disabled){opacity:.45;cursor:default}.mm-game-choice .collection-choice-mark>svg{display:block!important;width:15px;height:15px}.mm-more{margin:16px auto 0;display:flex;font-size:12px}.mm-empty{grid-column:1/-1;text-align:center;padding:30px;font-size:12px}.mm-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 0;border-top:1px solid var(--border);flex-shrink:0}.mm-actions button,.mm-status button{min-height:40px;border-radius:5px;font-size:12px;padding:10px 16px}.mm-actions .primary,.mm-status .primary{background:var(--active-action-bg,linear-gradient(120deg,#7860ae,#4c6097));border-color:var(--accent);color:#fff}.mm-actions button:hover:not(:disabled){filter:brightness(1.12)}.mm-form>.form-error:empty{display:none}.mm-controls label[hidden]{display:none!important}#modal .mm-specific{width:min(480px,calc(100vw - 32px));height:auto}.mm-specific .mm-controls{grid-template-columns:1fr}.mm-fixed-game{margin-bottom:22px}.matchmaking-status-dialog{width:min(460px,calc(100vw - 32px))!important}.mm-status{text-align:center;padding:14px 0}.mm-status .eyebrow{justify-content:center}.mm-status h2{font-size:23px;margin:12px 0}.mm-status p{font-size:13px;overflow-wrap:anywhere}.mm-status .micro,.mm-status small{font-size:11px;color:var(--muted)}.mm-status time{display:block;font:600 30px/1.4 system-ui;font-variant-numeric:tabular-nums;margin:16px 0}.mm-spinner{display:inline-block;width:16px;height:16px;flex:0 0 16px;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;animation:mm-spin .9s linear infinite}.mm-spinner-large{display:block;width:42px;height:42px;margin:24px auto 10px;border-width:3px}.mm-indicator{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin-left:auto;padding:8px 10px;border-radius:6px;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));font-size:11px;white-space:nowrap;color:var(--accent)}.mm-indicator time{font-variant-numeric:tabular-nums}.mm-indicator:hover{background:var(--theme-soft);border-color:var(--accent)}@keyframes mm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mm-spinner{animation-duration:2s}}
@media(max-width:1000px){.mm-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mm-controls{grid-template-columns:1fr 1fr}.mm-controls>.field:last-child{grid-column:1/-1}.mm-controls>.field:last-child .site-select{max-width:280px}}
@media(max-width:760px){#modal .matchmaking-dialog{padding:22px 16px 0;width:calc(100vw - 20px);height:calc(100dvh - 24px)}.mm-controls{grid-template-columns:1fr;gap:10px}.mm-controls>.field:last-child{grid-column:auto}.mm-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-heading h2{font-size:21px}.mm-controls>.field:last-child .site-select{max-width:none}.mm-actions{gap:8px}.mm-actions button{flex:1;padding:10px;font-size:11px}.mm-indicator{order:5;flex:1 0 100%;margin:4px 0 0}.workspace>.topbar:has(.mm-indicator){height:auto;min-height:76px;flex-wrap:wrap;padding-block:10px}.game-room-option:has(.game-find-match){grid-template-columns:1fr}.rooms-header-actions .rooms-find-match{min-height:40px}.rooms-find-match span{font-size:11px}#modal .mm-specific{height:auto}.mm-specific .mm-actions{margin-top:8px}}
.mm-game-choice{border:1px solid var(--border);border-radius:5px;background:var(--bg)}.mm-game-choice .collection-choice-mark{z-index:3}.mm-game-choice .collection-choice-mark::after{content:none!important}.mm-game-choice .collection-choice-tags small{margin:0;padding:3px 5px;border:1px solid var(--border);border-radius:3px;color:var(--accent);font-size:8px}.mm-game-choice .collection-choice-content{padding:10px;gap:7px}

.mm-game-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;overflow:hidden}.mm-game-choice>input{position:absolute;opacity:0;width:1px;height:1px}.mm-actions button{width:auto!important;flex:0 0 auto}.mm-controls{grid-template-columns:minmax(180px,1fr) minmax(260px,1fr) 240px}.mm-game-choice .collection-choice-mark{top:7px;right:7px;width:23px;height:23px}.mm-game-choice .collection-choice-cover{border-radius:4px 4px 0 0}.mm-game-choice .collection-choice-tags{display:flex;gap:4px;flex-wrap:wrap}.mm-game-choice .collection-choice-tags small{display:inline-flex}.mm-game-choice .collection-choice-content{flex:1}.mm-game-choice .collection-choice-content>strong{font-size:11px}
@media(max-width:1000px){.mm-controls{grid-template-columns:1fr 1fr}}@media(max-width:760px){.mm-controls{grid-template-columns:1fr}.mm-actions button{flex:1 1 0}.mm-specific .mm-controls{grid-template-columns:1fr}}
.mm-form [hidden]{display:none!important}
#modal:has(>.matchmaking-dialog){padding:12px!important;overflow:hidden!important}#modal>.matchmaking-dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}.mm-form>.mm-actions{flex-direction:row!important}.mm-actions button{white-space:nowrap}body:has(#modal:not([hidden]) :is(.matchmaking-dialog,.matchmaking-status-dialog)) #social-floating{visibility:hidden!important}
.mm-actions{align-items:center}.mm-actions button{margin:0!important;height:44px;min-height:44px}.mm-status button{margin-top:10px}

/* Matchmaking feedback and shared dialog semantics. */
.mm-navigation-info{display:flex;align-items:center;gap:12px;text-align:justify;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--theme-soft);line-height:1.7;margin:14px 0}.mm-navigation-info>svg{width:20px;height:20px;flex:0 0 20px;color:var(--accent)}
.mm-indicator{color:#c6c6cf}.mm-indicator .mm-spinner{border-color:#c6c6cf40;border-top-color:#c6c6cf}.mm-indicator time{color:#f5f5f8}.mm-indicator>svg{width:17px;height:17px;flex:0 0 17px}
.mm-form .mm-actions button{flex:1 1 0!important;min-width:0;width:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:10px 16px!important;line-height:20px!important}.mm-actions [data-mm-close]{order:2;background:#b93646!important;border-color:#b93646!important;color:#fff!important}.mm-status [data-mm-cancel]{background:#b93646!important;border-color:#b93646!important;color:#fff!important}
.confirmation-dialog[data-severity] .confirmation-icon{background:var(--panel,#1d1928);border-color:currentColor}.confirmation-dialog[data-severity=warning] .confirmation-icon{color:#f4c85e}.confirmation-dialog[data-severity=error] .confirmation-icon{color:#f08191}.confirmation-dialog[data-severity=success] .confirmation-icon{color:#71dca0}.confirmation-dialog[data-severity=info] .confirmation-icon{color:#ac8cf4}.confirmation-dialog[data-severity] .confirmation-icon::before{background:currentColor;opacity:.16}

/* Compact desktop actions; equal mobile actions with a narrow-screen fallback. */
.mm-form .mm-actions{justify-content:flex-end;flex-wrap:wrap}.mm-form .mm-actions button{flex:0 0 auto!important;width:auto!important}
.rooms-header-actions .rooms-find-match{background:linear-gradient(120deg,#26795f,#276d78)!important;border-color:#439b86!important;color:#fff!important;box-shadow:0 3px 12px #1e77552b}.rooms-header-actions .rooms-find-match:hover{background:linear-gradient(120deg,#308c6d,#32818a)!important;border-color:#66baa3!important}
.confirmation-dialog .confirmation-actions [value=cancel]:not(.confirmation-danger){background:#282337;color:#c7b4ec;border-color:#554769}
@media(max-width:760px){.mm-form .mm-actions button{flex:1 1 0!important;width:0!important;min-width:0!important;padding-inline:8px!important}}
@media(max-width:359px){.mm-form>.mm-actions{flex-direction:column!important}.mm-form .mm-actions button{flex:0 0 44px!important;width:100%!important}}

@media(max-width:760px){.rooms-page-header{flex-direction:column;align-items:stretch;gap:18px}.rooms-header-actions{display:flex;justify-content:flex-end;flex-wrap:nowrap;width:100%;gap:8px;min-width:0}.rooms-header-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto!important;min-width:0;min-height:44px;height:44px;margin:0!important;padding:0 10px;white-space:nowrap;font-size:11px}.rooms-header-actions>.rooms-refresh{flex:0 0 40px;width:40px!important;padding:0}.rooms-header-actions>button:not(.rooms-refresh){flex:0 1 auto}.rooms-header-actions>button svg{width:17px;height:17px;flex:0 0 17px}}
@media(max-width:359px){.rooms-header-actions{gap:5px}.rooms-header-actions>button{padding-inline:6px;gap:4px;font-size:10px}.rooms-header-actions .rooms-find-match span{font-size:10px}.rooms-header-actions>.rooms-refresh{flex-basis:34px;width:34px!important}}

.mm-indicator[data-phase=found]>svg{color:#6ed49b}.mm-indicator[data-phase=entering]>svg{color:var(--accent,#ac8cf4)}

.mm-status [hidden]{display:none!important}.mm-status [data-mm-symbol]>svg{display:block;width:42px;height:42px;margin:24px auto 18px;color:var(--accent,#ac8cf4)}.mm-status[data-phase=found] [data-mm-symbol]>svg{color:#6ed49b}.mm-status [data-mm-progress]{width:min(260px,100%);margin:22px auto}.mm-status [data-mm-progress] .console-load-track{height:6px}

.mm-indicator{position:relative;overflow:hidden;background:var(--panel,#1b1b27)}.mm-indicator:hover{background:var(--panel,#1b1b27)}.mm-indicator::after{content:'';position:absolute;bottom:0;left:0;width:35%;height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#a487f3) 72%,#5946a8),var(--accent,#a487f3) 55%,color-mix(in srgb,var(--accent,#a487f3) 65%,#fff));animation:console-load-slide 1.2s linear infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.mm-indicator::after{animation:none;left:32.5%}}

.mm-indicator::after{mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 60%,transparent 100%)}

.mm-indicator{isolation:isolate}.mm-indicator::before{content:'';position:absolute;inset:0 auto 0 0;width:35%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent,#a487f3) 9%,transparent) 50%,transparent);animation:console-load-slide 1.2s linear infinite}.mm-indicator::after{animation-delay:0s}@media(prefers-reduced-motion:reduce){.mm-indicator::before{animation:none;left:32.5%}}

.mm-indicator::before{width:65%}

/* Same travel distance as the 35% bar, with a wider 65% glow. */
.mm-indicator::before{left:-15%;animation-name:mm-glow-slide}
@keyframes mm-glow-slide{0%{transform:translateX(-59.230769%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(161.538462%);opacity:0}}
@media(prefers-reduced-motion:reduce){.mm-indicator::before{left:17.5%;animation:none}}

/* Edge-to-edge loading track at the top of the matchmaking status modal. */
.matchmaking-status-dialog:has([data-mm-status]){position:relative;overflow:hidden!important}
.matchmaking-status-dialog .mm-status [data-mm-progress]{position:absolute;top:0;left:0;width:100%;margin:0;pointer-events:none}
.matchmaking-status-dialog [data-mm-progress] .console-load-track{height:3px;border:0;border-radius:0;background:transparent}
.matchmaking-status-dialog [data-mm-progress] .console-load-track>span{border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent)}

.mm-status [data-mm-symbol]>.mm-hourglass{width:40px;height:48px;transform-origin:center;animation:mm-hourglass-turn 2.4s ease-in-out infinite}.mm-hourglass .mm-sand-top{transform-box:fill-box;transform-origin:center bottom;animation:mm-sand-drain 2.4s linear infinite}.mm-hourglass .mm-sand-bottom{transform-box:fill-box;transform-origin:center bottom;animation:mm-sand-fill 2.4s linear infinite}.mm-hourglass .mm-sand-stream{animation:mm-sand-flow 2.4s linear infinite}
@keyframes mm-hourglass-turn{0%,75%{transform:rotate(0)}95%,100%{transform:rotate(180deg)}}
@keyframes mm-sand-drain{0%{transform:scaleY(1)}8%{transform:scaleY(.97)}20%{transform:scaleY(.82)}60%{transform:scaleY(.18)}72%,100%{transform:scaleY(0)}}
@keyframes mm-sand-fill{0%,4%{transform:scaleY(0)}12%{transform:scaleY(.03)}24%{transform:scaleY(.18)}64%{transform:scaleY(.82)}75%,100%{transform:scaleY(1)}}
@keyframes mm-sand-flow{0%{opacity:0;transform:scaleY(0)}8%{opacity:.7;transform:scaleY(1)}68%{opacity:.7;transform:scaleY(1)}75%,100%{opacity:0;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.mm-status [data-mm-symbol]>.mm-hourglass,.mm-hourglass path{animation:none!important}.mm-hourglass .mm-sand-bottom,.mm-hourglass .mm-sand-stream{opacity:0}}

.mm-hourglass .mm-sand-stream{transform-box:fill-box;transform-origin:center top}

/* Keep matched/entering states compact, with the icon beside the message. */
.mm-status:is([data-phase=found],[data-phase=entering]){display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:8px;text-align:left;padding:22px 8px 16px}
.mm-status:is([data-phase=found],[data-phase=entering])>.eyebrow{grid-column:1/-1;grid-row:1;justify-content:center;margin-bottom:14px}
.mm-status:is([data-phase=found],[data-phase=entering])>[data-mm-symbol]{grid-column:1;grid-row:2}
.mm-status:is([data-phase=found],[data-phase=entering])>[data-mm-symbol]>svg{width:34px;height:34px;margin:0}
.mm-status:is([data-phase=found],[data-phase=entering])>h2{grid-column:2;grid-row:2;margin:0;font-size:21px;line-height:1.4}
.mm-status:is([data-phase=found],[data-phase=entering])>p[data-no-translate]{grid-column:2;grid-row:3;margin:0;color:var(--muted);font-size:12px}
.mm-status:is([data-phase=found],[data-phase=entering])>small{grid-column:2;grid-row:4;margin:0}
@media(max-width:480px){.mm-status:is([data-phase=found],[data-phase=entering]){padding:20px 0 12px;grid-template-columns:30px minmax(0,1fr);column-gap:10px}.mm-status:is([data-phase=found],[data-phase=entering])>h2{font-size:19px}.mm-status:is([data-phase=found],[data-phase=entering])>[data-mm-symbol]>svg{width:28px;height:28px}}

.mm-status:is([data-phase=found],[data-phase=entering]){justify-content:center;grid-template-columns:34px minmax(0,max-content);text-align:center}
.mm-status:is([data-phase=found],[data-phase=entering])>[data-mm-symbol]{grid-row:2/4;align-self:center;justify-self:center}
.mm-status:is([data-phase=found],[data-phase=entering])>h2,.mm-status:is([data-phase=found],[data-phase=entering])>p[data-no-translate],.mm-status:is([data-phase=found],[data-phase=entering])>small{text-align:center;justify-self:center}
@media(max-width:480px){.mm-status:is([data-phase=found],[data-phase=entering]){grid-template-columns:28px minmax(0,max-content)}}

.mm-status:is([data-phase=found],[data-phase=entering])>p[data-no-translate]{text-align:left;justify-self:start}

#retrojoga-notification:has(.toast-error-icon){border-color:#ba465d;color:#ffced6;background:color-mix(in srgb,#b93646 14%,var(--panel,#1b1b27))}

@media(min-width:761px){.room-lobby-heading{align-items:center}.room-lobby-heading>.room-heading-controls{align-self:center;margin-top:0}}

/* Wrap the controls as a group before the room title becomes cramped. */
@media(min-width:761px){.room-lobby-heading{flex-wrap:wrap;column-gap:28px;row-gap:20px}.room-lobby-heading>div:first-child{flex:1 1 380px;min-width:min(380px,100%)}.room-lobby-heading>.room-heading-controls{flex:0 1 auto;margin-left:auto;max-width:100%}}

.room-inactivity-warning{position:fixed;inset:20px auto auto 50%;transform:translateX(-50%);margin:0;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:14px 16px;border:1px solid #b48d48;border-radius:10px;background:var(--panel,#1b1b27);color:var(--text,#f7f7f9);box-shadow:0 10px 36px #0005;z-index:21000;font:12px/1.6 system-ui}.room-inactivity-warning::backdrop{background:transparent;pointer-events:none}.room-inactivity-warning>svg{width:26px;height:26px;flex:0 0 26px;color:#f4c85e}.room-inactivity-warning strong,.room-inactivity-warning span{display:block}.room-inactivity-warning span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.room-inactivity-warning button{padding:0;flex:0 0 26px;width:26px;height:26px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}

@media(min-width:360px) and (max-width:760px){.rooms-header-actions>.rooms-refresh{box-sizing:border-box;flex:0 0 44px;width:44px!important;height:44px;min-height:44px;aspect-ratio:1;padding:0}}

.room-lifecycle-status[hidden]{display:none!important}

/* Waiting badge follows the alignment of the responsive action group. */
.room-lobby .lobby-status-row>.room-status-badge{margin-left:auto;margin-right:0}
@media(max-width:379px){.room-lobby .lobby-status-row>.room-status-badge{margin-inline:auto}}
@media(min-width:380px) and (max-width:760px){.room-lobby .lobby-status-row:has(>.room-session-toolbar>button:nth-child(1 of button:not([hidden])):nth-last-child(1 of button:not([hidden])))>.room-status-badge{margin-inline:auto}}

@media(max-width:650px){.room-lobby .room-waiting .lobby-status-row>.room-status-badge{margin-inline:auto}}

.room-lobby.room-cover-stacked .room-waiting .lobby-status-row>.room-status-badge{margin-inline:auto}

.room-lobby.room-status-inline:not(.room-cover-stacked) .lobby-status-row>.room-status-badge{margin-left:0;margin-right:auto}

.room-spectator-count{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin:8px 0}.room-spectator-count svg,.room-watch-button svg{width:18px;height:18px;flex:none}.room-card-actions .room-watch-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.room-spectator-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-bottom:1px solid var(--border)}.room-spectator-panel strong{font-size:13px}.room-spectator-panel p{font-size:12px;color:var(--muted);margin:6px 0 0}.room-spectator-panel small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.room-spectator-panel button{white-space:nowrap;font-size:12px;min-height:40px}.spectator-player .touch-controls,.spectator-player .remote-keyboard-help{display:none!important}.room-spectator-panel [data-room-queue=leave]{color:#ffb6c4;border-color:#ae3d54}@media(max-width:600px){.room-spectator-panel{flex-direction:column;align-items:stretch;padding:16px}.room-spectator-panel button{width:100%}}

.room-player-count-label{display:inline-flex;align-items:center;gap:7px}.room-player-count-label svg{width:18px;height:18px}.room-lobby .room-spectator-panel[hidden]{display:none!important}

.member-reconnecting{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--accent,#a487f3);cursor:help}.member-reconnecting svg{width:17px;height:17px;animation:room-reconnecting-spin .85s linear infinite}@keyframes room-reconnecting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.member-reconnecting svg{animation-duration:2s}}

.room-as-spectator .room-controls-guide{display:none!important}

.lobby-spectators{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.room-social .lobby-spectators h3{margin:0 0 12px;font-size:13px;color:var(--muted);font-weight:600}.lobby-spectators .lobby-member:last-child{margin-bottom:0}.lobby-spectator-icon{color:var(--muted)}

.room-lobby .lobby-queue-hand{position:absolute;top:23px;right:-5px;color:var(--accent);display:grid;place-items:center;line-height:0}.lobby-queue-hand svg{width:17px;height:17px}.room-lobby .lobby-avatar>.lobby-queue-position{position:absolute;top:50%;right:0;transform:translate(50%,-50%);z-index:4;display:grid;place-items:center;min-width:19px;height:19px;padding:0 3px;box-sizing:border-box;border-radius:50%;border:2px solid var(--panel);background:var(--accent,#a487f3);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 6px #0004}.room-lobby .lobby-spectators .lobby-member-info{padding-left:5px}

.room-lobby .lobby-queue-hand{top:22px;right:-9px;width:23px;height:23px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);box-shadow:0 2px 5px #0002}.room-lobby .lobby-queue-hand svg{width:16px;height:16px;display:block}

.room-lobby .lobby-queue-hand{transform:rotate(-6deg)}

.room-lobby .lobby-spectators .lobby-member>.lobby-queue-position{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;min-width:20px;height:20px;padding:0 3px;box-sizing:border-box;border-radius:50%;border:2px solid var(--panel);background:var(--accent,#a487f3);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 6px #0004}

.room-members-panel{--roster-panel-inset:20px}.room-members-panel .lobby-spectators,.room-members-panel .lobby-queue-footer{position:relative;border-top:0}.room-members-panel .lobby-spectators::before,.room-members-panel .lobby-queue-footer::before{content:'';position:absolute;top:0;left:calc(-1 * var(--roster-panel-inset));right:calc(-1 * var(--roster-panel-inset));height:1px;background:var(--border)}
.room-members-panel :is(#room-waiting-players,#room-spectators){display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box;padding:8px 10px 0;margin:0 -10px}.room-members-panel :is(#room-waiting-players,#room-spectators)>.lobby-member{flex:0 0 64px;min-height:64px;height:64px;box-sizing:border-box;margin:0}.room-social .lobby-spectators h3{margin-bottom:8px}.lobby-queue-footer{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:18px}.lobby-queue-footer>span{color:var(--muted);font-size:12px}.lobby-queue-footer>button{width:100%}@media(max-width:760px){.room-members-panel{--roster-panel-inset:18px}}

.room-members-panel :is(#room-waiting-players,#room-spectators){overflow-anchor:none}.room-members-panel :is(#room-waiting-players,#room-spectators):focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:6px}

.room-card .room-flags .room-spectator-pill{display:inline-flex;align-items:center;gap:6px;font-weight:400}.room-card .room-flags .room-spectator-pill span{font-weight:400}.room-card .room-spectator-pill svg{width:15px;height:15px;flex:none}

.lobby-queue-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.room-members-panel .lobby-queue-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;padding:9px 7px;font-size:11px;line-height:1.3;white-space:nowrap}.lobby-queue-actions svg{width:16px;height:16px;flex:none}.room-members-panel .lobby-queue-actions>button:disabled{opacity:.45;cursor:default}

.room-members-panel .lobby-queue-actions>[data-room-queue="leave"]{background:#ae3047;border-color:#c34b61;color:#fff!important}.room-members-panel .lobby-queue-actions>[data-room-queue="leave"]:hover:not(:disabled){background:#c03b53;border-color:#dc6479}

.room-lobby .lobby-device.lobby-spectator-icon{flex-direction:column;align-items:center;gap:6px;transform:none}.room-lobby .lobby-device.lobby-spectator-icon>svg{transform:rotate(18deg)}

.room-lobby .lobby-device svg{background:transparent}.room-lobby .lobby-device .room-device-interior{fill:var(--panel,#1b1b27)}

.lobby-spectator-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.room-social .lobby-spectator-heading h3{margin:0}.lobby-section-count{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:28px;height:26px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);font-size:11px;font-weight:400;line-height:1}

.room-lobby .room-back-button>span,.room-lobby .room-back-button>svg{color:#dedbe5}

.room-members-panel .lobby-watch-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:11px}.lobby-watch-action svg{width:16px;height:16px;flex:none}

.room-card .room-card-actions:has(.room-watch-button){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.room-card .room-card-actions:has(.room-watch-button)>.room-watch-button{grid-column:2;white-space:nowrap;min-width:0}.room-card .room-card-actions:has(.room-watch-button)>.room-exit{grid-column:1/-1}

html[data-theme] .room-lobby .room-members-panel .room-party-actions button[data-lobby-ready]{background:linear-gradient(120deg,#2466b8,#3585b6)!important;border-color:#559bd0!important;color:#fff!important;box-shadow:0 3px 12px #2466b826}html[data-theme] .room-lobby .room-members-panel .room-party-actions button[data-lobby-ready]:hover:not(:disabled){background:linear-gradient(120deg,#2d76cc,#4299c9)!important;border-color:#76b8e5!important}

.room-members-panel>.room-party-actions{margin:0 0 18px}.room-members-panel>.social-room-invites:has([data-social-sent]:not(:empty)){margin-bottom:16px}

.room-card .room-watch-button,.room-members-panel .lobby-watch-action{transition:background-color .18s ease,border-color .18s ease}.room-card .room-watch-button:hover:not(:disabled),.room-members-panel .lobby-watch-action:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:none;transform:none;filter:none}

#join-form .join-room-confirm{display:flex;align-items:center;justify-content:center;gap:8px}#join-form .join-room-confirm svg{width:17px;height:17px;flex:none}

.room-lobby .lobby-member>.member-connection:has(>.member-reconnecting){min-width:17px;flex:0 0 17px;align-self:center}.room-lobby .member-connection>.member-reconnecting{display:grid;place-items:center;align-self:center;width:17px;height:28px;margin:0;line-height:0}.room-lobby .member-connection>.member-reconnecting>svg{display:block;margin:0}.room-lobby .lobby-member:has(>.member-connection>.member-reconnecting){column-gap:10px}

.room-lobby .lobby-member>.member-connection:has(>.member-ping-pending){min-width:17px;flex:0 0 17px;align-self:center}.room-lobby .member-connection>.member-ping-pending{display:grid;place-items:center;width:17px;height:28px;margin:0;line-height:0;color:var(--muted);cursor:help}.member-ping-pending>svg{display:block;width:17px;height:17px;margin:0}

.room-lobby .lobby-member>.member-connection{align-self:center;display:flex;align-items:center;justify-content:center;min-height:28px;margin-top:0;margin-bottom:0}.room-lobby .member-connection>.member-host,.room-lobby .member-connection>.member-signal{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;line-height:1}.room-lobby .member-connection>.member-host{font-size:10px}





/* Match the connection indicators to the center of the user card and options button. */
.room-lobby .lobby-member{align-items:center}
.room-lobby .lobby-member>.lobby-player-options{box-sizing:border-box;height:31px;min-height:31px;max-height:31px;margin-block:0;padding:0;align-self:center;display:flex;align-items:center;justify-content:center;line-height:0}
.room-lobby .lobby-member>.lobby-player-options>svg{width:18px;height:18px;margin:0;display:block}
.room-lobby .lobby-member>.member-connection{box-sizing:border-box;height:31px;min-height:31px;margin-block:0;align-self:center;align-items:center;justify-content:center}
.room-lobby .member-connection>:is(.member-host,.member-signal,.member-reconnecting,.member-ping-pending){box-sizing:border-box;height:31px;min-height:31px;margin:0;align-items:center;justify-content:center;line-height:1}
.room-lobby .member-connection>.member-signal>svg{width:14px;height:14px;margin:0;display:block}
.room-lobby .member-connection>.member-signal>span{display:flex;align-items:center;height:14px;line-height:14px;margin:0}
.room-lobby .member-connection>:is(.member-reconnecting,.member-ping-pending)>svg{width:17px;height:17px;margin:0;display:block}
.room-lobby .lobby-member>.member-connection:has(>:is(.member-reconnecting,.member-ping-pending)){min-width:17px;flex-basis:17px}
.room-lobby .member-connection>:is(.member-reconnecting,.member-ping-pending){width:17px}

.room-lobby .lobby-member>.member-connection:has(>.member-signal){min-width:0;width:max-content;flex:0 0 auto}.room-lobby .lobby-member:has(>.member-connection>.member-signal){column-gap:10px}.room-lobby .lobby-member>.lobby-player-options>svg{width:20px;height:17px;flex:none;align-self:center}.room-lobby .member-connection>.member-signal{min-width:0;width:max-content}

.room-members-panel .room-lifecycle-status{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:rgba(155,128,235,.06);color:var(--muted);font-size:12px;line-height:1.5;}
.room-members-panel .room-lifecycle-status>svg{width:18px;height:18px;flex:none;color:var(--accent,#a78bfa);}

.room-lobby .room-handoff-notice{display:none!important;}

.room-members-panel .room-party-actions{flex-wrap:wrap;}
html[data-theme] .room-lobby .room-members-panel .room-party-actions>[data-lobby-start]{flex:1 0 100%;width:100%;background:linear-gradient(120deg,#26795f,#276d78)!important;border-color:#439b86!important;color:#fff!important;box-shadow:0 3px 12px #1e77552b;}
html[data-theme] .room-lobby .room-members-panel .room-party-actions>[data-lobby-start]:hover:not(:disabled){background:linear-gradient(120deg,#308c6d,#32818a)!important;border-color:#66baa3!important;}
html[data-theme] .room-lobby .room-members-panel .room-party-actions>[data-lobby-start]:disabled{opacity:.45;cursor:not-allowed;}
.room-members-panel .room-party-actions>[data-lobby-start]>svg{width:19px;height:19px;}
.room-members-panel .room-party-actions>[data-lobby-start]{order:2;}

/* Fade the hover layer so gradients blend smoothly in both directions. */
.room-lobby .room-party-actions>button{position:relative;isolation:isolate;transition:border-color .22s ease,box-shadow .22s ease;}
.room-lobby .room-party-actions>button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;pointer-events:none;z-index:-1;transition:opacity .22s ease;}
.room-lobby .room-party-actions>button:hover:not(:disabled)::after{opacity:.09;}
html[data-theme] .room-lobby .room-members-panel .room-party-actions button[data-lobby-ready]:hover:not(:disabled){background:linear-gradient(120deg,#2466b8,#3585b6)!important;}
html[data-theme] .room-lobby .room-members-panel .room-party-actions>[data-lobby-start]:hover:not(:disabled){background:linear-gradient(120deg,#26795f,#276d78)!important;}
@media(prefers-reduced-motion:reduce){.room-lobby .room-party-actions>button,.room-lobby .room-party-actions>button::after{transition:none;}}
html[data-theme] .room-lobby .room-party-actions>[data-social-action="room-picker"],html[data-theme] .room-lobby .room-party-actions>[data-social-action="room-picker"]:hover:not(:disabled){background:var(--active-action-bg,linear-gradient(120deg,#7860ae,#4c6097))!important;}
.room-lobby .room-members-panel .lobby-watch-action{background:var(--theme-soft);border-color:var(--theme-line,var(--border))}.room-lobby .room-members-panel .lobby-watch-action:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 20%,var(--panel));border-color:var(--accent,#a487f3)}

.room-lobby .room-lifecycle-status.is-countdown-urgent,.room-inactivity-warning.is-countdown-urgent{border-color:#ef5268;animation:room-countdown-urgent 1s ease-in-out infinite;}
@keyframes room-countdown-urgent{0%,100%{border-color:var(--countdown-border-base,var(--border,#393140));box-shadow:none}50%{border-color:#ef5268;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.room-lobby .room-lifecycle-status.is-countdown-urgent,.room-inactivity-warning.is-countdown-urgent{animation:none;border-color:#ef5268;}}
.room-lobby .lobby-member>.member-connection:has(>.member-host){min-width:0;width:max-content;flex:0 0 auto}.room-lobby .lobby-member:has(>.member-connection>.member-host){column-gap:10px}.room-lobby .member-connection>.member-host{min-width:0;width:max-content}

.room-members-panel .room-lifecycle-message{flex:1;min-width:0;}
.room-members-panel .room-lifecycle-time{flex:none;margin-left:auto;white-space:nowrap;padding:3px 7px;border:1px solid var(--theme-line,var(--border));border-radius:5px;background:var(--theme-soft,var(--panel));color:var(--text,#fff);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.5;}
.room-members-panel .room-lifecycle-time[hidden]{display:none;}
.room-members-panel .room-lifecycle-time{align-self:center;margin-top:0;margin-bottom:0;}
.room-members-panel .room-lifecycle-status>svg{align-self:center;margin-top:0;margin-bottom:0;}
.room-members-panel .room-lifecycle-time{border:0;}

.room-card .room-card-actions button.room-exit:not(.room-close){background:#b93646!important;border-color:#b93646!important;color:#fff!important;transition:background-color .22s ease,border-color .22s ease;}
.room-card .room-card-actions button.room-exit:not(.room-close):hover:not(:disabled){background:#ce4254!important;border-color:#ce4254!important;}

.mm-game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;}
.mm-game-meta .mm-game-players{margin:0;}
.mm-game-meta .mm-game-versions{display:inline-flex;align-items:center;padding:2px 5px;border:1px solid #55c58b45;border-radius:4px;background:#35ad7021;color:#80dba7;font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap;}

.mm-game-meta .mm-game-players{display:inline-flex;align-items:center;gap:4px;line-height:1.5;cursor:help;}
.mm-game-meta .mm-game-players>svg{display:block;width:15px;height:15px;flex:none;}

.mm-game-choice .collection-choice-content>.mm-game-meta{margin-top:auto;padding-top:8px;}
.mm-game-choice .collection-choice-mark{box-shadow:0 2px 7px #0009,0 0 2px #0006;}
@media(max-width:760px){.shell .workspace>.topbar:has(>.mm-indicator){display:grid;grid-template-columns:36px minmax(0,1fr) 36px;grid-template-rows:minmax(0,1fr);height:calc(61px + env(safe-area-inset-top,0px));min-height:calc(61px + env(safe-area-inset-top,0px));padding:calc(10px + env(safe-area-inset-top,0px)) 10px 10px;gap:8px;flex-wrap:nowrap}.shell .workspace>.topbar:has(>.mm-indicator)>.header-search-field{display:none}.shell .workspace>.topbar:has(>.mm-indicator)>.panel-menu-toggle{grid-column:1;grid-row:1}.shell .workspace>.topbar:has(>.mm-indicator)>.account{grid-column:3;grid-row:1;justify-content:center;gap:0}.shell .workspace>.topbar:has(>.mm-indicator)>.account>:not(.profile-preview){display:none}.shell .workspace>.topbar>.mm-indicator{grid-column:2;grid-row:1;order:0;min-width:0;width:100%;height:100%;min-height:36px;margin:0;padding:7px 8px;gap:6px;justify-content:center;overflow:hidden}.shell .workspace>.topbar>.mm-indicator>span:not(.mm-spinner){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell .workspace>.topbar>.mm-indicator>time{flex:none}}
@media(max-width:760px){.shell .workspace>.topbar>.mm-indicator{justify-content:flex-start}.shell .workspace>.topbar>.mm-indicator>.mm-spinner,.shell .workspace>.topbar>.mm-indicator>svg{flex-shrink:0}.shell .workspace>.topbar>.mm-indicator>time{margin-left:auto;padding-left:6px}.shell .workspace>.topbar:has(>.mm-indicator) .social-bell{display:none!important}}

.mm-status-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;margin-top:18px;}
.mm-status-actions[hidden]{display:none!important;}
.mm-status .mm-status-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;margin:0;padding:10px 8px;}
.mm-status-actions>button>svg{display:block;width:17px;height:17px;flex:none;}

.mm-status .mm-status-actions>button{box-sizing:border-box;height:40px;min-height:40px;max-height:40px;line-height:18px;transition:background-color .22s ease,border-color .22s ease;}
.mm-status .mm-status-actions>[data-mm-hide]{background:var(--theme-soft,#a487f31a)!important;border-color:var(--theme-line,#a487f34d)!important;color:#fff;}
.mm-status .mm-status-actions>[data-mm-hide]:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 20%,var(--panel,#1b1b27))!important;border-color:var(--accent,#a487f3)!important;}
.mm-status .mm-status-actions>[data-mm-cancel]:hover:not(:disabled){background:#ce4254!important;border-color:#e65e70!important;}

.room-game-dropdown.room-game-dropdown-floating{position:fixed;inset:auto;box-sizing:border-box;margin:0;display:none;flex-direction:column;gap:8px;overflow:hidden;z-index:2000;}
.room-game-dropdown-floating:popover-open{display:flex;}
.room-game-dropdown-floating .room-game-options{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;}
.room-game-dropdown-floating>input,.room-game-dropdown-floating>.room-game-picker-footer{flex:none;}
.room-game-dropdown-floating::backdrop{background:transparent;pointer-events:none;}
.room-game-picker-footer [data-room-picker-more]{transition:background-color .2s ease,border-color .2s ease}.room-game-picker-footer [data-room-picker-more]:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#a487f3) 16%,var(--panel,#1b1b27));border-color:var(--accent,#a487f3)}

.member-entering{display:inline-flex;align-items:center;gap:4px;color:var(--accent,#b9a1ff);font-size:10px;white-space:nowrap}.member-entering>svg{width:19px;height:19px;flex:0 0 19px}.member-entering-spinner{transform-origin:12px 12px;animation:member-entering-spin 1.2s linear infinite}@keyframes member-entering-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.member-entering-spinner{animation:none}}

.room-lobby .member-connection>.member-entering{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:31px;margin:0;line-height:1;color:var(--accent,#b9a1ff)}.room-lobby .member-connection>.member-entering>svg{display:block;width:19px;height:19px;flex:none;margin:0}.room-lobby .member-connection>.member-entering>span{display:block;margin:0;line-height:1}

/* Room cards wrap before squeezing the roster into oval seats. */
.room-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.room-grid .room-card{min-width:0;container-type:inline-size}
.room-card .room-seats{--room-seat-size:clamp(28px,11cqw,34px);gap:clamp(6px,2.4cqw,10px);flex-wrap:wrap;align-items:center}
.room-card .room-seat{box-sizing:border-box;flex:0 0 var(--room-seat-size);width:var(--room-seat-size);height:var(--room-seat-size);min-width:var(--room-seat-size);aspect-ratio:1;border-radius:50%}
.room-card .room-seat>img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}

.personal-overview>div{min-width:0}.personal-overview>div>strong{overflow-wrap:anywhere;padding-right:38px}

/* Full-width original game banners. */
.overview-originals-section{min-width:0;width:100%;box-sizing:border-box}
.overview-originals-section .overview-originals-track{display:flex;gap:0;width:100%;max-width:100%;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px;mask-image:none;-webkit-mask-image:none}
.overview-originals-track::-webkit-scrollbar{display:none}
.overview-originals-track>.original-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:0 0 100%;width:100%;min-width:0;min-height:350px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:linear-gradient(120deg,#181c2d,#192f32);border:1px solid #ffffff24;border-radius:22px}
.original-banner-art{grid-column:2;grid-row:1;align-self:stretch;min-width:0;position:relative;background:#111a22}
.original-banner-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 40%}
.original-banner-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#192b30,transparent 40%);pointer-events:none}
.original-banner-copy{grid-column:1;grid-row:1;padding:clamp(24px,4vw,64px);position:relative;min-width:0}
.original-banner-copy h3{font-size:clamp(30px,4vw,56px);line-height:1.08;margin:14px 0 18px;overflow-wrap:anywhere}
.original-banner-copy p{font-size:clamp(14px,1.3vw,18px);line-height:1.65;color:#d7dde7;margin:0 0 18px;max-width:48ch}
.original-banner-players{display:block;font-size:13px;color:#c5d98e;margin-bottom:24px}
.original-banner-copy button{display:inline-flex;align-items:center;min-height:48px;padding:14px 24px;font-weight:700}
.premium-banner>button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.premium-benefits-icon{width:22px;height:22px;flex:0 0 22px}
@media(max-width:600px){.overview-originals-track>.original-banner{grid-template-columns:1fr;grid-template-rows:200px auto;min-height:0}.original-banner-art{grid-column:1;grid-row:1}.original-banner-art img{height:200px;object-position:center 36%}.original-banner-art:after{background:linear-gradient(0deg,#192b30,transparent 55%)}.original-banner-copy{grid-column:1;grid-row:2;padding:24px}.original-banner-copy h3{font-size:32px}.overview-originals-section>.section-head>.actions{flex-wrap:wrap}.original-banner-copy button{width:100%;justify-content:center}}

/* Cover fills the banner behind the readable foreground. */
.overview-originals-track>.original-banner{isolation:isolate}
.original-banner>.original-banner-backdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(22px) brightness(.38);z-index:-2;pointer-events:none}
.original-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,23,.82),rgba(9,12,23,.5) 60%,rgba(9,12,23,.2));z-index:-1;pointer-events:none}
.original-banner-copy{z-index:1}
.original-banner-copy h3{color:#fff;text-shadow:0 2px 8px #0008}
.original-banner-copy p{color:#edf0f6;text-shadow:0 1px 4px #0009}
.original-banner-art{background:transparent}
.original-banner-art:after{background:linear-gradient(90deg,rgba(9,12,23,.6),transparent 45%)}
@media(max-width:600px){.original-banner:before{background:rgba(9,12,23,.65)}.original-banner-art:after{background:linear-gradient(0deg,rgba(9,12,23,.7),transparent 55%)}}

/* Blend the sharp cover into its blurred backdrop. */
.original-banner-art{mask-image:linear-gradient(to right,transparent 0%,#000 20%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%)}
.original-banner-art:after{background:linear-gradient(90deg,rgba(9,12,23,.18),transparent 30%)}
@media(max-width:600px){.original-banner-art{mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}.original-banner-art:after{background:none}}

/* Recovery/account dialogs follow the available form width. */
.dialog:has(.account-action-form){width:min(760px,100%);box-sizing:border-box}
.account-action-form,.account-action-form .field{width:100%;min-width:0;box-sizing:border-box}
:is(#auth-form,.account-action-form) [data-auth-captcha]{display:block;width:100%;min-width:0;box-sizing:border-box;margin:18px 0 4px}
:is(#auth-form,.account-action-form) [data-auth-captcha]>.auth-captcha-widget{min-width:300px;max-width:none;transform-origin:top left}
.account-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;width:100%}
.account-form-actions>button{flex:1 1 285px;min-width:0;width:100%;min-height:50px;box-sizing:border-box;margin:0;padding:14px 18px;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center;text-align:center}
.account-form-actions>button[hidden]{display:none}
@media(max-width:600px){.dialog:has(.account-action-form){padding:24px 20px}.account-form-actions>button{flex-basis:100%}}

.account-action-form .account-form-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));grid-auto-rows:1fr;align-items:stretch}
.account-action-form .account-form-actions>button{margin:0;min-height:52px;height:100%;box-sizing:border-box}
@media(max-width:600px){.account-action-form .account-form-actions{grid-template-columns:1fr}}


/* Game Over: a large CRT illustration and clear routes back into the portal. */
.game-over-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 36%,#35204b25,transparent 68%),#101018;color:#f5f2ff}
.game-over-main{box-sizing:border-box;max-width:1600px;margin:auto;padding:28px 32px 32px}
.game-over-screen{text-align:center;position:relative}.game-over-score{display:none}
.game-over-kicker{display:flex;align-items:center;justify-content:center;gap:24px;font:700 clamp(10px,1.15vw,15px)/1.6 ui-monospace,monospace;letter-spacing:1.5px;color:#b57be9;margin:12px 0 6px}
.game-over-kicker:before,.game-over-kicker:after{content:"";display:block;width:22px;height:2px;background:#a576d3}
.game-over-hero{position:relative;aspect-ratio:1673/680;width:100%;max-width:min(1320px,152.5vh);margin:0 auto -48px;overflow:hidden;pointer-events:none}
.game-over-hero img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:none;transform:translateY(-15.4%)}
.game-over-screen h1{font:800 clamp(28px,3.8vw,54px)/1.15 system-ui,sans-serif;letter-spacing:-1.2px;margin:0 0 12px;background:linear-gradient(100deg,#fff 25%,#bd91ef 75%);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative}
.game-over-message{max-width:64ch;margin:0 auto 24px;color:#c4bbd4;line-height:1.6;font-size:clamp(14px,1.35vw,18px)}
.game-over-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto;max-width:500px}
.game-over-actions>a{flex:1 1 210px;min-height:50px;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 20px;border-radius:6px}
.game-over-actions>a svg{width:22px;height:22px;flex:0 0 22px}
.game-over-continue{font:400 12px/1.6 ui-monospace,monospace;letter-spacing:.2px;color:#b8abc8;margin:30px 0 0;text-transform:none}
.game-over-heart-row{color:#b78ce9;font-size:27px;letter-spacing:7px;margin:8px 0 0;line-height:1.2}
.game-over-page footer{padding:24px;margin-top:8px;border-top:1px solid #ffffff0a;justify-content:center}
@media(max-width:600px){.game-over-main{padding:28px 16px}.game-over-kicker{gap:10px;font-size:10px;letter-spacing:.5px}.game-over-kicker:before,.game-over-kicker:after{width:12px}.game-over-hero{width:calc(100% + 24px);max-width:none;left:-12px;aspect-ratio:1673/740;margin:14px 0 8px}.game-over-screen h1{font-size:30px;letter-spacing:-.7px}.game-over-message{max-width:34ch;font-size:14px}.game-over-actions>a{flex-basis:100%}.game-over-continue{font-size:11px;margin-top:24px}}

/* Keep the complete error screen comfortable within desktop viewport height. */
@media(min-width:701px){
 .game-over-main{padding:12px 28px}
 .game-over-kicker{margin:0 0 2px;font-size:13px;line-height:22px}
 .game-over-hero{max-width:min(1320px,max(640px,calc((100dvh - 480px)*2.46)));margin-bottom:-34px}
 .game-over-screen h1{font-size:clamp(28px,3.6vw,48px);margin-bottom:10px}
 .game-over-message{font-size:16px;line-height:1.55;margin-bottom:16px}
 .game-over-continue{margin-top:16px;line-height:18px;font-size:11px}
 .game-over-heart-row{font-size:23px;line-height:24px;margin-top:4px}
 .game-over-page footer{padding:12px 24px;margin-top:0;min-height:44px;box-sizing:border-box}
}
.game-over-actions>.quiet{transition:background-color .18s,border-color .18s,box-shadow .18s}
.game-over-actions>.quiet:hover,.game-over-actions>.quiet:focus-visible{background:#a58bfa20;border-color:#b79be6;box-shadow:0 0 0 1px #a58bfa1c;color:#fff}
.game-over-actions>.quiet:focus-visible{outline:2px solid #c7a7ff;outline-offset:3px}
.shell>.workspace{display:flex;flex-direction:column;min-height:100dvh}
.workspace>.main{flex:1 0 auto}
.workspace>.account-footer{flex:none;margin:0;padding:22px 20px;border-top:1px solid var(--border,#ffffff12);display:flex;justify-content:center;background:transparent}
.account-footer .legal-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px}
.account-footer .legal-links a,.account-footer .legal-links button{font-size:11px;line-height:1.5;color:var(--muted,#b5a9c4)}
.account-footer .legal-links button{border:0;background:none;padding:0;font-weight:600;cursor:pointer}
.account-footer .legal-links a:hover,.account-footer .legal-links button:hover{color:var(--accent,#b79be6)}
@media(prefers-reduced-motion:reduce){.game-over-actions>.quiet{transition:none}}

.game-over-page .game-over-actions>a.btn.quiet:hover,.game-over-page .game-over-actions>a.btn.quiet:focus-visible{background:#a58bfa20!important;border-color:#b79be6!important;color:#fff!important;box-shadow:0 0 0 1px #a58bfa1c}

.game-over-screen h1.game-over-page-title{line-height:1.28;padding-bottom:.12em;margin-bottom:4px;overflow:visible}

.original-banner-copy button{gap:10px}.original-banner-play-icon{width:21px;height:21px;flex-shrink:0;display:block}

.dialog .auth-account-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;text-align:center}.dialog .auth-account-switch button{margin:0}

.room-as-spectator .room-voice-controls,.room-voice-controls[hidden]{display:none!important}

/* Give the scrollable game list a definite viewport, including Safari with keyboard open. */
.room-game-dropdown-floating:popover-open{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}
.room-game-dropdown-floating .room-game-options{height:100%;min-height:0;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.room-game-dropdown-floating>input{min-width:0;margin:0;font-size:16px}
.preferences-game-options,.site-select-list{min-height:0;-webkit-overflow-scrolling:touch}

.guest-console-page{max-width:1500px;margin:0 auto;box-sizing:border-box;width:100%;padding:24px}
.guest-console-page .console-with-sidebar-ad{grid-template-columns:minmax(0,1fr)}
.guest-console-registration{max-width:420px;box-sizing:border-box}

/* Collapse the reserved ad column when it is absent or hidden. */
.console-layout-container>.play-layout.console-with-sidebar-ad:not(:has(>.real-ad.side:not([hidden]))){grid-template-columns:minmax(0,1fr);column-gap:0}
.console-layout-container>.play-layout.console-with-sidebar-ad:not(:has(>.real-ad.side:not([hidden])))>.player-panel{width:100%;max-width:none;box-sizing:border-box}

.home-how>.section-head{margin-bottom:24px}.home-how>.section-head h2{margin:8px 0 10px}.home-how>.section-head p{max-width:680px;color:var(--muted,#aaa3b8);line-height:1.7}
.home-feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 24px;border:1px solid #a48ac82b;border-radius:12px;background:linear-gradient(120deg,#8965d314,#5367aa0c)}.home-feature-stats>div{display:flex;align-items:center;gap:14px}.home-feature-stats strong{font-size:34px;line-height:1.2;color:var(--accent,#b899f5)}.home-feature-stats span{font-size:12px;line-height:1.5;color:var(--muted,#b8b0c8)}
.home-console-list{font-size:12px;line-height:1.9;color:var(--muted,#b8b0c8);margin:14px 0 30px}
.home-feature-group{margin-top:32px}.home-feature-group-title{font-size:18px;margin:0 0 16px;letter-spacing:-.3px}.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-feature-grid .how-card{min-width:0;padding:22px}.home-feature-grid .how-icon{width:44px;height:44px;margin-bottom:18px}.home-feature-grid .how-icon svg{width:25px;height:25px}.home-feature-grid h4{font-size:15px;line-height:1.45;margin:0 0 10px;letter-spacing:-.15px}.home-feature-grid p{font-size:12px;line-height:1.8}
@media(max-width:1100px){.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-feature-grid{grid-template-columns:minmax(0,1fr)}.home-feature-stats{gap:16px;padding:18px}.home-feature-stats>div{display:grid;align-content:start;gap:6px}.home-feature-stats strong{font-size:28px}.home-feature-stats span{font-size:11px}.home-feature-grid .how-card{padding:20px}.home-feature-group{margin-top:26px}}

/* Library CTA in the public hero. */
.hero .actions>a[href="/biblioteca"]{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.hero .actions>a[href="/biblioteca"]:hover{background-color:color-mix(in srgb,var(--accent,#a487f3) 16%,var(--bg,#101018));border-color:var(--accent,#a487f3);box-shadow:0 3px 14px #a487f31a}
.hero .actions>a[href="/biblioteca"]:focus-visible{background-color:color-mix(in srgb,var(--accent,#a487f3) 16%,var(--bg,#101018));border-color:var(--accent,#a487f3);outline:2px solid var(--accent,#a487f3);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero .actions>a[href="/biblioteca"]{transition:none}}

/* A guest has no sidebar: theatre must start at the viewport's left edge. */
body.theatre-open:not(:has(.shell>.panel-drawer)) .theatre-overlay{left:0;right:0}
/* Visitors share the account navigation, with browser-local drawer preferences. */
.shell[data-session=guest] .guest-account-actions{display:flex;align-items:center;gap:8px}.guest-account-actions button{white-space:nowrap;font-size:12px;padding:9px 12px}
.shell[data-session=guest] .guest-public-content{min-width:0;width:100%;box-sizing:border-box}.shell[data-session=guest] .workspace>footer{max-width:100%;flex-wrap:wrap;margin:0;padding:20px 30px}
.shell[data-session=guest] .guest-public-content .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media(max-width:1000px){.shell[data-session=guest] .guest-public-content .hero{grid-template-columns:1fr}.shell[data-session=guest] .guest-public-content .hero .art-hero{max-width:650px}}
@media(max-width:760px){.shell[data-session=guest] .topbar{flex-wrap:wrap;height:auto;min-height:68px}.shell[data-session=guest] .topbar .header-search-field{display:none}.shell[data-session=guest] .topbar .account{margin-left:auto;gap:6px}.guest-account-actions button{padding:8px;font-size:11px}.shell[data-session=guest] .main{padding-inline:16px}}
@media(min-width:761px){body.theatre-open:has(.shell[data-session=guest]>.panel-drawer) .theatre-overlay{left:74px;right:0}}
/* Match guest account buttons to the language selector. */
.shell[data-session=guest] .topbar .language-picker>summary,.shell[data-session=guest] .guest-account-actions>button{box-sizing:border-box;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding-block:0;line-height:1}
.shell[data-session=guest] .guest-account-actions>[data-auth=login]{transition:background-color .18s,border-color .18s,color .18s}
.shell[data-session=guest] .guest-account-actions>[data-auth=login]:hover,.shell[data-session=guest] .guest-account-actions>[data-auth=login]:focus-visible{background:color-mix(in srgb,var(--accent,#a487f3) 14%,var(--bg,#101018));border-color:var(--accent,#a487f3);color:var(--text,#f4f2fb)}
@media(prefers-reduced-motion:reduce){.shell[data-session=guest] .guest-account-actions>[data-auth=login]{transition:none}}

.shell[data-session=guest] .guest-account-actions>button{gap:8px}.shell[data-session=guest] .guest-account-actions>button>svg{display:block;width:16px;height:16px;flex:0 0 16px}
/* Legal pages: brand left, navigation centered, account actions right. */
@media(min-width:1101px){
 body:has(>main.legal-page)>.public-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;flex-wrap:nowrap;width:100%;box-sizing:border-box}
 body:has(>main.legal-page)>.public-header>.logo{grid-column:1;justify-self:start}
 body:has(>main.legal-page)>.public-header>.public-navigation{grid-column:2;order:0;justify-content:center;flex-wrap:nowrap}
 body:has(>main.legal-page)>.public-header>.public-account-actions{grid-column:3;justify-self:end;justify-content:flex-end;margin-left:0;flex-wrap:nowrap}
}
@media(min-width:761px) and (max-width:1100px){body:has(>main.legal-page)>.public-header{justify-content:space-between}body:has(>main.legal-page)>.public-header>.public-account-actions{margin-left:auto}body:has(>main.legal-page)>.public-header>.public-navigation{flex-basis:100%;justify-content:center}}

/* Legal pages share the public mobile dropdown and retain the desktop alignment. */
@media(min-width:1101px){
 body:has(>main.legal-page)>.public-header .public-navigation{grid-column:2;order:0;justify-content:center;flex-wrap:nowrap;margin-inline:0}
 body:has(>main.legal-page)>.public-header .public-account-actions{grid-column:3;justify-self:end;justify-content:flex-end;margin-left:0;flex-wrap:nowrap}
}
@media(max-width:760px){
 body:has(>main.legal-page)>.public-header{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;min-height:72px;padding:14px 20px;gap:12px}
 body:has(>main.legal-page)>.public-header>.logo{min-width:0;flex-shrink:1}
 body:has(>main.legal-page)>.public-header>.logo img{width:min(170px,55vw);max-width:100%;height:auto}
 body:has(>main.legal-page)>.public-header>.public-menu-toggle{margin-left:auto;min-width:44px;min-height:44px}
 body:has(>main.legal-page)>.public-header .public-account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(>main.legal-page)>.public-header .public-account-actions .btn{min-width:0;min-height:44px;box-sizing:border-box;white-space:normal;text-align:center}
 body:has(>main.legal-page)>.legal-page{margin-top:30px;padding-inline:20px}
}
/* Mobile public account actions: centered labels and comfortable text size. */
@media(max-width:760px){
 .public-header .public-menu-panel .public-account-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px;font-size:14px;line-height:1.25;text-align:center}
 .public-header .public-menu-panel .public-account-actions .btn svg{width:18px;height:18px;flex:0 0 18px}
 .public-header .public-menu-panel .public-account-actions .btn span{flex:0 1 auto;text-align:center}
}
/* Center the visitor account CTA as one icon-and-label group. */
.shell[data-session=guest]>.panel-drawer .sidebar-bottom>.sidebar-logout[data-auth]{display:flex;align-items:center;justify-content:center;text-align:center;gap:9px}
.shell[data-session=guest]>.panel-drawer .sidebar-bottom>.sidebar-logout[data-auth]>span{flex:0 1 auto;text-align:center}
.shell[data-session=guest]>.panel-drawer .sidebar-bottom>.sidebar-logout[data-auth]>svg{flex:0 0 17px}
/* Keep the account icon centered when the visitor sidebar is collapsed. */
@media(min-width:761px){
 .shell[data-session=guest].sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-bottom>button.sidebar-logout[data-auth]{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;gap:0;margin:10px auto 0}
 .shell[data-session=guest].sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-bottom>button.sidebar-logout[data-auth]>svg{grid-area:1/1;display:block;width:20px;height:20px;flex:0 0 20px;margin:0;justify-self:center;align-self:center}
 .shell[data-session=guest].sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-bottom>button.sidebar-logout[data-auth]>span{position:absolute!important;width:1px!important;height:1px!important;max-width:1px;clip-path:inset(50%)!important;overflow:hidden!important}
}
/* Use the same account icon size in expanded and collapsed visitor menus. */
.shell[data-session=guest]>.panel-drawer .sidebar-bottom>button.sidebar-logout[data-auth]>svg,
.shell[data-session=guest].sidebar-collapsed:not(.sidebar-peek)>.panel-drawer .sidebar-bottom>button.sidebar-logout[data-auth]>svg{width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 20px;transform:none}
/* Invited friends use the same divider and heading as the spectator sections. */
.room-members-panel>.social-room-invites.lobby-spectators{margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--border)}
.room-members-panel>.social-room-invites.lobby-spectators [data-social-sent]:not(:empty){margin-top:0;padding-top:0}
.room-members-panel>.social-room-invites.lobby-spectators [data-social-sent]::before{display:none}
/* Keep full-room invites focusable so the reason can be shown on touch or keyboard. */
.room-party-actions [data-social-action="room-picker"][aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.dashboard-client-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-client-charts>.box{min-width:0}.dashboard-client-charts .report-bar-label>span{overflow-wrap:anywhere}
@media(max-width:1100px){.dashboard-client-charts{grid-template-columns:1fr}}
@media(max-width:760px){.theatre-overlay.theatre-original{inset:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;padding:0}.theatre-overlay.theatre-original>.theatre-top,.theatre-overlay.theatre-original>.theatre-left,.theatre-overlay.theatre-original>.theatre-right{display:none}.theatre-overlay.theatre-original>.theatre-screen{grid-column:1;grid-row:1}}

/* Hidden ads must not create a zero-height game row on mobile. */
@media(max-width:760px){body.theatre-open .theatre-overlay.theatre-original{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;inset:0!important;padding:0!important;gap:0!important}body.theatre-open .theatre-original>.theatre-screen{grid-column:1!important;grid-row:1!important}}

/* Keep the scrollable list independent of popover positioning and search. */
.site-select-menu{display:flex;flex-direction:column;overflow:hidden!important}.site-select-menu>.site-select-search{flex:0 0 auto}.site-select-menu>.site-select-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.site-select-list>.site-select-option,.site-select-list>.site-select-editable-row,.site-select-list>.site-select-group{flex-shrink:0}

/* The expired-Premium notice can be dismissed without hiding its renewal action. */
.premium-renewal-notice{position:relative;padding-right:58px}
.premium-renewal-notice>button.premium-renewal-close{position:absolute;top:50%;transform:translateY(-50%);right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;padding:0;border:0;background:transparent;color:#eed192;border-radius:6px;line-height:1}
.premium-renewal-notice>button.premium-renewal-close:hover{background:#e1bc6420}
.premium-renewal-notice .premium-renewal-close svg{display:block;width:16px;height:16px;margin:0;flex:none}
@media(max-width:600px){.premium-renewal-notice{padding-right:44px}}

/* Match the email notice close-button spacing. */
.premium-renewal-notice{gap:16px;padding:20px 22px}.premium-renewal-notice>button.premium-renewal-close{position:static;transform:none;flex:none;width:30px;min-width:30px;height:30px;padding:6px;margin:0}.premium-renewal-notice .premium-renewal-close svg{width:17px;height:17px}@media(max-width:600px){.premium-renewal-notice{padding:18px;gap:12px}.premium-renewal-notice>div{flex:1;min-width:0}.premium-renewal-notice>button[data-view]{order:4}.premium-renewal-notice>button.premium-renewal-close{align-self:center}}

/* The public shell is usable before app bootstrap. */
@media(min-width:761px){.shell[data-ssr-home]>.panel-drawer[hidden]{display:flex!important}}
.shell[data-ssr-home]>.panel-drawer nav>a[data-view]{display:flex;align-items:center;gap:9px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:10px;font-weight:600;font-size:12px}.shell[data-ssr-home]>.panel-drawer nav>a.active{background:var(--accent);color:#15131b}

/* Server-rendered navigation uses links before client navigation initializes. */
.shell .sidebar nav a[data-view]>.sidebar-nav-icon{display:block;width:19px;height:19px;min-width:19px;max-width:19px;flex:0 0 19px;color:inherit}.shell .sidebar nav a[data-view]>span{line-height:1.4}.shell .sidebar nav a[data-view]{gap:12px}

/* Compact administration cards: at most three columns, square covers retained. */
.admin-catalog{container-type:inline-size}
.admin-catalog .admin-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-catalog .catalog-admin-card{--admin-cover-size:150px;display:grid;grid-template-columns:var(--admin-cover-size) minmax(0,1fr);height:auto;min-height:178px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.admin-catalog .catalog-admin-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.admin-catalog .catalog-admin-card .admin-cover{width:var(--admin-cover-size);height:var(--admin-cover-size);min-height:0;aspect-ratio:1;align-self:center;padding:8px}
.admin-catalog .admin-game-info{padding:12px;min-width:0}
.admin-catalog .admin-game-info h3{font-size:13px;line-height:1.4;margin:8px 0 10px}
.admin-catalog .admin-game-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;min-height:22px}
.admin-catalog .admin-game-status .rom-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.admin-catalog .admin-game-status .rom-status svg{width:13px;height:13px;flex:none}
.admin-catalog .admin-game-facts{gap:8px;margin:0}
.admin-catalog .admin-game-facts>div{min-width:0}
.admin-catalog .admin-game-facts dd{font-size:11px;overflow-wrap:anywhere}
.admin-catalog .admin-game-mode{margin-top:8px;font-size:10px}
@container(max-width:1199px){.admin-catalog .admin-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:779px){.admin-catalog .admin-game-grid{grid-template-columns:minmax(0,1fr)}}
@container(max-width:420px){.admin-catalog .catalog-admin-card{--admin-cover-size:110px;min-height:160px}.admin-catalog .admin-game-info{padding:10px}.admin-catalog .admin-game-facts{column-gap:5px}}

/* Presence colors apply only to the online status cards. */
.dashboard-live-metrics .presence-total{--presence-color:#86ddbe}
.dashboard-live-metrics .presence-browsing{--presence-color:#8dc9ff}
.dashboard-live-metrics .presence-playing{--presence-color:#b7e786}
.dashboard-live-metrics .presence-site-afk{--presence-color:#f1ca86}
.dashboard-live-metrics .presence-game-afk{--presence-color:#f4a6bd}
.dashboard-live-metrics .presence-unknown{--presence-color:#b8bfd0}
.dashboard-live-metrics .stat[class*="presence-"]:before{background:var(--presence-color)}
.dashboard-live-metrics .stat[class*="presence-"] strong{color:var(--presence-color)}
.dashboard-live-metrics .stat[class*="presence-"] .dashboard-metric-icon{color:var(--presence-color);background:color-mix(in srgb,var(--presence-color) 7%,transparent);border-color:color-mix(in srgb,var(--presence-color) 25%,transparent)}