/* OkumaPro V8.1 · Mobil/PWA uygulama yüzeyi
   Amaç: masaüstü zenginliğini korurken 360-430px telefonlarda native-app hissi. */
:root{
  --v81-ink:#172033;--v81-muted:#67758c;--v81-line:#e6edf6;--v81-surface:#fff;
  --v81-blue:#3478f6;--v81-cyan:#19b9e6;--v81-green:#43c66f;--v81-orange:#ff9f38;
  --v81-purple:#8a54ed;--v81-pink:#f25ca2;--v81-red:#f05c67;--v81-yellow:#f6c945;
  --v81-shadow:0 16px 40px rgba(38,57,89,.10);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
.v81-page-shell{max-width:1480px;margin:0 auto}
.v81-page-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:30px;padding:clamp(20px,4vw,36px);box-shadow:var(--v81-shadow);background:linear-gradient(135deg,#eef7ff 0%,#fff 48%,#f8f1ff 100%)}
.v81-page-hero::after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,rgba(52,120,246,.16),rgba(138,84,237,.13))}
.v81-page-hero>*{position:relative;z-index:1}.v81-page-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .78rem;border-radius:999px;background:#fff;color:#315eaa;font-weight:900;font-size:.77rem;box-shadow:0 6px 18px rgba(50,91,152,.09)}
.v81-page-title{font-weight:900;color:var(--v81-ink);letter-spacing:-.025em;margin:.65rem 0 .35rem}.v81-page-subtitle{color:var(--v81-muted);margin:0;max-width:780px}
.v81-app-card{position:relative;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(29,48,78,.08);transition:transform .18s ease,box-shadow .18s ease}
.v81-app-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(29,48,78,.12)}
.v81-app-card:active{transform:scale(.985)}
.v81-app-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:1.55rem;color:#fff;box-shadow:0 7px 16px rgba(20,35,60,.15),inset 0 1px 0 rgba(255,255,255,.45)}
.v81-touch-btn{min-height:46px;border-radius:15px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.v81-scroll-chips{display:flex;gap:.55rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.15rem .05rem .45rem}.v81-scroll-chips::-webkit-scrollbar{display:none}
.v81-chip{white-space:nowrap;border:1px solid #e1e8f1;background:#fff;color:#536176;border-radius:999px;padding:.58rem .82rem;font-weight:800;font-size:.8rem}
.v81-chip.active{background:#eaf3ff;border-color:#9ec3ff;color:#2059af}

/* Sınıf çalışmaları */
.v81-work-library .v81-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v81-work-card{padding:20px;display:flex;flex-direction:column;min-width:0;border-top:5px solid var(--work-color,#3478f6)}
.v81-work-card::after{content:"";position:absolute;right:-35px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb,var(--work-color,#3478f6) 12%,transparent);pointer-events:none}
.v81-work-meta{display:flex;align-items:flex-start;gap:13px}.v81-work-meta h2{font-size:1.08rem;margin:.15rem 0 .25rem;color:var(--v81-ink);font-weight:900}.v81-work-meta small{color:var(--v81-muted)}
.v81-work-badge{display:inline-flex;padding:.32rem .58rem;border-radius:999px;font-size:.68rem;font-weight:900;color:color-mix(in srgb,var(--work-color,#3478f6) 82%,#111);background:color-mix(in srgb,var(--work-color,#3478f6) 13%,#fff)}
.v81-work-desc{color:#5f6f85;font-size:.88rem;line-height:1.55;margin:14px 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.v81-work-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.v81-work-actions:has(> :only-child){grid-template-columns:1fr}
.v81-empty{padding:42px 20px;text-align:center;border:2px dashed #d8e2ef;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);color:#738199}

/* Oyun merkezi */
#omGamePage{max-width:1480px;margin:0 auto}.om81-hero{background:linear-gradient(135deg,#eef8ff 0%,#fff8ec 50%,#f6efff 100%);border:1px solid #e6edf6;border-radius:30px;padding:clamp(20px,4vw,38px);box-shadow:var(--v81-shadow);position:relative;overflow:hidden}.om81-hero:after{content:"🎮";position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:clamp(72px,11vw,150px);opacity:.10;filter:saturate(1.2)}
.om81-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}.om81-stat{border:1px solid #e7edf5;background:#fff;border-radius:18px;padding:13px 15px;box-shadow:0 8px 20px rgba(35,54,86,.06)}.om81-stat b{display:block;font-size:1.45rem;color:var(--v81-ink)}.om81-stat span{font-size:.72rem;color:#718096;font-weight:800}
.om81-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px}.om81-toolbar .form-control,.om81-toolbar .form-select{border-radius:16px;min-height:46px;border:1px solid #dfe7f1;background:#fff}
.om81-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.om81-card{--game-a:#3478f6;--game-b:#19b9e6;display:flex;flex-direction:column;min-width:0;border:0;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 13px 30px rgba(36,55,87,.09);transition:.18s;position:relative}.om81-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(36,55,87,.14)}.om81-card:active{transform:scale(.985)}
.om81-art{height:132px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--game-a),var(--game-b));overflow:hidden}.om81-art::before,.om81-art::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.15)}.om81-art::before{width:110px;height:110px;right:-35px;top:-35px}.om81-art::after{width:75px;height:75px;left:-24px;bottom:-28px}.om81-art .bi{position:relative;z-index:1;font-size:3.25rem;filter:drop-shadow(0 7px 8px rgba(22,33,55,.20))}.om81-status{position:absolute;top:10px;right:10px;z-index:2;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.92)!important;color:#27405f!important;font-size:.62rem}
.om81-body{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.om81-body h3{font-size:1rem;margin:0;color:#1e293b;font-weight:900}.om81-category{font-size:.69rem;color:#6f7d92;font-weight:800}.om81-desc{font-size:.79rem;line-height:1.45;color:#68778c;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.25rem}.om81-action{margin-top:auto;min-height:44px;border:0;border-radius:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--game-a),var(--game-b));box-shadow:0 6px 12px color-mix(in srgb,var(--game-a) 22%,transparent);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.4rem}.om81-action:hover{color:#fff}.om81-admin-actions{display:flex;gap:6px}.om81-admin-actions>*{flex:1}

/* Öğrenci mağazası */
.v81-store-page{max-width:1300px;margin:0 auto}.v81-store-head{position:relative;overflow:hidden;border-radius:28px;padding:22px;background:linear-gradient(135deg,#8b5cf6 0%,#ec6aa7 56%,#ffb45a 100%);color:#fff;box-shadow:0 16px 38px rgba(118,76,170,.18)}.v81-store-head::after{content:"✨";position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:6rem;opacity:.15}.v81-store-balance{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.95);color:#ba6a00;border-radius:999px;padding:.58rem .9rem;font-weight:900;box-shadow:0 7px 18px rgba(86,48,117,.14)}
.v81-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v81-store-card{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #e8eef5;box-shadow:0 11px 28px rgba(31,50,82,.08);display:flex;flex-direction:column;min-width:0}.v81-store-art{position:relative;display:grid;place-items:center;min-height:170px;padding:22px;background:linear-gradient(145deg,#effbf1,#f9fff5)}.v81-store-art img{width:118px;height:118px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(38,61,89,.10)}.v81-store-body{padding:14px;display:flex;flex-direction:column;flex:1;text-align:center}.v81-store-body h3{font-size:.98rem;color:#263247;font-weight:900;margin:0 0 12px}.v81-store-body button{min-height:44px;border-radius:14px!important;font-size:.82rem!important}.v81-store-type{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.94);border:1px solid #daf0dc;border-radius:999px;padding:.3rem .55rem;font-size:.62rem;color:#3c8052;font-weight:900}

/* Türkçe çalışma yüzeyi - telefonlarda boşluk ve aşırı büyük elementleri azalt */
.v81-turkce-shell{max-width:980px;margin:0 auto}.v81-turkce-shell .game-card{margin-top:8px!important;margin-bottom:12px!important}

/* Formlar, modallar, tablolar: gerçek mobil dokunma hedefleri */
@media(max-width:991.98px){
  .v81-work-library .v81-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.om81-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v81-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767.98px){
  body{padding-bottom:max(76px,calc(68px + env(safe-area-inset-bottom)))!important}
  .uygulama-ana-icerik{padding:12px 10px calc(86px + env(safe-area-inset-bottom))!important;overflow-x:hidden}
  .uygulama-ust-cubuk{min-height:64px!important;position:sticky;top:0;z-index:1020;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
  .sayfa-yolu{display:none!important}.sayfa-kimligi strong{font-size:1.05rem!important;max-width:58vw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kullanici-metni,.kullanici-ok{display:none!important}.kullanici-acilir-dugme{padding:0!important;border:0!important;background:transparent!important}.kullanici-avatar{width:44px!important;height:44px!important}
  .rol-hizli-gecis{display:none!important}.uygulama-alt-bolum{display:none!important}
  .btn,.form-control,.form-select,.form-check-input{touch-action:manipulation}.form-control,.form-select,textarea{font-size:16px!important}
  .v81-page-hero{border-radius:23px;padding:18px}.v81-page-title{font-size:1.45rem}.v81-page-subtitle{font-size:.86rem;line-height:1.45}.v81-page-kicker{font-size:.68rem}
  .v81-work-library .v81-work-grid{grid-template-columns:1fr;gap:12px}.v81-work-card{padding:15px;border-radius:20px}.v81-work-icon{width:48px!important;height:48px!important;border-radius:15px!important}.v81-work-actions{gap:7px}.v81-work-actions .btn{min-height:46px;border-radius:14px;font-weight:900}
  #omGamePage{padding-bottom:4px}.om81-hero{border-radius:23px;padding:18px}.om81-hero:after{font-size:82px;right:-4%;opacity:.08}.om81-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 16px}.om81-stat{padding:10px 12px;border-radius:15px}.om81-stat b{font-size:1.15rem}.om81-toolbar{display:block;margin:14px 0 12px}.om81-toolbar h2{font-size:1.15rem}.om81-filters{display:grid!important;grid-template-columns:1fr;gap:8px!important;margin-top:10px}.om81-filters>*{width:100%!important;min-width:0!important}.om81-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.om81-card{border-radius:20px}.om81-art{height:104px}.om81-art .bi{font-size:2.55rem}.om81-body{padding:11px;gap:6px}.om81-body h3{font-size:.86rem;line-height:1.18}.om81-category{font-size:.62rem}.om81-desc{font-size:.7rem;min-height:2rem}.om81-action{font-size:.74rem;min-height:40px;border-radius:12px}.om81-admin-actions{flex-direction:column}.om81-card .badge:not(.om81-status){font-size:.58rem}.om81-file-badge{display:none!important}
  .v81-store-head{border-radius:23px;padding:16px}.v81-store-head .avatar-preview{width:62px!important;height:62px!important}.v81-store-head h2{font-size:1.25rem!important}.v81-store-head .store-copy{font-size:.72rem!important}.v81-store-balance{font-size:1rem}.v81-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v81-store-card{border-radius:20px}.v81-store-art{min-height:125px;padding:14px}.v81-store-art img,.v81-store-art .item-image{width:86px!important;height:86px!important}.v81-store-body{padding:10px}.v81-store-body h3{font-size:.82rem;margin-bottom:8px}.v81-store-type{font-size:.55rem;padding:.25rem .45rem}.v81-store-body button{font-size:.68rem!important;padding:.5rem .3rem!important;min-height:40px}
  .v81-turkce-shell.container{padding-left:6px!important;padding-right:6px!important;margin-top:4px!important}.v81-turkce-shell .game-card{width:100%!important;max-width:100%!important;border-radius:27px!important;border-width:4px!important;padding:15px 11px 20px!important;box-shadow:0 16px 34px rgba(2,132,199,.14),inset 0 0 0 5px rgba(224,242,254,.45)!important}.v81-turkce-shell .top-bar{margin-bottom:16px!important;gap:8px}.v81-turkce-shell .back-btn{width:44px!important;height:44px!important;font-size:1.3rem!important;border-width:3px!important;flex:0 0 44px}.v81-turkce-shell #top-title{font-size:1.25rem!important;text-align:center;line-height:1.1}.v81-turkce-shell .score-badge{padding:7px 10px!important;font-size:.9rem!important;border-width:3px!important}.v81-turkce-shell .game-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.v81-turkce-shell .menu-btn{min-height:88px!important;padding:8px 5px!important;border-radius:17px!important;border-width:3px!important;box-shadow:0 5px 10px rgba(0,0,0,.05),inset 0 -3px 0 rgba(255,255,255,.35)!important}.v81-turkce-shell .menu-btn .btn-icon{font-size:1.65rem!important;margin-bottom:5px!important}.v81-turkce-shell .menu-btn .btn-text{font-size:.78rem!important}.v81-turkce-shell #info-area{padding:18px 6px 8px!important}.v81-turkce-shell #info-area>div{font-size:3.2rem!important}.v81-turkce-shell #info-area h1{font-size:1.75rem!important;margin-top:.5rem!important}.v81-turkce-shell #info-area p{font-size:.92rem!important;line-height:1.4}.v81-turkce-shell .sentence-target-box{min-height:100px!important;padding:13px!important;border-radius:22px!important;border-width:3px!important}.v81-turkce-shell .v-btn-option{font-size:1.05rem!important;padding:12px 10px!important;border-radius:20px!important;border-width:3px!important;border-bottom-width:7px!important}.v81-turkce-shell .study-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:6px!important}.v81-turkce-shell .flashcard-container{height:105px!important}.v81-turkce-shell .flashcard-face{border-radius:19px!important;border-width:3px!important;font-size:.95rem!important}.v81-turkce-shell .close-fs-btn{width:50px!important;height:50px!important;right:12px!important;top:max(12px,env(safe-area-inset-top))!important;font-size:1.5rem!important;border-width:3px!important}.v81-turkce-shell .controls-bar{width:calc(100% - 20px)!important;margin-bottom:max(14px,env(safe-area-inset-bottom))!important;padding:11px 14px!important;gap:12px!important}
  .modal-dialog{padding-top:env(safe-area-inset-top)!important}.modal-content{max-height:calc(100dvh - env(safe-area-inset-top))!important}
}
@media(max-width:390px){.om81-grid{gap:8px}.om81-art{height:92px}.om81-body{padding:9px}.v81-store-grid{gap:8px}.v81-turkce-shell .game-menu-grid{gap:7px!important}.v81-turkce-shell .menu-btn{min-height:82px!important}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.mobil-alt-navigasyon{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}}