/* MAERCHENPFAD_V90_ISOLATED_UI - never change server rules, hand-card positions or game assets */
#view-quests .arc-quest-region{opacity:1!important;background-image:linear-gradient(180deg,rgba(10,9,28,.22),rgba(10,9,28,.16) 44%,rgba(8,9,22,.4)),var(--mp90-chapter-image)!important;background-size:cover!important;background-position:center!important;border-color:rgba(255,235,193,.28)!important}
#view-quests .arc-quest-region-caption{padding:10px 16px;background:linear-gradient(90deg,rgba(13,17,43,.72),rgba(13,17,43,.14));border-radius:16px;max-width:max-content;left:14px}
#view-quests .arc-quest-region-caption h3{color:#fff4ce;text-shadow:0 3px 11px #09051d,0 0 24px #37196b}
#view-quests .arc-quest-ridge,#view-quests .arc-quest-lake,#view-quests .arc-quest-landmark{opacity:.13!important}
#view-quests .arc-quest-road-line path{stroke:#fff0d4!important;stroke-width:6!important;filter:drop-shadow(0 0 5px #ffd2b3) drop-shadow(0 0 14px #e97dea)!important}
#view-quests .arc-quest-road-line path.is-cleared{stroke:#ffeaad!important;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 18px #ffbd4b)!important}
#view-quests .arc-quest-node.is-frontier{animation:mp90-seal 2.2s ease-in-out infinite}
@keyframes mp90-seal{50%{box-shadow:0 0 0 6px rgba(255,233,167,.1),0 0 30px #ffe0a7,0 0 55px #ffbde3}}
#view-quests #arcQuestWorld{scrollbar-color:#d9b66f #181c37}
#view-quests .arc-quest-map-caption{border-bottom:1px solid #cba769!important}
#view-quests .arc-quest-map-frame{border:2px solid #cfab69!important;box-shadow:0 0 28px #b0739a35,inset 0 0 26px #ffe6c922!important}
#view-quests .arc-quest-detail{box-shadow:0 0 24px #ffd1a522,0 18px 46px #04051772!important}
#view-quests .arc-quest-detail::after{content:'✦';color:#ffd796;font-size:16px;animation:mp90-glitter 3.8s ease-in-out infinite alternate}
@keyframes mp90-glitter{50%{opacity:.15;transform:translate(5px,-12px) rotate(40deg)}}
.mp90-extras{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 6px}
.mp90-extras>button{min-height:40px;border:1px solid #d8b575;border-radius:15px;background:linear-gradient(160deg,#5b366e,#232e58);color:#fff0d0;font:700 14px Georgia,serif;padding:9px 17px;box-shadow:0 10px 18px #0004;cursor:pointer;transition:filter .2s,transform .2s}
.mp90-extras>button:hover{filter:brightness(1.14);transform:translateY(-2px)}
.mp90-extras>button:focus-visible{outline:3px solid #ffe5a0;outline-offset:3px}
.mp90-extras.is-quest{justify-content:center;margin:0 0 18px}
#mp90Tutorial.mp90-tutorial,#mp90Challenges.mp90-challenges,#mp90Bots.mp90-bot-gallery{max-width:min(920px,calc(100vw - 22px));width:920px;max-height:calc(100dvh - 20px);padding:0;background:transparent;color:#fef4d9;border:0;box-shadow:none;overflow:auto;overscroll-behavior:contain}
.mp90-tutorial::backdrop,.mp90-challenges::backdrop,.mp90-bot-gallery::backdrop{background:rgba(3,7,22,.87);backdrop-filter:blur(8px)}
.mp90-tutorial-card{display:grid;grid-template-columns:minmax(185px,33%) 1fr;min-height:410px;overflow:hidden;border-radius:28px;border:2px solid #caa564;background:linear-gradient(140deg,#293563,#1a1a40 55%,#3b2254);box-shadow:0 0 28px #fddc9954,inset 0 0 0 7px #0d0b2390}
.mp90-tutorial-portrait{position:relative;background:linear-gradient(180deg,#f4c68533,#171744),url('quest-bg-v87.png') center/cover;display:grid;place-content:center;text-align:center;min-height:290px}
.mp90-tutorial-portrait img{width:min(200px,80%);aspect-ratio:1;object-fit:cover;margin:auto;border:5px double #f1ca76;border-radius:50%;box-shadow:0 0 38px #ffdb9a8c;animation:mp90-portrait 4s ease-in-out infinite}
.mp90-tutorial-portrait span{display:block;margin:24px 8px 0;font:700 15px Georgia,serif;color:#fff3d8;text-shadow:0 2px 9px #000}
@keyframes mp90-portrait{50%{transform:translateY(-8px)}}
.mp90-tutorial-content{padding:clamp(20px,4vw,38px);display:flex;flex-direction:column;gap:8px;justify-content:center}
.mp90-tutorial-content small,.mp90-challenge-card header small{letter-spacing:.18em;text-transform:uppercase;color:#f9d28a;font-weight:800}
.mp90-tutorial-content h2,.mp90-challenge-card h2{font:700 clamp(28px,4vw,42px)/1.08 Georgia,serif;margin:7px 0;color:#ffeccc;text-shadow:0 3px 15px #0008}
.mp90-tutorial-content p{color:#e8e9ff;line-height:1.65;margin:8px 0}
.mp90-tutorial-tip{padding:15px;border:1px solid #efd4a14f;border-radius:16px;background:#f6db9540;color:#fff3cf;line-height:1.45}
.mp90-tutorial-meter{height:5px;border-radius:8px;background:#ffffff19;overflow:hidden;margin-top:16px}
.mp90-tutorial-meter i{display:block;height:100%;background:linear-gradient(90deg,#c79349,#ffeaa3);transition:width .25s}
.mp90-tutorial-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px}
.mp90-tutorial-actions button,.mp90-challenge-close button{min-height:40px;padding:8px 15px;border:1px solid #e8c77a83;border-radius:12px;background:#1e2845;color:#f8e4c0;font-weight:750;cursor:pointer}
.mp90-tutorial-actions .mp90-tutorial-next,.mp90-challenge-close button{background:linear-gradient(180deg,#f7dfa2,#d29c4b);color:#382206}
.mp90-tutorial-actions button:disabled{opacity:.42;cursor:not-allowed}
.mp90-challenge-card{padding:clamp(16px,3vw,32px);border:2px solid #d5ab62;border-radius:28px;background:linear-gradient(130deg,#272348,#0c2039 85%);box-shadow:0 0 35px #d5a86966}
.mp90-challenge-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mp90-challenge-card>header p{color:#cfcfe6;line-height:1.5;margin:8px 0 0}
.mp90-challenge-card>header button{width:46px;height:46px;font-size:30px;border:1px solid #dcbf8a;border-radius:50%;background:#151c38;color:#fff3d1;flex-shrink:0;cursor:pointer}
.mp90-challenge-wallet{margin:16px 0;padding:11px;border:1px solid #e2c38160;background:#7c5b3b4c;border-radius:14px;color:#ffe5b0;font:700 20px Georgia,serif}
.mp90-challenge-card section h3{color:#ffecc7;font:700 24px Georgia,serif;margin:20px 0 11px}
.mp90-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mp90-challenge-grid article{border:1px solid #d8b77561;border-radius:18px;background:linear-gradient(150deg,#4a3664b0,#171f39);padding:15px;min-width:0}
.mp90-challenge-grid article.is-done{border-color:#b6e8bf94;background:linear-gradient(145deg,#244c4cb0,#171f39)}
.mp90-challenge-grid article>span{color:#fff0c7;font-weight:850}
.mp90-challenge-grid article>p{color:#dcd8eb;margin:8px 0 18px;font-size:13px;line-height:1.3;min-height:33px}
.mp90-challenge-track{height:7px;border-radius:8px;background:#0006;overflow:hidden}
.mp90-challenge-track i{height:100%;display:block;background:linear-gradient(90deg,#a0d8f9,#f6d47d);border-radius:8px}
.mp90-challenge-grid article footer{display:flex;gap:4px;justify-content:space-between;color:#d3d7e4;font-size:12px;margin-top:9px}
.mp90-challenge-grid article footer b{color:#ffe5ab}
.mp90-challenge-close{display:flex;justify-content:flex-end;margin-top:25px}
/* Touch-target and visibility improvements. Core V79 card geometry stays unchanged. */
@media(pointer:coarse){
 #gameScreen button:focus-visible{outline:3px solid #ffe9ae;outline-offset:3px}
 #gameScreen #handCards [data-hand-card]{-webkit-tap-highlight-color:rgba(255,213,107,.18);touch-action:manipulation}
 #gameScreen #handCards [data-hand-card][aria-pressed="true"]{outline:2px solid #ffe49f!important;outline-offset:-2px!important}
 #gameScreen #gameActionBar button{min-height:43px;touch-action:manipulation}
 #gameScreen #drawPile,#gameScreen #discardPile{touch-action:manipulation}
 #gameScreen #turnBanner,#gameScreen #turnHint{font-size:clamp(12px,1.6vw,16px);line-height:1.35}
}
@media(max-width:670px){
 .mp90-tutorial-card{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:auto}
 .mp90-tutorial-portrait{min-height:130px;padding:12px;display:flex;align-items:center;gap:12px;justify-content:center}
 .mp90-tutorial-portrait img{width:90px;min-width:90px;margin:0}
 .mp90-tutorial-portrait span{margin:0}
 .mp90-tutorial-content{padding:20px}
 .mp90-challenge-grid{grid-template-columns:1fr}
 .mp90-extras{gap:7px}
 .mp90-extras>button{flex:1;min-width:135px}
}
@media(prefers-reduced-motion:reduce){.mp90-tutorial-portrait img,#view-quests .arc-quest-node.is-frontier{animation:none!important}}
.mp90-bots-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding-top:18px}
.mp90-bots-grid article{text-align:center;background:linear-gradient(180deg,#3e3260,#1a1e42);border:1px solid #d5b67e59;padding:12px 7px;border-radius:18px;box-shadow:0 9px 22px #0003}
.mp90-bots-grid article img{width:100%;max-width:96px;aspect-ratio:1;object-fit:cover;border-radius:22px;border:3px solid #c9a45c}
.mp90-bots-grid article h3{margin:8px 0 3px;color:#ffdfaa;font:700 19px Georgia,serif}
.mp90-bots-grid article p{margin:0;color:#ddd1e9;font-size:12px}
.mp90-bots-grid article small{display:block;margin-top:7px;color:#9ddef2;font-size:11px}
@media(max-width:780px){.mp90-bots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:470px){.mp90-bots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mp90-tutorial-practice{margin-top:12px;padding:13px;border:1px solid #f1c98277;border-radius:15px;background:linear-gradient(130deg,#5839764f,#182b5c48)}
.mp90-tutorial-practice>strong{display:block;font:700 15px Georgia,serif;color:#ffe6ad}
.mp90-tutorial-practice>div{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mp90-tutorial-practice button{padding:8px 12px;min-height:42px;border:1px solid #e8c37b70;border-radius:12px;background:#222b58;color:#fff1d3;cursor:pointer}
.mp90-tutorial-practice button[aria-pressed="true"]{background:linear-gradient(130deg,#f8db97,#d6a44f);color:#3d2608;border-color:#ffefbd}
.mp90-tutorial-practice>span{color:#d1e8ef;font-size:12px}
.mp90-bot-bio>div:not(header){display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;margin-top:22px;padding:10px;border:1px solid #efc97d67;border-radius:18px;background:#3c2d5c5c}
.mp90-bot-bio img{grid-row:span 3;width:110px;height:110px;object-fit:cover;border:4px double #efd99e;border-radius:27px}
.mp90-bot-bio p{margin:0;color:#ffefce}
.table-player[data-player-id^="b_"] .table-player-avatar,.table-player[data-player-id^="b_"] .table-player-data strong{cursor:pointer}
@media(max-width:450px){.mp90-bot-bio>div:not(header){grid-template-columns:1fr}.mp90-bot-bio img{grid-row:auto}}