@font-face{font-family:LuneliaSerif;src:url('fonts/lunelia-serif.woff') format('woff');font-display:swap}@font-face{font-family:LuneliaScript;src:url('fonts/lunelia-script.woff') format('woff');font-display:swap}@font-face{font-family:LuneliaSans;src:url('fonts/lunelia-sans.woff') format('woff');font-display:swap}
:root{--ink:#f5e9ed;--muted:#d4bbd0;--line:#dbb9ce70;--rose:#edc3cf;--gold:#dfc8ac;--panel:#30233be8;--serif:LuneliaSerif,Georgia,serif;--sans:LuneliaSans,Arial,sans-serif;--script:LuneliaScript,Georgia,serif}
*{box-sizing:border-box}html{min-height:100%;background:#1b1828}body{margin:0;color:var(--ink);font:16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #e9c6e5;outline-offset:4px}img{max-width:100%;height:auto}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.glyph{display:inline-block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.scene{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center top}.scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#120f2573,#1b10264d 38%,#1b1026a1)}.cards-world .scene{background-image:url('../jogos/cartas/assets/cenario.webp')}.gardens-world .scene{background-image:url('../jogos/jardins/assets/cenario.webp')}.gardens-world .scene::after{background:linear-gradient(180deg,#0f26394d,#1b213834 45%,#182635b0)}
.topbar17{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1260px;padding:18px 28px 0;margin:auto}.portal-back{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:.68rem;letter-spacing:.08em;min-height:44px;text-shadow:0 2px 8px #11071c}.portal-back .glyph{width:20px}.top-tools{display:flex;align-items:center;gap:8px}.wallet17{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#2b1e3ccc;border-radius:30px;padding:10px 15px;font-size:.8rem;color:#f5dac0;min-height:44px}.wallet17 .glyph{width:18px;height:18px}.jewel-button{display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid #dabbd078;border-radius:14px 8px 14px 8px;background:linear-gradient(140deg,#886b8e99,#312744d9);box-shadow:inset 0 0 0 3px #f4dce20c}.jewel-button .glyph{width:20px;height:20px}.jewel-button[aria-pressed=false]{opacity:.58}.jewel-button[aria-pressed=false]::after{content:'';position:absolute;width:27px;border-top:1px solid #f0c8d4;transform:rotate(-40deg);pointer-events:none}
.main17{max-width:1120px;margin:0 auto;padding:5px 26px 30px}.brand17{display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 0 12px;text-align:center}.brand17 h1{margin:0}.brand17 .logo17{display:block;width:320px;height:139px;object-fit:contain;filter:drop-shadow(0 5px 8px #140b2777)}.brand17 p{margin:-2px 0 0;color:#f0d8e6;font-size:.72rem;letter-spacing:.09em;text-shadow:0 2px 6px #120f26}.ornate-panel{position:relative;border:1px solid #d4b2c6a8;border-radius:27px 10px 27px 10px;background:radial-gradient(ellipse at 5% 0,#c9a0c22e,transparent 60%),linear-gradient(145deg,#3c2b48ed,#252439f5);box-shadow:0 15px 60px #120c264d,inset 0 0 0 5px #eac9d30b;isolation:isolate}.ornate-panel::before{content:'';position:absolute;inset:8px;border:1px solid #d1acc02e;border-radius:20px 5px 20px 5px;pointer-events:none;z-index:-1}.intro17{max-width:810px;margin:10px auto;padding:35px 40px;text-align:center}.kicker17{display:block;font-size:.61rem;letter-spacing:.24em;text-transform:uppercase;color:#d8bbd1}.intro17 h2{font:400 clamp(2.1rem,5vw,3rem)/1.1 var(--serif);margin:13px 0 15px}.intro17>p{color:#e0c9d9;font-size:.86rem;max-width:540px;margin:0 auto 20px;line-height:1.75}.intro-art{min-height:140px;display:flex;align-items:center;justify-content:center;gap:0;margin:16px auto 20px}.intro-art .playing-card{width:93px;height:138px;box-shadow:0 6px 20px #110c2633}.intro-art .playing-card:first-child{transform:rotate(-15deg) translate(9px,10px)}.intro-art .playing-card:nth-child(2){transform:translateY(-7px);z-index:1}.intro-art .playing-card:nth-child(3){transform:rotate(15deg) translate(-9px,10px)}.intro-art .portrait-art{width:120px;height:145px;object-fit:contain;filter:drop-shadow(0 5px 8px #100b2444)}.intro-art .fountain-art{width:105px;height:130px;color:#b4e0e0;filter:drop-shadow(0 0 10px #69a8ce55)}
.button-row17{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.enchanted-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 25px;border:1px solid #edc7d8b3;border-radius:20px 7px 20px 7px;background:linear-gradient(130deg,#f0c9d8,#c4b1d7);box-shadow:inset 0 0 0 3px #fff1f32e,0 5px 12px #160c2533;color:#3f294b;text-decoration:none;font-size:.73rem;font-weight:bold;letter-spacing:.04em;transition:transform .2s,filter .2s}.enchanted-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.enchanted-button .glyph{width:18px;height:18px}.enchanted-button.quiet{background:linear-gradient(140deg,#7e617d66,#4b3b6266);color:#f5dfe9;border-color:#bda6c779;box-shadow:inset 0 0 0 3px #f3d4e509}.enchanted-button.small{min-height:42px;padding:8px 15px;font-size:.65rem}.intro-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:24px;color:#cfb6cc;font-size:.65rem}.intro-footer span{display:flex;align-items:center;gap:6px}.intro-footer .glyph{width:16px;height:16px}.mode-picker{display:flex;border:1px solid #c6a8c54f;border-radius:16px;max-width:430px;margin:18px auto 22px;padding:5px;gap:5px}.mode-picker button{flex:1;min-height:44px;border:0;background:transparent;border-radius:11px;color:#ceb7ce;font-size:.74rem}.mode-picker button[aria-pressed=true]{background:#c8acd62e;color:#ffe9f2;box-shadow:inset 0 0 0 1px #d3b8d46b}.mode-caption{font-size:.69rem!important;margin-top:-10px!important;color:#cbb5ce!important}
.session-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.session-strip .round-label{font:.65rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f5dbe7;text-shadow:0 2px 5px #190d2f}.session-actions{display:flex;align-items:center;gap:7px}.session-actions button{width:37px;height:37px}.status17{color:#f4dce9;text-align:center;font-size:.75rem;min-height:2.9em;display:flex;align-items:center;justify-content:center;padding:5px 12px;text-shadow:0 2px 7px #140c27}.powers17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;margin:13px auto 8px}.power17{display:flex;align-items:center;justify-content:center;gap:10px;min-height:65px;min-width:0;border:1px solid #c6acc487;border-radius:18px 7px 18px 7px;padding:9px 12px;background:linear-gradient(130deg,#6b526ccc,#302b45f0);box-shadow:inset 0 0 0 3px #dfc3d60b}.power17>.glyph{width:27px;height:27px;color:#dfb9d2}.power17>img{width:32px;height:39px;object-fit:contain}.power17>span{display:flex;flex-direction:column;text-align:left;gap:4px;min-width:0}.power17 strong{font-weight:400;font-size:.7rem}.power17 small{font-size:.6rem;color:#dfc6b2}.footer17{text-align:center;font-size:.59rem;letter-spacing:.07em;color:#c9b3c9;margin:23px 0 4px;text-shadow:0 2px 7px #160c2c}.guide17{display:flex;align-items:center;justify-content:center;gap:12px;max-width:600px;margin:12px auto}.guide17 img{width:57px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 7px #160b2255)}.guide17 p{font:.97rem/1.4 var(--serif);color:#f4dce6;margin:0;max-width:410px;text-shadow:0 2px 7px #160c2c}
.modal17{position:fixed;inset:0;z-index:2000;padding:20px;display:flex;align-items:center;justify-content:center;background:#100c23bc;overflow:auto}.modal-open{overflow:hidden}.dialog17{position:relative;width:min(610px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:27px 32px 30px;text-align:center;background:radial-gradient(ellipse at 50% 0,#785c796b,transparent 55%),linear-gradient(150deg,#45304e,#26273e);border:1px solid #c9a9c2a8;border-radius:30px 12px 30px 12px;box-shadow:0 30px 90px #09051d66,inset 0 0 0 6px #e2bfd20b}.dialog17>h2{font:400 2.3rem/1.06 var(--serif);margin:8px 0 13px}.dialog17>p{font-size:.8rem;color:#e1ccdf;line-height:1.7;white-space:pre-line;margin:10px 0 17px}.dialog-art17{display:block;width:80px;height:92px;object-fit:contain;margin:0 auto 8px}.dialog17 .close17{position:absolute;right:14px;top:14px;width:35px;height:35px}.modal-actions17{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.rule-list17{display:flex;flex-direction:column;gap:10px;text-align:left;padding:4px 0}.rule17{display:grid;grid-template-columns:31px 1fr;gap:11px;font-size:.76rem;color:#e2cddd;line-height:1.6;border-bottom:1px solid #d0afc32a;padding-bottom:10px}.rule17>.glyph{width:25px;height:25px;color:#e4bed5}.rule17 b{color:#ffe7ef}.rule17 p{margin:0}.note17{font-size:.64rem;color:#c7aec8;line-height:1.6}.suit-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:16px 0;font-size:.65rem;color:#e6ccdf}.suit-legend>span{display:flex;align-items:center;gap:5px}.suit-legend .glyph{width:17px;height:17px}.shop-grid17{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-item17{min-width:0;display:flex;align-items:center;flex-direction:column;gap:9px;padding:16px 8px;border:1px solid #c6a5c35c;background:#c3a2c20c;border-radius:18px 7px 18px 7px}.shop-item17 strong{font-size:.75rem;font-weight:400}.shop-item17 small{font-size:.65rem;color:#dec1b6}.shop-item17 button{padding:8px 11px;font-size:.65rem}.reward17{display:block;font:2.3rem var(--serif);color:#f0d2bb;margin:15px 0 6px}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);max-width:min(90vw,480px);z-index:3000;border:1px solid #d9b5d49c;border-radius:17px;background:#33263df5;box-shadow:0 8px 35px #110c2677;color:#fae6ee;text-align:center;font-size:.78rem;line-height:1.5;padding:13px 20px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.magic-flash{position:fixed;z-index:4000;width:12px;height:12px;pointer-events:none}.magic-flash svg{fill:#efd6f4;width:100%;height:100%}
/* Baralho: cada cor também tem seu próprio símbolo, legível sem depender da cor. */
.playing-card{--face:#a96e86;--deep:#613d65;--paper:#ffe9eb;position:relative;flex:none;width:78px;aspect-ratio:2/3;border:1px solid #eed6dcdd;border-radius:10px;background:radial-gradient(ellipse at 15% 0,#fff2e338,transparent 72%),linear-gradient(145deg,var(--face),var(--deep));color:var(--paper);box-shadow:0 4px 9px #0e092a66,inset 0 0 0 4px #f2d7dd19;display:block;padding:0;isolation:isolate;overflow:hidden}.playing-card::before{content:'';position:absolute;inset:6px;border:1px solid #f3d9e36b;border-radius:6px;pointer-events:none}.playing-card::after{content:'';position:absolute;inset:10px;border:1px solid #f3d9e326;border-radius:50%;transform:rotate(24deg);pointer-events:none}.playing-card.ametista{--face:#9782ba;--deep:#4e447c;--paper:#f0e7ff}.playing-card.mare{--face:#6099a8;--deep:#35586d;--paper:#dcf6ef}.playing-card.luar{--face:#d2b99c;--deep:#8e6a83;--paper:#fff4d5}.playing-card.wild{--face:#767da2;--deep:#4e365d;background:conic-gradient(from 30deg,#8b709a,#6395a3,#c3a895,#ac788e,#8b709a)}.card-corner{position:absolute;top:6px;left:7px;font:700 18px/.9 var(--serif);display:flex;align-items:center;flex-direction:column;gap:1px;z-index:2}.card-corner>.glyph{width:10px;height:11px}.card-corner>.glyph:first-child{width:16px;height:17px}.card-corner.bottom{top:auto;left:auto;bottom:6px;right:7px;transform:rotate(180deg)}.card-medallion{position:absolute;inset:25% 18% 24%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;gap:2px}.card-medallion>.glyph{width:33px;height:33px;opacity:.85;stroke-width:1}.card-medallion>b{position:absolute;font:400 2.25rem/1 var(--serif);text-shadow:0 2px 5px #3321429c}.card-medallion:has(b)>.glyph{width:46px;height:46px;opacity:.24}.card-caption{position:absolute;left:12%;right:12%;bottom:16%;font-size:6px;text-align:center;text-transform:uppercase;letter-spacing:.1em;z-index:2}.card-back{--face:#725775;--deep:#343450;display:flex;align-items:center;justify-content:center}.card-back>img{width:63%;height:64%;object-fit:contain;border:1px solid #ddc3d278;border-radius:50%;background:#cfb9d51a;filter:drop-shadow(0 0 5px #c9a9e545)}.card-back.rose-back{--face:#a67888;--deep:#5d375a}.card-back.crystal-back{--face:#7b9cae;--deep:#3b5673}.card-back .back-emblem{width:58%;height:65%;stroke-width:.8;color:#efdae7;filter:drop-shadow(0 0 8px #e8c8ea44)}.shop-item17 .card-back{width:58px}.shop-item17 .card-back::before{inset:5px}
@media(max-width:700px){.topbar17{padding:10px 13px 0;gap:6px}.portal-back{font-size:.6rem;letter-spacing:.01em;gap:3px}.portal-back .glyph{width:17px}.top-tools{gap:5px}.wallet17{padding:9px 10px;gap:4px;font-size:.75rem}.topbar17 .jewel-button{width:37px;height:39px}.main17{padding:3px 12px 24px}.brand17{padding:8px 0 9px}.brand17 .logo17{width:265px;height:116px}.brand17 p{font-size:.62rem}.intro17{padding:25px 22px;margin-top:7px}.intro17>p{font-size:.77rem}.intro17 h2{font-size:2.25rem}.intro-footer{gap:12px;font-size:.59rem}.session-strip{margin-bottom:9px}.powers17{gap:7px}.power17{padding:9px 5px;gap:6px;min-height:65px}.power17>.glyph{width:22px;height:22px}.power17 strong{font-size:.59rem}.power17 small{font-size:.54rem}.status17{font-size:.68rem}.dialog17{padding:25px 20px}.dialog17>h2{font-size:2rem}.modal17{padding:12px}.dialog17{max-height:calc(100dvh - 24px)}.enchanted-button{padding:12px 19px}.shop-grid17{gap:7px}.shop-item17{padding:12px 4px}.guide17 p{font-size:.89rem}.guide17{margin:10px auto}.guide17 img{width:47px;height:57px}.suit-legend{font-size:.59rem;gap:9px}}
@media(max-width:370px){.portal-back span{max-width:52px;line-height:1.2}.wallet17{padding:8px}.topbar17 .jewel-button{width:34px;height:37px}.brand17 .logo17{height:105px}.power17{flex-direction:column;gap:3px}.power17>span{text-align:center}.intro17{padding:23px 15px}.enchanted-button{padding:12px 15px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}