@media(max-width:700px){
 body.compact-pages{padding:0!important;overflow:hidden;height:100dvh;overscroll-behavior:none}
 .compact-pages>.topbar,.compact-pages>.test-strip,.compact-pages>.bottom-nav,.compact-pages [aria-label="Falcı Efsun uygulamasını indir"]{display:none!important}
 body.compact-pages #app{position:fixed;inset:0 0 auto;width:100%;height:var(--compact-viewport-height,100dvh);padding:0!important;margin:0;min-height:0;max-width:none;overflow:hidden}
 .compact-screen{height:100%;display:flex;flex-direction:column;background:#0d2025;overflow:hidden}
 .compact-header{display:flex;align-items:center;flex:none;gap:9px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:#203a3e;border-bottom:1px solid #4b6265;min-height:70px}
 .compact-header .compact-back{font:32px/1 Georgia;color:#edc39c;background:transparent;border:0;padding:0;width:24px;min-height:42px;margin:0;flex:none}
 .compact-header>img{width:42px;height:46px;object-fit:cover;object-position:top;border-radius:50%;border:1px solid #b38c66}
 .compact-heading-copy{flex:1;min-width:0}
 .compact-heading-copy h1{font:23px/1.15 Georgia,serif;color:#efc59c;margin:0}
 .compact-heading-copy small{font-size:10px;color:#bdcdcc;display:block;margin-top:5px}
 .compact-header .mobile-change-reader{font-size:10px;min-height:34px;padding:5px 8px;flex:none}
 .compact-body{flex:1;min-height:0;padding:12px 13px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background-image:url('/chat-pattern.svg');background-size:280px 300px}
 .compact-body .form-layout{display:block;margin:0;min-height:0}
 .compact-body .form-panel{margin:0;padding:13px!important;border-radius:18px}
 .compact-body .form-panel h2{font-size:21px;line-height:1.2;margin:0 0 10px}
 .compact-body .form-panel label{font-size:11px;margin:9px 0 5px;line-height:1.4}
 .compact-body .focus-picker{margin:0 0 10px;gap:7px}
 .compact-body .focus-picker button{min-height:38px;padding:7px;font-size:12px}
 .compact-body textarea{height:66px;min-height:66px;padding:9px 11px;margin:0;resize:none}
 .compact-body select,.compact-body input{min-height:38px;padding:7px 9px;margin:0}
 .compact-body .photo-grid{gap:7px}
 .compact-body .photo-slot{height:70px;min-height:70px;padding:7px}
 .compact-body .photo-slot b{font-size:22px}
 .compact-body .photo-slot small{font-size:9px}
 .compact-body .two-actions{margin:8px 0;gap:7px}
 .compact-body .two-actions button{min-height:37px;padding:8px;font-size:11px}
 .compact-body .subtle-link{font-size:10px;padding:4px 0;margin:0;min-height:26px}
 .compact-body .small,.compact-body .notice{font-size:10px;line-height:1.4;margin:7px 0}
 .compact-body .cup-ritual{gap:0;margin:8px 0;min-height:0}
 .compact-body .cup-ritual>.cup{display:none}
 .compact-body .cup-ritual label{margin-top:0}
 .compact-body .jewels{gap:6px}
 .compact-body .jewels button{font-size:11px;min-height:32px;padding:5px 9px}
 .compact-photo-info{font-size:10px;color:#afc1c3;margin:4px 0}
 .compact-photo-info summary{cursor:pointer;min-height:24px;padding:4px 0}
 .compact-footer{flex:none;display:grid;gap:7px;padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:#20373c;border-top:1px solid #52676a;box-shadow:0 -7px 20px #0003}
 .compact-footer .cost-line{border:0;margin:0;padding:0;font-size:11px;line-height:1.4}
 .compact-footer .cost-line strong{font-size:11px}
 .compact-footer button{margin:0;min-height:44px;padding:10px 12px;font-size:13px}
 .compact-body .deck-layout{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
 .compact-body .deck-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;padding:9px;max-height:180px;border:1px solid #77607e;border-radius:16px;background:#18262e}
 .compact-body .card-back{width:auto;height:24px;min-height:0;aspect-ratio:auto;font-size:10px;border-radius:4px;box-shadow:0 2px 5px #0005}
 .compact-body .tarot-preview{display:flex;align-items:center;gap:13px;min-height:180px;padding:13px;margin:0}
 .compact-body .tarot-preview>img{width:100px;height:166px;max-width:40%;object-fit:contain;border-radius:10px}
 .compact-body .tarot-preview>div{min-width:0}
 .compact-body .tarot-preview h3{font:21px/1.2 Georgia;margin:6px 0}
 .compact-body .drawn-list{max-height:95px;overflow:auto;font-size:11px;line-height:1.5}
 .compact-footer:has(#draw-card){grid-template-columns:1fr 1fr}
 .compact-footer #deck-status{grid-column:1/-1;margin:0;font-size:10px;color:#b8c8ca;text-align:center}
 .compact-body .reading-section{margin:10px 0;padding:13px;border-radius:15px;background:#20383e}
 .compact-body .reading-section p{font-size:14px;line-height:1.6}
 .compact-body .panel{margin-bottom:12px}
}
@media(max-width:700px) and (max-height:650px){
 .compact-header{min-height:60px;padding-top:7px;padding-bottom:7px}
 .compact-heading-copy h1{font-size:21px}
 .compact-body{padding:9px 11px}
 .compact-body .form-panel{padding:10px!important}
 .compact-body .form-panel h2{font-size:18px;margin-bottom:7px}
 .compact-body textarea{height:52px;min-height:52px}
 .compact-body .photo-slot{height:58px;min-height:58px}
 .compact-footer{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}
 .compact-body .card-back{height:17px}
 .compact-body .tarot-preview{min-height:145px}
 .compact-body .tarot-preview>img{height:128px;width:78px}
}