*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#f7f7f3;color:#192422;font:15px/1.55 "Malgun Gothic",system-ui,sans-serif}.wrap{width:min(1240px,94%);margin-inline:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.gold{cursor:pointer;border:1px solid #d6dcd5;border-radius:8px;padding:8px 15px;background:#fff;color:#192422;font-weight:650}button:hover,a:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #a57917;outline-offset:3px}[hidden]{display:none!important}.mast{background:#152421;color:white;border-bottom:3px solid #e8ba45}.mast-inner,.account,nav,.row,.utility,.utility>div,footer{display:flex;align-items:center;gap:14px}.mast-inner{min-height:78px}.brand{display:grid;line-height:.82;color:#f4c653;font:italic 900 36px/.82 Georgia,serif;letter-spacing:-3px}.brand span{color:white;font:700 9px/1.4 system-ui;letter-spacing:4px;text-align:center;margin-top:4px}.mast nav{margin-left:40px;gap:25px;font-weight:650}.account{margin-left:auto;gap:8px}.account button{background:transparent;color:white;border-color:#51605c}.account #signup,.gold{background:#f1c657;color:#1b2723;border-color:#f1c657}.hero{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;margin-top:24px;border-radius:18px;min-height:255px;height:clamp(255px,26vw,340px);background:#1b2531}.hero:before{content:"";position:absolute;inset:0 0 0 18%;background:url('/aladdin-palace.jpg') center 43%/112% auto no-repeat;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101c1c 4%,#142122 24%,#152126ea 29%,transparent 63%);z-index:-1}.hero>div{padding-left:6%}h1{font:700 clamp(46px,5.8vw,82px)/.84 Georgia,serif;letter-spacing:-.055em;color:white;margin:0 0 23px}h1 em{color:#f4cf7c;font-weight:400}.gold{display:inline-block;font-size:14px}.utility{justify-content:space-between;padding:12px 2px;border-bottom:1px solid #d9ded6}.utility p{display:flex;align-items:baseline;gap:16px;margin:0}.utility b{white-space:nowrap;color:#765819}.utility>div{gap:6px;flex-shrink:0}.utility button{font-size:13px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px}.shortcuts a{display:flex;align-items:center;gap:15px;padding:17px 22px;border-radius:12px}.shortcuts strong{font-size:20px;letter-spacing:-.05em}.shortcuts a>span:last-child{margin-left:auto}.live-short{background:#214b40;color:#f5f5e9}.slot-short{background:#ece1c8;color:#48391b}.motif{font:bold italic 25px Georgia;min-width:45px;text-align:center}.collection,.mini{margin:26px 0}.row,footer{justify-content:space-between}.collection h2,.mini h2,dialog h2{margin:0;font-size:clamp(22px,2.3vw,31px);letter-spacing:-.065em}.collection small,.mini small,footer{color:#617169}ul{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}li button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;text-align:left;border-color:#dce2db}li button:after{content:"›";color:#79877a}li button:hover{border-color:#507568;background:#f1f6ee}#slot-list{max-width:560px}.mini{border:1px solid #d8dfd5;padding:20px 24px;background:#edf1e9;border-radius:12px}.mini p{margin:5px 0 14px}footer{padding:20px 0 28px;border-top:1px solid #d9ded6;font-size:13px}dialog{border:1px solid #d6ded5;border-radius:16px;width:min(420px,94vw);padding:25px;color:#192422;max-height:88vh;overflow:auto}dialog::backdrop{background:#101a19b8}dialog form{display:grid;gap:9px}dialog input,dialog select{width:100%;padding:10px;border:1px solid #bfc9c1;border-radius:7px}dialog label{display:block;margin-top:8px}dialog output{color:#963d28}dialog form>button,#game-entry button,#game-entry a{background:#214b40;color:white;border-radius:8px;padding:10px 16px}dialog h3{margin:0 38px 18px 0;font-size:23px}.close{float:right}#game-entry select,#game-entry input{margin-bottom:10px}#cash-dialog{width:min(700px,94vw)}#cash-list{overflow:auto}th,td{padding:6px;border-bottom:1px solid #ddd;white-space:nowrap}button:disabled{opacity:.55}
@media(max-width:680px){.mast-inner{flex-wrap:wrap;padding:12px 0;gap:10px}.mast nav{order:3;width:100%;margin:2px 0 0;font-size:13px;gap:20px}.account{font-size:12px}.hero{margin-top:14px}.hero:before{inset:0;background-size:auto 110%;background-position:56% center}.hero:after{background:linear-gradient(90deg,#101c1cef,transparent 85%)}.utility{align-items:flex-start;flex-direction:column;gap:6px}.shortcuts{gap:8px;margin:15px 0 22px}.shortcuts a{padding:12px 10px;gap:6px}.shortcuts strong{font-size:15px}.motif{min-width:22px;font-size:18px}ul{grid-template-columns:repeat(2,minmax(0,1fr))}li button{padding:8px;font-size:13px}.brand{font-size:31px}}
.slot-page main>.hero,.slot-page main>.utility,.slot-page main>.shortcuts,.slot-page #casino,.slot-page #mini{display:none}
#slot-back{display:inline-block;color:#426558;margin-bottom:16px;font-weight:650}#slot-count{color:#586b60;margin:4px 0 18px}#slot-search{width:min(100%,290px);border:1px solid #bdcbbf;background:white;padding:10px 13px;border-radius:8px}
:is(#catalog-list,#slot-list).art-grid{max-width:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px}
#slot-list.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.art-grid li{min-width:0}.art-grid a,.art-grid button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;width:100%;height:100%;overflow:hidden;padding:0 0 10px;border:1px solid #d7dfd7;border-radius:12px;background:white;color:#20322a;box-shadow:0 3px 10px #1729210a;transition:transform .15s}.art-grid button:after{display:none}.art-grid a:hover,.art-grid button:hover{transform:translateY(-2px);filter:none;border-color:#798c75}.art-cover{display:grid;place-items:center;aspect-ratio:1.22;background:linear-gradient(135deg,#273450,#354d3d);color:#f2ca77;padding:0;font-weight:bold}.art-cover img{width:100%;height:100%;object-fit:cover;min-height:0}.art-grid strong{padding:8px 5px 0;line-height:1.4}.art-grid small{font-size:12px}.game-grid .art-cover{aspect-ratio:1.42}.game-grid strong{font-size:14px}#slot-more{display:block;margin:20px auto}
@media(max-width:850px){:is(#catalog-list,#slot-list).art-grid,#slot-list.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){:is(#catalog-list,#slot-list).art-grid,#slot-list.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#slots .row{align-items:stretch;flex-direction:column;gap:10px}}
.slot-page{background:white;color:#414c63}.slot-page main.wrap{width:min(96%,1600px)}.slot-page #slots{position:relative;margin:0 auto;padding:12px 0 28px}.slot-page #slots>.row{justify-content:center;min-height:44px;margin-bottom:12px}.slot-page #slot-title{font-size:31px;color:#404b62;letter-spacing:0}.slot-page #slot-back{position:absolute;top:20px;left:4px;margin:0;color:#67758a;font-size:13px}.slot-page #slot-search{position:absolute;top:14px;right:0;max-width:175px}.slot-page #slot-count:empty{display:none}
:is(#catalog-list,#slot-list).art-grid{background:white;border-radius:16px;box-shadow:0 3px 36px #0002;padding:18px;gap:clamp(25px,9vw,125px) clamp(12px,1.45vw,24px);margin:0}:is(#catalog-list,#slot-list).art-grid li{padding:0}
:is(#catalog-list,#slot-list):not(.game-grid) :is(a,button){position:relative;display:block;padding:0;border:0;border-radius:16px;background:#2a3144;overflow:hidden;box-shadow:none}
:is(#catalog-list,#slot-list):not(.game-grid) .art-cover{position:relative;aspect-ratio:232/267;overflow:hidden}:is(#catalog-list,#slot-list):not(.game-grid) .art-cover>img:first-child{height:100%;object-fit:cover}:is(#catalog-list,#slot-list):not(.game-grid) .art-cover:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:#080e1e80}
:is(#catalog-list,#slot-list):not(.game-grid) img.studio-logo{position:absolute;bottom:3%;left:13%;width:74%;height:17%;object-fit:contain;z-index:1}
:is(#catalog-list,#slot-list):not(.game-grid) strong{position:absolute;right:0;top:0;background:#414963dd;border-radius:0 0 0 5px;width:70%;color:white;font-size:16px;line-height:1.3;padding:4px}
:is(#catalog-list,#slot-list):not(.game-grid) button:disabled{opacity:1;cursor:default}:is(#catalog-list,#slot-list):not(.game-grid) small{position:absolute;bottom:24%;right:5px;background:#222b;color:#fff;border-radius:4px;padding:1px 6px;font-size:11px}
#slot-list.game-grid{padding:0;box-shadow:none;gap:24px 8px;align-items:start}#slot-list.game-grid button{height:auto;padding:0;border:0;border-radius:8px;background:#ecedf4;box-shadow:none}#slot-list.game-grid .art-cover{aspect-ratio:219/157}#slot-list.game-grid strong{width:100%;padding:8px 4px;color:#65758e;font-size:16px;line-height:1.45}.art-grid img{display:block}
@media(max-width:680px){.slot-page #slots>.row{align-items:center;gap:5px}.slot-page #slot-search{position:static;width:100%;max-width:none}.slot-page #slot-title{font-size:23px}:is(#catalog-list,#slot-list).art-grid{padding:10px;gap:24px 10px}#slot-list.game-grid{padding:0;gap:15px 7px}:is(#catalog-list,#slot-list):not(.game-grid) strong,#slot-list.game-grid strong{font-size:13px}}

/* Category shortcuts */
.shortcuts a{position:relative;isolation:isolate;overflow:hidden;min-height:118px;padding:24px 28px;border-radius:17px;box-shadow:inset 0 1px 1px #ffffff68,inset 0 -2px 2px #0003,0 7px 14px -8px #192e2c80;transition:transform .18s,box-shadow .18s}
.shortcuts a::before{content:"";position:absolute;z-index:-1;inset:-100% -12% -160% 42%;border-radius:50%;border:1px solid #fff3;box-shadow:0 0 0 11px #ffffff0a,0 0 0 12px #ffffff17,0 0 0 25px #ffffff08,0 0 0 26px #ffffff12;transform:rotate(-23deg)}
.shortcuts .live-short{color:#fffaf0;background:radial-gradient(ellipse at 74% 5%,#4d8570 0,transparent 49%),linear-gradient(115deg,#102e28,#265947 67%,#17392f)}
.shortcuts .slot-short{color:#422b18;background:radial-gradient(ellipse at 66% 0%,#fff0cc 0,transparent 57%),linear-gradient(115deg,#ebd4aa,#f9e7c4 45%,#be9462)}
.shortcuts strong{font-size:clamp(20px,2vw,29px);letter-spacing:-.06em}
.shortcut-arrow{position:relative;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;border:1px solid currentColor;font-size:18px;opacity:.72}
.shortcut-art{position:absolute;pointer-events:none;right:18%;top:50%}.hand{width:85px;height:72px;transform:translateY(-50%) rotate(9deg)}
.hand i{position:absolute;display:grid;place-items:center;width:48px;height:65px;border-radius:5px;font:38px/1 Georgia,serif;background:linear-gradient(130deg,#fffcf1 22%,#e6d8b7);border:1px solid #fff1ca;box-shadow:inset 0 0 0 3px #f9f3df,inset 0 0 0 4px #c6ad82,2px 4px 1px #917b59,4px 8px 9px #09201e75}
.hand i::before{content:"A";position:absolute;top:5px;left:5px;font:10px Georgia,serif}.hand i:first-child{top:4px;left:3px;color:#9e4238;transform:rotate(-23deg)}.hand i:last-child{top:0;left:32px;color:#1c3b33;transform:rotate(7deg)}
.machine{display:flex;align-items:stretch;gap:2px;padding:5px;border-radius:10px;border:1px solid #a77d42;background:linear-gradient(#fff0c3,#cda267 28%,#77502e 68%,#efd09c);box-shadow:inset 0 1px 1px #fff,1px 4px 0 #87633c,4px 8px 9px #64432255;transform:translateY(-50%) perspective(230px) rotateY(-15deg) rotate(-6deg)}
.machine i{display:grid;place-items:center;width:26px;height:45px;border-radius:4px;background:linear-gradient(#c4b89e,#fff9eb 32%,#fff9e8 59%,#c2ae8d);font:italic bold 33px/1 Georgia,serif;color:#99442d;text-shadow:0 1px #fff}
@media(hover:hover){.shortcuts a:hover{filter:none;transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff75,0 8px 16px -7px #162f2d80}}
@media(max-width:680px){.shortcuts a{min-height:118px;align-items:end;padding:12px}.shortcuts strong{font-size:16px}.shortcuts .shortcut-arrow{position:absolute;top:10px;right:10px;width:22px;height:22px;font-size:13px}.shortcuts .shortcut-art{top:32%;right:auto;left:10%;transform-origin:left center}.hand{transform:translateY(-50%) scale(.68) rotate(9deg)}.machine{transform:translateY(-50%) scale(.74) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.shortcuts a{transition:none}.shortcuts a:hover{transform:none}}

.account #member-balance{color:#f3d681;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.account{flex-wrap:wrap;justify-content:flex-end}

body.notices-page main.wrap> :not(#lobby-notices):not(footer){display:none}
#lobby-notices{margin:24px 0 44px;min-height:38vh}
#lobby-notices> a{color:#50675f}#lobby-notices h2{text-align:center}
#notice-list details{border:1px solid #dae3dd;border-radius:10px;background:#fff;margin:8px 0}
#notice-list summary{cursor:pointer;padding:14px 18px;font-weight:650;overflow-wrap:anywhere}
#notice-list time{margin-left:1em;color:#67756e;font-size:.85em;font-weight:400}
#notice-list p{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 18px 14px;line-height:1.65}

body:not(.skin) .mast{background:#101c36;border-color:#ceab64}
body:not(.skin) .brand{font:750 31px/1.05 "Malgun Gothic",sans-serif;letter-spacing:-.07em;color:#f5d58d}
body:not(.skin) .brand span{letter-spacing:.44em}
body:not(.skin) .hero{background:#0d1930;border:1px solid #a58c5c;border-radius:18px 18px 6px 6px}
body:not(.skin) .hero:before{inset:0;background-size:cover;background-position:50% 58%}
body:not(.skin) .hero:after{background:linear-gradient(90deg,#0a142ade 0%,#111b3070 30%,transparent 60%)}
body:not(.skin) .hero h1{font:800 clamp(48px,6vw,85px)/1.04 "Malgun Gothic",sans-serif;letter-spacing:-.065em;color:#fff2d2}
body:not(.skin) .hero h1 em{font:500 clamp(14px,1.9vw,24px)/1.7 Georgia,serif;letter-spacing:.32em;color:#f5d38f}
body:not(.skin) .hero .gold{background:#e9c77e;color:#242138;border-color:#e9c77e}
body:not(.skin) .live-short{background:#092739 url('/aladdin-live.jpg') center 30%/cover no-repeat;color:white}
body:not(.skin) .slot-short{background:#321448 url('/aladdin-slots.jpg') center 32%/cover no-repeat;color:white}
@media(max-width:680px){body:not(.skin) .hero:before{background-position:68% 55%}body:not(.skin) .hero:after{background:linear-gradient(90deg,#0a142ad9,transparent 85%)}}
body:not(.skin) .shortcuts a{min-height:clamp(124px,13vw,172px);border:1px solid #c9aa69;align-items:center}
body:not(.skin) .shortcuts a::before,body:not(.skin) .shortcuts .shortcut-art{display:none}
body:not(.skin) .shortcuts strong{color:#fff7e5;text-shadow:0 2px 5px #111a24;font-weight:750}
body:not(.skin) .shortcuts .shortcut-arrow{align-self:flex-end;background:#111826bd;border-color:#ffe8b8;color:#fff4d9;opacity:1}
@media(max-width:680px){body:not(.skin) .shortcuts{grid-template-columns:1fr}body:not(.skin) .shortcuts a{min-height:clamp(96px,27vw,150px);padding:16px}body:not(.skin) .shortcuts .shortcut-arrow{top:auto;bottom:10px}}
/* The palace surrounds the default lobby and its game collections. */
body:not(.skin){
 --palace-gold:#ebcc8b;--palace-line:#b08d5575;--palace-ink:#0b172b;
 min-height:100vh;background:#0b172b;color:#f3eede;isolation:isolate;
}
body:not(.skin)::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;
 background:linear-gradient(90deg,transparent 3%,#0a172b38 18%,#0b172be0 29%,#0b172bdd 70%,#0b172b38 85%,transparent 98%),url('/aladdin-courtyard.jpg') center center/cover no-repeat}
body:not(.skin) .mast{background:linear-gradient(100deg,#0a1628f5,#142b42fa 55%,#0c172af7);border-bottom:1px solid #d7b571;box-shadow:0 3px 15px #03071180}
body:not(.skin) .hero{box-shadow:0 12px 34px #0206126b}
body:not(.skin) .utility{position:relative;isolation:isolate;min-height:54px;padding:10px 16px;background:linear-gradient(90deg,#11263df5,#173148eb 50%,#12263cf5);border:1px solid var(--palace-line);border-top:0;border-radius:0 0 10px 10px;gap:12px;color:#eef3f7}
body:not(.skin) .utility b{color:var(--palace-gold)}
body:not(.skin) .utility::after{content:"";width:8px;height:8px;position:absolute;left:50%;bottom:-5px;background:#d5ae67;box-shadow:0 0 0 3px #0d1e32;transform:rotate(45deg)}
body:not(.skin) .utility button,body:not(.skin) :is(#reload-catalog,#slot-more){background:#142a40;border:1px solid #a38b5d;color:#f4e2bb}
body:not(.skin) .utility #open-usdt{border-color:#699d94;color:#c8f3df}
body:not(.skin) .shortcuts{margin:22px 0 0;gap:16px}
body:not(.skin) .collection{position:relative;margin-top:32px;padding:20px clamp(12px,2vw,25px) 22px;background:linear-gradient(130deg,#142b40f7,#0e1d33f7 72%);border:1px solid var(--palace-line);border-radius:14px;box-shadow:0 10px 35px #03091665}
body:not(.skin) .collection::before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#c4a471 35%,#f2dc9d 50%,#c4a471 65%,transparent)}
body:not(.skin) .collection h2,body:not(.skin) #slot-title{color:#f9e8c7}
body:not(.skin) #catalog-status,body:not(.skin) #slot-count,body:not(.skin) #slot-back,body:not(.skin) #lobby-notices>a{color:#c9d8db}
body:not(.skin) :is(#catalog-list,#slot-list).art-grid{background:transparent;box-shadow:none;padding:12px 0 0;gap:20px 16px}
body:not(.skin) #slots.collection{padding:20px clamp(12px,2vw,25px) 24px;margin-top:20px}
body:not(.skin) #slot-back{left:18px}
body:not(.skin) #lobby-notices{background:#102238ef;padding:22px;border:1px solid var(--palace-line);border-radius:14px}
body:not(.skin) #notice-list details{color:#263238;background:#faf7ef}
body:not(.skin) footer{color:#dfc88f;border-color:var(--palace-line)}
@media(max-width:680px){
 body:not(.skin)::before{background:linear-gradient(#0b172b83,#0b172bb3),url('/aladdin-courtyard.jpg') 22% center/auto 100% no-repeat}
 body:not(.skin) .utility{padding:10px 12px}body:not(.skin) .utility>div{flex-wrap:wrap}
 body:not(.skin) .shortcuts{margin-top:18px;gap:10px}
 body:not(.skin) .collection{padding:13px 10px;margin-top:20px}body:not(.skin) :is(#catalog-list,#slot-list).art-grid{gap:12px 8px}
}
.mast .account #open-usdt{display:inline-flex;align-items:center;gap:7px;margin-inline-end:9px;padding:7px 12px 7px 8px;white-space:nowrap;border:1px solid #68c4ae;border-radius:999px;background:linear-gradient(115deg,#173f45,#102f3c);color:#e9fff8;font-size:14px;font-weight:700}
.usdt-brand-mark{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#168d76;box-shadow:inset 0 0 0 1px #9de0c9;color:white;font:750 17px/1 system-ui,sans-serif}
@media(max-width:680px){body:not(.skin) .mast-inner{column-gap:8px}body:not(.skin) .mast .account{flex-wrap:wrap;justify-content:flex-end}.mast .account #open-usdt{font-size:12px;padding:5px 8px 5px 5px;margin-inline-end:0;gap:4px}.usdt-brand-mark{width:19px;height:19px;font-size:14px}}
@font-face{font-family:"Berkshire Swash";src:url("/berkshire-swash.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
body:not(.skin) .brand,body:not(.skin) .hero h1{font-family:"Berkshire Swash",Georgia,serif;font-weight:400;letter-spacing:normal;color:#f6d391}
body:not(.skin) .hero h1 em{display:block;margin-top:.25em;font-style:normal}
body:not(.skin) .hero h1 br{display:none}

#member-dialog {
 position:fixed; inset:0; margin:0; width:100%; max-width:none; height:100%; max-height:none;
 box-sizing:border-box; padding:0; border:0; border-radius:0; background:transparent; color:#fff4d9; overflow:hidden;
}
#member-dialog[open] { display:grid; place-items:center; }
#member-dialog::backdrop { background:#050b1acc; backdrop-filter:blur(5px); }
.carpet-scene { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.palace-login {
 position:relative; box-sizing:border-box; width:min(460px,calc(100% - 14px)); max-height:96%; overflow:auto;
 padding:clamp(48px,9vh,68px) min(15vw,69px) clamp(53px,10vh,76px);
 background:url('/login-carpet.webp?v=2') center / 100% 100% no-repeat;
 filter:drop-shadow(0 12px 18px #0008);
}
.login-wordmark { font: 28px/1.2 'Berkshire Swash', Georgia,serif; color: #efcb80; }
#member-dialog h2 { color: #fff4d9; margin: 5px 0 0; font-size: 23px; }
#member-close { align-self: flex-start; width: 40px; height: 40px; padding: 0; color: #f4deb5; background: #233048; border: 1px solid #807153; border-radius: 50%; }
#member-form { gap: 6px; }
#member-form label { font-weight: 600; color: #eadfc8; }
#member-form input { color: #fff8eb; background: #091628; border: 1px solid #5f7185; font-size:16px; min-height:44px; }
#member-form input:focus-visible { outline: 2px solid #edc879; outline-offset: 1px; }
#member-form small { color: #c3ccda; line-height: 1.55; }
#member-error { color: #ffc1ae; }
#member-error:empty { display:none; }
#member-submit { margin-top: 7px; min-height: 46px; color: #251d1b; font-weight: 750; border: 1px solid #f6dda6; background: linear-gradient(110deg,#cd9b50,#f6dda0 55%,#d9ae63); }

