/* MindArcade Atelier — shared visual language, individual game rooms. */
:root{--bg:#0d111a;--panel:#171d29;--muted:#a6acbd;--lime:#e5c58b;--text:#f4f0e8}body{background:radial-gradient(ellipse at 80% 0,#26273c66,transparent 38%),#0d111a;font-family:'DM Sans',system-ui,sans-serif}header{max-width:1360px;height:88px;border-color:#ffffff0e;gap:45px}.brand{letter-spacing:-1.2px}.brand>span{font-size:25px}.header-note{font-size:9px;letter-spacing:2px;color:#c0b49e}nav{gap:25px}nav a,nav button{font-size:12px}nav .nav-online{color:#e5c58b!important;background:#e5c58b0c;border:1px solid #e5c58b35;border-radius:30px;padding:10px 15px}main{max-width:1360px}.hero{min-height:550px;grid-template-columns:1fr 1fr;gap:35px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#d7bc8b}.hero h1{font-size:clamp(53px,6.2vw,83px);letter-spacing:-4px;font-weight:500;line-height:1.03}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;color:#e7cda1}.hero p{font-size:15px;color:#acb2c4;line-height:1.9}.primary{background:#ead1a4;color:#292219!important;border:1px solid #f3dfbb;border-radius:7px;box-shadow:0 5px 20px #e7c4890a;padding:15px 22px;font-size:13px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e7c48925}.hero-note{color:#9199ae;font-size:10px;letter-spacing:.6px}.hero-note b{color:#555d74}.hero .creator-credit{color:#9ca5b9;font-size:11px}.creator-credit strong{color:#dfc699}.hero-art{height:440px;overflow:visible;background:none;position:relative}.showcase-glow{position:absolute;inset:15%;background:#8c7bb024;filter:blur(50px);border-radius:50%}.showcase-card{position:absolute;border:1px solid #ffffff25;border-radius:16px;background:#19202c;overflow:hidden;box-shadow:0 25px 45px #0007}.showcase-card img{width:100%;display:block}.showcase-card>span{display:block;padding:15px 18px;font-size:9px;letter-spacing:2px;color:#d5c6af}.showcase-card b{float:right;color:#9fbae0}.showcase-front{width:255px;left:30%;top:90px;transform:rotate(9deg);z-index:2}.showcase-back{width:210px;left:0;top:30px;transform:rotate(-14deg)}.showcase-small{width:170px;right:0;bottom:15px;transform:rotate(-8deg);z-index:3}.showcase-caption{position:absolute;bottom:8px;left:10px;writing-mode:vertical-rl;font-size:9px;color:#777f98;letter-spacing:4px}.multiplayer-banner{margin:10px 0 65px;padding:26px 32px;border-radius:14px;border:1px solid #617b7b4d;background:linear-gradient(100deg,#203235,#19242e 60%,#222b35);position:relative;overflow:hidden}.multiplayer-banner:after{content:'↗';position:absolute;right:225px;top:-18px;font-size:160px;font-weight:200;color:#ffffff04;pointer-events:none}.multiplayer-banner .eyebrow{color:#a4d1c5;letter-spacing:2px}.multiplayer-banner h2{font-size:27px;margin:9px 0}.multiplayer-banner p{font-size:12px;color:#a6b8be;margin-top:6px}.multiplayer-banner .primary{background:#b3d4c5;border-color:#c7e0d4}.section-title h2{font-size:35px;letter-spacing:-1.2px}.section-title>span{font-size:11px;color:#8a94ac}.toolbar{align-items:center;gap:14px;margin:26px 0}.filters{gap:5px}.filters button{border-color:transparent;border-radius:30px;color:#a5adc0;font-size:11px;padding:10px 14px}.filters button:hover{background:#ffffff08}.filters button.active{background:#e5c58b17;border-color:#d6bd8d5e;color:#eed6ad}.toolbar input{background:#141b28;border:1px solid #30384a;border-radius:30px;font-size:11px;min-width:180px}.cards{gap:25px}.card{border:1px solid #303748;background:linear-gradient(160deg,#1b2231,#141b26);border-radius:14px;box-shadow:0 5px 20px #0002;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:#ad987b;box-shadow:0 16px 35px #0005}.art{height:225px;background:#222c3c}.art:before{display:none}.art>.art-symbol,.art>.mini-grid,.art>.mini-memory{display:none}.game-cover{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .game-cover{transform:scale(1.05)}.badge{top:14px;left:14px;z-index:1;background:#101724b8;border:1px solid #ffffff1c;backdrop-filter:blur(8px);border-radius:20px;font-size:8px;letter-spacing:1.1px;padding:6px 9px;color:#e1dfdb}.card .fav{width:31px;height:31px;background:#101724a8;backdrop-filter:blur(8px);font-size:18px}.card .fav[aria-pressed=true]{color:#edb7bb}.card-body{padding:23px}.meta{font-size:8px;letter-spacing:1.4px;color:#9ba6bb}.card h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:10px 0}.card p{font-size:12px;line-height:1.7;color:#9fa9bd;min-height:40px;margin-bottom:20px}.card-bottom{border-top:1px solid #ffffff0b;padding-top:15px;font-size:10px}.play{font-size:11px;color:#e2c89e}.bottom-banner{background:linear-gradient(100deg,#222333,#191d2b);border-color:#494257;padding:30px 35px}.bottom-banner h3{font-weight:500;font-size:21px}.banner-icon{color:#c0afdb}.bottom-banner button{border-color:#6c6083;color:#d3c3e7;border-radius:30px;font-size:12px}.bottom-banner p{color:#9f9db2}footer{max-width:1264px;border-color:#ffffff12;color:#939cb0;margin-top:15px;padding:30px 0}footer span{color:#8992a6}.empty-results{color:#b5bdd0}
dialog{background:linear-gradient(145deg,#1b2230,#111824);border:1px solid #53607880;border-radius:20px;box-shadow:0 40px 120px #000b;padding:25px 30px;scrollbar-width:thin;scrollbar-color:#526078 #151d2b}dialog::backdrop{background:#030811d9;backdrop-filter:blur(12px)}.modal-head{padding-bottom:16px;border-bottom:1px solid #ffffff10}.modal-head h2{font-size:30px;font-weight:500;letter-spacing:-1px}.modal-head button{background:#ffffff0a;border:1px solid #ffffff15;color:#cbd1df;width:38px;height:38px}.modal-head button:hover{background:#ffffff18}#instructions{color:#a4afc3;font-size:12px;line-height:1.8;margin:15px 0 10px}#playArea{padding:20px 0;gap:20px}#status{color:#e6cda5;background:#ffffff04;border:1px solid #ffffff09;border-radius:8px;padding:12px;font-size:12px;line-height:1.6;margin-top:8px}#status:empty{display:none}#controls{gap:9px;margin-top:16px}#controls button,.game-button{background:linear-gradient(#2f3a4e,#242e40);border:1px solid #59637a70;border-radius:8px;color:#e2e5ec;font-size:12px;padding:11px 16px;box-shadow:0 3px 0 #080d1555;transition:background .2s,transform .2s}#controls button:hover,.game-button:hover{background:#3b4963;transform:translateY(-1px)}#controls button:active{transform:translateY(1px)}.board{width:min(400px,96%);gap:10px;padding:18px;border-radius:18px;background:#0c1422;box-shadow:inset 0 0 30px #0003,0 15px 30px #0003;border:1px solid #394355}.tile{border:1px solid #6e789748;border-radius:11px;background:linear-gradient(145deg,#38435d,#252e44);color:#d9c6f1;box-shadow:inset 0 1px #ffffff1a,0 4px 0 #080c1855;font-size:32px;transition:transform .18s,background .18s,box-shadow .18s}.tile:hover{border-color:#beb1d8;transform:translateY(-2px)}.tile.revealed{background:linear-gradient(135deg,#dbc8f1,#a799cf);color:#302844;box-shadow:0 0 20px #b9a3e325}.tile.matched{opacity:1;background:#233e3f;color:#a5d6c4;border-color:#679a8c77;box-shadow:none}.tile.empty{box-shadow:none}dialog[data-game=slide] .board{background:#201c22;border-color:#6c594d}dialog[data-game=slide] .tile{background:linear-gradient(135deg,#f0d3a2,#c49a6b);color:#4b3528;border-color:#f2d7ac99;text-shadow:0 1px #fff7;box-shadow:0 5px #805e43}dialog[data-game=ttt] .tile{font-size:52px;color:#dfb3b9;background:linear-gradient(145deg,#463746,#2b2a3f)}dialog[data-game=sequence] .board{padding:20px;gap:15px;background:#101d2b}dialog[data-game=sequence] .pad{height:145px;border-radius:22px;opacity:.62;box-shadow:inset 0 -7px #0002,0 7px 20px #0003;font-size:30px;font-weight:700;color:#192434!important;border:1px solid #ffffff55;transition:filter .15s,transform .15s}dialog[data-game=sequence] .pad.lit{opacity:1;filter:brightness(1.35);transform:scale(.97);box-shadow:0 0 32px #fff8}.merge-board{background:#19212e;border:1px solid #596575;border-radius:18px;padding:13px;gap:10px;box-shadow:0 20px 40px #0004}.merge-board>div{border-radius:10px;box-shadow:inset 0 1px #ffffff30,inset 0 -4px #0002;font-size:32px}.score-strip{background:#202c3b;padding:13px 17px;border-radius:9px;border:1px solid #ffffff0c}.score-strip strong{color:#e5cca4}.score-strip span{color:#a8bac6}.mines-board{padding:15px;background:#152231;border:1px solid #435367;border-radius:14px;width:min(440px,100%);gap:5px;box-shadow:0 16px 40px #0004}.mines-board button{background:linear-gradient(135deg,#4a667c,#33495d);border:1px solid #7292a15c;box-shadow:inset 0 2px #ffffff14,0 3px #0e1c2d;border-radius:5px;color:#d4e1ed}.mines-board button.opened{background:#1d2d3c;border-color:#354959;box-shadow:none;color:#e7c995}.caro-board{border:8px solid #7c654b;border-radius:10px;box-shadow:0 16px 35px #0004;background:#bba179;padding:1px;overflow:hidden}.caro-board button{background:#e6d4b3;color:#3a5e88}.caro-board button.circle{color:#ad5661}.caro-board.large{min-width:0;width:100%;max-width:540px}.caro-board.large button{font-size:clamp(12px,2.6vw,24px)}.caro-board button:hover{background:#f7e7c9}.cube-canvas{border:1px solid #69759466;border-radius:15px;box-shadow:0 15px 35px #0005}.cube-keys{color:#a6b1c7;border:1px solid #ffffff0d;border-radius:8px;padding:4px 10px;background:#ffffff03}.fight-canvas{border:1px solid #8d78b280;border-radius:15px;box-shadow:0 0 45px #7f68ad20}.duel-control{min-width:55px}.table-wrap{padding:12px;background:#101f24;border:1px solid #466362;border-radius:14px}.seat{background:#24353b;border:1px solid #49605f;border-radius:10px;padding:13px}.seat.current{background:linear-gradient(125deg,#3c5e53,#29423f);border-color:#b8cf9a;box-shadow:0 0 20px #9fc99d0b}.seat small{color:#a2b8b5}.seat b{color:#dddfc8}.table-wrap .felt{background:radial-gradient(ellipse,#357461,#164c40);border:7px solid #4c4132;outline:1px solid #b0996a70;box-shadow:inset 0 0 55px #071f27aa,0 12px 20px #0004}.playing-card{background:linear-gradient(140deg,#fffdf4,#e8e3d3);color:#253848;border-color:#ece8dd;box-shadow:0 4px 7px #0004;border-radius:7px;height:72px;font-family:Georgia,serif}.playing-card.selected{background:#fff6d1;border-color:#e8c97f;box-shadow:0 5px 18px #dfc17a44}.turn-label{color:#dccb9f}.table-actions button,.room-bar button,.online-lobby button,.queue-screen button{background:#31414d;color:#e0e5e6;border-color:#597078;border-radius:8px}.table-actions .primary{background:#c8d9b1;color:#1e3025}.table-help{color:#a2b5b4;border-color:#405655}.table-help summary{color:#d6d7bc}.online-lobby{padding:22px;background:linear-gradient(135deg,#22323b,#192333);border:1px solid #506b7655;border-radius:15px;max-width:580px}.online-lobby input,.online-lobby select{background:#14212d;border-color:#506779;color:#e3ebef;border-radius:8px}.online-lobby label{color:#becbd3}.online-message{background:#b7d8c20c;border-color:#b7d8c2;color:#d1e0dc;border-radius:6px}.lobby-note,.queue-screen p{color:#9eafc0}.queue-orbit{color:#c6b6e2}.chess-sidebar{background:#222c37;border:1px solid #ffffff0a}.chess-sidebar h3{color:#ebdfc7}.move-history{background:#17212d;border-radius:6px;color:#cad4de}.chess-sidebar button{background:#354353;border-color:#576678;color:#e6e8e9}.chess-sidebar .chess-new{background:#8ca77a;border-color:#adc198;box-shadow:0 3px #526846}.chess-player small{color:#9daec1}.chess-board{box-shadow:0 15px 35px #0005;border:3px solid #344236}.chess-square.light{background:#ebe6d3}.chess-square.dark{background:#829976}.chess-square.last-move{background:#c8cd89}.chess-square.selected{background:#efdc91}.casino-room{background:radial-gradient(ellipse at top,#2a3d39,#101d20 70%);border-color:#b0955e77;box-shadow:inset 0 1px #e9cc8a22,0 16px 35px #0004}.casino-mast{padding-top:6px}.casino-mast h3{color:#f0dfbc}.casino-bank{padding:12px 15px;background:#080f1538;border-radius:8px;border:1px solid #ffffff07}.casino-actions button{transition:transform .2s,filter .2s}.casino-actions button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.13)}.casino-result{color:#ead5a8}.poker-felt{background:radial-gradient(ellipse,#465f78,#23364d)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5c58b;outline-offset:4px}
@media(min-width:1500px){.art{height:245px}}@media(max-width:1000px){header{gap:25px;padding:0 30px}main{padding:0 30px}.hero{gap:20px;min-height:510px}.hero-art{transform:scale(.85);transform-origin:center;width:380px;margin-left:-20px}.showcase-front{left:22%}.showcase-back{left:-15px}.toolbar{flex-wrap:wrap}.toolbar input{flex:1}.cards{gap:18px}.art{height:205px}.card-body{padding:19px}footer{margin:0 30px}}@media(max-width:700px){header{height:73px;padding:0 20px;gap:12px}.header-note{display:none}nav{gap:10px;margin-left:auto}nav a{display:none}nav button{font-size:11px}.brand>span{font-size:21px}nav .nav-online{padding:8px 11px}main{padding:0 20px}.hero{display:block;padding-top:48px;min-height:0}.hero h1{font-size:61px;margin-top:23px;letter-spacing:-3px}.hero p{font-size:13px}.hero-art{display:block;height:325px;width:350px;max-width:100%;transform:scale(.87);margin:0 auto;transform-origin:50% 30%}.showcase-front{width:205px;top:65px;left:24%}.showcase-back{width:165px;top:25px;left:0}.showcase-small{width:140px;bottom:0;right:-5px}.showcase-caption{display:none}.hero-note{margin-bottom:10px}.multiplayer-banner{padding:22px;margin:0 0 40px;gap:20px;flex-direction:column;align-items:flex-start}.multiplayer-banner h2{font-size:24px}.multiplayer-banner:after{right:12px}.section-title h2{font-size:29px;margin-bottom:12px}.section-title>span{position:static}.toolbar{margin-top:22px;gap:15px}.filters{gap:3px}.filters button{font-size:10px;padding:9px 11px}.toolbar input{width:100%;flex-basis:100%;padding:13px 16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.art{height:155px}.badge{font-size:6px;padding:5px 6px;left:7px;top:8px;max-width:75%}.card .fav{right:6px;top:7px;width:24px;height:24px;font-size:15px}.card-body{padding:14px}.meta{font-size:6px;letter-spacing:.6px}.card h3{font-size:17px;line-height:1.3;min-height:43px;margin:8px 0}.card p{font-size:10px;line-height:1.6;min-height:48px;margin-bottom:12px}.card-bottom{gap:7px;font-size:8px;flex-wrap:wrap;padding-top:10px}.play{font-size:10px;padding:3px 0}.bottom-banner{padding:24px;gap:10px;margin:28px 0}.bottom-banner h3{font-size:19px}.bottom-banner p{font-size:11px}.bottom-banner button{margin-top:10px}footer{margin:0 20px;gap:14px}dialog{width:96vw;max-width:96vw;padding:18px 15px;border-radius:16px}.modal-head h2{font-size:25px}.modal-head .eyebrow{font-size:8px;letter-spacing:1.6px}.modal-head{padding-bottom:12px}#instructions{font-size:11px}#playArea{padding:14px 0}#controls button{font-size:11px;padding:11px 13px}.board{padding:13px;gap:8px}dialog[data-game=sequence] .pad{height:125px}.table-wrap{padding:9px}.playing-card{width:38px;height:58px;font-size:16px}.table-players{gap:6px}.seat{padding:10px}.caro-board{border-width:5px}.online-lobby{padding:16px}.chess-layout{gap:14px}.chess-sidebar{padding:16px}.casino-room{padding:16px 8px}.casino-bank{padding:10px;margin:15px 4px}.casino-mast h3{font-size:27px}.casino-actions{gap:8px}.casino-actions button{min-height:42px}.score-strip{font-size:12px}.mines-board{padding:10px;gap:4px}.mines-board button{font-size:15px}}@media(max-width:360px){.cards{grid-template-columns:1fr}.art{height:200px}.card h3,.card p{min-height:0}.badge{font-size:8px}.meta{font-size:8px}.hero h1{font-size:53px}.showcase-small{right:5px}nav #favNav{font-size:0}nav #favNav span{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:361px) and (max-width:700px){.meta{font-size:8px;line-height:1.6}.card p{font-size:11px;min-height:55px}.badge{font-size:7px;max-width:72%}.card .fav{width:30px;height:30px;top:8px}.card-bottom{font-size:9px}.filters button{font-size:11px}}
dialog[data-game=memory] .tile:not(.revealed):not(.matched){background:radial-gradient(circle at 50% 50%,#6b618c33 0 30%,transparent 31%),linear-gradient(135deg,#3c405b,#292e45)}