:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.4;--gradient-primary: linear-gradient(135deg, #134686 0%, #134686 100%);--gradient-warm: linear-gradient(135deg, rgba(237, 63, 39, .7) 0%, #ED3F27 100%);--gradient-cool: linear-gradient(135deg, #134686 0%, #134686 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--rank-blue: rgba(19, 70, 134, .5);--rank-blue-light: rgba(19, 70, 134, .06);--rank-blue-text: #134686;--rank-yellow: #FEB21A;--rank-yellow-light: rgba(254, 178, 26, .12);--rank-yellow-text: #8b5a00;--rank-red: rgba(237, 63, 39, .5);--rank-red-light: rgba(237, 63, 39, .08);--rank-red-text: #ED3F27;--rank-not-found-bg: rgba(19, 70, 134, .04);--rank-not-found-border: rgba(19, 70, 134, .15);--rank-not-found-text: rgba(19, 70, 134, .5);--rank-correct-bg: #f0fdf4;--rank-correct-border: rgba(34, 197, 94, .4);--rank-correct-text: #166534}body{margin:0;background:#fefcf7;color:#111;min-height:100vh}.container{max-width:560px;margin:32px auto;padding:0 16px}.header{background:#fdf4e3f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a1a2e;padding:32px 28px;border-radius:28px;margin-bottom:20px;box-shadow:var(--shadow-xl);border:1px solid rgba(253,244,227,.4);position:relative;overflow:hidden}.header-content{position:relative;z-index:2}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:16px;width:100%}.logo-video{width:100%;height:auto;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.header .description{font-size:14px;font-weight:400;margin:0 auto;color:#134686a6;line-height:1.7;max-width:500px;text-align:center}.header .description .highlight{color:#134686;font-weight:600}.header-note{margin-top:16px;padding:16px 18px 16px 22px;border-radius:20px;background:linear-gradient(135deg,#fefcf7,#feb21a14);border:1px solid rgba(19,70,134,.12);box-shadow:0 4px 6px -1px #13468614,0 2px 4px -1px #1346860a;position:relative;overflow:visible}.header-note:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#134686,#feb21a);border-radius:16px 0 0 16px;pointer-events:none}.header-note:after{content:"?";position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:linear-gradient(135deg,#feb21a,#ed3f27);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #ed3f274d;pointer-events:none}.header-note-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#134686;margin-bottom:8px;display:flex;align-items:center;gap:8px}.header-note-title:before{content:"";display:inline-block;width:8px;height:8px;background:#feb21a;border-radius:2px;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.header-note-text{margin:0;color:#134686a6;font-size:13px;line-height:1.7}.header-note-text+.header-note-text{margin-top:8px}.header-decoration{position:absolute;top:0;right:0;bottom:0;width:50%;pointer-events:none;z-index:1}.decoration-circle{position:absolute;border-radius:50%;opacity:.04}.circle-1{width:200px;height:200px;background:#ed3f27;top:-60px;right:-40px}.circle-2{width:120px;height:120px;background:#feb21a;bottom:-30px;right:80px}.circle-3{width:80px;height:80px;background:#fdf4e3;top:50%;right:160px;transform:translateY(-50%)}.tabs{display:inline-flex;gap:6px;margin-right:12px}.tab{padding:4px 8px;border-radius:14px;border:1px solid #d7d7d7;background:#fdf4e3;cursor:pointer;font-size:12px}.tab.active{background:#f6f6f6}h1{font-size:20px;margin:0}.meta{font-size:12px;color:#1a1a2e}.meta select{margin-left:6px;padding:4px 8px;border-radius:14px;border:1px solid #d7d7d7;background:#fdf4e3}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-word;overflow-wrap:break-word}.card{background:#fdf4e3f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(253,244,227,.4);border-radius:28px;padding:20px;box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.error{border-color:#f0c7c7}.wordList{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 900px){.wordList{grid-template-columns:1fr 1fr}}.wordCard{border:1px solid #e5e5e5;border-radius:20px;padding:12px;background:#fdf4e3}.wordCard:hover{border-color:#d7d7d7}.wordTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.word{font-size:18px;font-weight:600}.wordMeta{margin-top:6px;font-size:12px;color:#13468699}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;border:1px solid #eee;background:#fefcf7;color:inherit;white-space:nowrap}.guessItem.rank-blue .badge{border-color:var(--rank-blue)}.guessItem.rank-yellow .badge{border-color:var(--rank-yellow)}.guessItem.rank-red .badge{border-color:var(--rank-red)}.guessItem.correct .badge,.guessItem.rank-correct .badge{border-color:var(--rank-correct-border)}.badge.approved{border-color:#22c55e66;background:var(--rank-correct-bg);color:#166534}.badge.disapproved{border-color:#f0c7c7;background:#fff2f2;color:#7a1f1f}.badge.pending{border-color:#e5e5e5;background:#fafafa;color:#444}.actions{display:flex;gap:8px;margin-top:10px}.inputRow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;width:100%;box-sizing:border-box}.inputRow input[type=text]{flex:1 1 auto;min-width:0;width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:18px;font-size:16px;transition:all var(--transition-base);box-sizing:border-box}.inputRow input[type=text]:focus{border-color:#134686;box-shadow:0 0 0 3px #13468626;outline:none}.gameInfo{margin-bottom:8px;font-size:13px}.guessList{display:grid;grid-template-columns:1fr;gap:6px}.guessItem{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eee;border-radius:18px;padding:8px 10px}.btn{padding:12px 20px;border-radius:18px;border:none;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn:active{transform:translateY(0)}.btn-approve{border-color:#22c55e66;color:#166534;background:var(--rank-correct-bg)}.btn-disapprove{border-color:#f0c7c7;color:#7a1f1f;background:#fff2f2}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-game-primary{background:#134686;color:#fff;box-shadow:0 2px 10px #13468640}.btn.btn-game-primary:hover{transform:translateY(-1px);filter:none;box-shadow:0 6px 18px #1346864d}.btn-game-hint{border:1px solid #FEB21A;background:#feb21a1f;color:#8b5a00;cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-base)}.btn-game-hint:hover:not(:disabled){background:#feb21a33;color:#8b5a00}.btn-game-hint:disabled{opacity:.6;cursor:not-allowed}.rowError{margin-top:6px;font-size:12px;color:#7a1f1f}.loadingRow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 10px;font-size:13px}.subtitle{margin:4px 0 0;font-size:14px;color:#13468699;font-weight:400}.solvedBanner{background:#bbf7d0;border:1px solid var(--rank-correct-border);padding:12px;border-radius:20px;text-align:center;font-weight:600;color:var(--rank-correct-text);margin:12px 0;display:flex;flex-direction:column;gap:10px;align-items:center}.solvedText{line-height:1.35}.solvedActions{display:flex;justify-content:center}.nextPuzzleActions{display:flex;justify-content:center;margin-top:12px;margin-bottom:20px}.nextPuzzleActions .btn{background:linear-gradient(135deg,#fefcf7,#feb21a14);border:1px solid rgba(19,70,134,.12);color:#134686;box-shadow:0 4px 6px -1px #13468614,0 2px 4px -1px #1346860a}.nextPuzzleActions .btn:hover{transform:translateY(-1px);box-shadow:0 6px 10px -1px #1346861f,0 4px 6px -1px #1346860f}.guessItem.correct{background:var(--rank-correct-bg);border-color:var(--rank-correct-border)}.guessItem.rank-blue{background:#edf3f9;border-color:var(--rank-blue);color:var(--rank-blue-text)}.guessItem.rank-yellow{background:#fdf6e3;border-color:var(--rank-yellow);color:var(--rank-yellow-text)}.guessItem.rank-red{background:#fdecea;border-color:var(--rank-red);color:var(--rank-red-text)}.guessItem.rank-not-found{background:var(--rank-not-found-bg);border-color:var(--rank-not-found-border);color:var(--rank-not-found-text)}.guessItem.rank-correct{background:var(--rank-correct-bg);border-color:var(--rank-correct-border);color:var(--rank-correct-text);font-weight:600}.guessItem{position:relative;overflow:hidden;z-index:0}.guess-progress-bar{position:absolute;top:0;left:0;bottom:0;z-index:0;border-radius:17px 0 0 17px;transition:width .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.guess-progress-bar.bar-blue{background:#1346862e}.guess-progress-bar.bar-yellow{background:#feb21a33}.guess-progress-bar.bar-red{background:#ed3f2726}.guess-progress-bar.bar-correct{background:#22c55e40}.guessItem>*:not(.guess-progress-bar){position:relative;z-index:1}.guess-badge{position:absolute;top:-8px;right:-8px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;box-shadow:0 1px 2px #0000001f;z-index:10;pointer-events:none}.hint-badge-inline{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:#feb21a;color:#fefcf7;white-space:nowrap;flex-shrink:0}.pinned-guess-wrapper{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e5e7eb}.pinned-label{font-size:11px;font-weight:600;color:#134686;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.guessItem.pinned-guess{box-shadow:0 0 0 2px #13468640;animation:pulseIn .4s ease-out}.guessItem.lastGuess{animation:pulseIn .5s ease-out;box-shadow:0 0 0 3px #13468633}.guessItem.lastGuess:before{content:"Yeni";position:absolute;top:4px;left:6px;background:#134686;color:#fff;font-size:10px;padding:2px 6px;border-radius:999px;font-weight:600;animation:fadeOut 3s ease-out forwards;z-index:20}.hint-icon{font-size:14px}@keyframes pulseIn{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.guessItem{animation:slideIn .3s ease-out;animation-fill-mode:both;transition:all var(--transition-base)}.guessItem:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.guessList{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dateNav{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0;padding:12px;background:#fdf4e380;border-radius:20px}.dateNav button{padding:8px 16px;border:1px solid #e5e7eb;border-radius:16px;background:#fdf4e3;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.dateNav button:hover:not(:disabled){background:#f3f0e8;border-color:#134686}.dateNav button:disabled{opacity:.5;cursor:not-allowed}.dateNav span{font-weight:600;font-size:16px;min-width:150px;text-align:center}input:focus,button:focus{outline:2px solid #134686;outline-offset:2px}.playedPuzzlesSection{padding-top:24px;border-top:1px solid #e5e5e5}.playedPuzzlesList{display:grid;grid-template-columns:1fr;gap:8px;max-height:400px;overflow-y:auto}.playedPuzzleItem:hover{border-color:#134686!important;background:#f9fafb!important;transform:translate(2px)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 600px){.container{padding:0 12px}.card{padding:16px;overflow:hidden}.inputRow{flex-direction:column;gap:10px}.inputRow input[type=text],.inputRow button{width:100%;flex:none}.inputRow .btn{padding:14px 20px}}@media (max-width: 768px){.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.admin-table-wrapper table{min-width:500px}.admin-header-row{flex-direction:column;gap:12px;align-items:stretch!important}.admin-header-row>div{width:100%}.admin-pagination{flex-direction:column;gap:12px;align-items:stretch!important}.admin-pagination>div{justify-content:center}.admin-search-row{flex-direction:column;gap:10px}.admin-search-row input{width:100%!important}.admin-search-row button{width:100%}.admin-form-row{flex-direction:column!important;align-items:stretch!important}.admin-form-row input,.admin-form-row select{width:100%!important;max-width:none!important}.admin-form-row button{width:100%}}.meaning-text{word-break:break-word;overflow-wrap:break-word}.guessItem .mono{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-weight:700}@media (min-width: 600px){.guessItem .mono{max-width:200px}}.puzzle-box{background:linear-gradient(135deg,#fefcf7,#feb21a14);border:1px solid rgba(19,70,134,.12);box-shadow:0 4px 6px -1px #13468614,0 2px 4px -1px #1346860a;transition:all .15s ease}.puzzle-box:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px #1346861f,0 4px 6px -1px #1346860f}.puzzle-box.active{background:linear-gradient(135deg,#e8f0f8,#1346861f);border:2px solid #134686;box-shadow:0 4px 12px #13468633}.puzzle-box.active:hover{transform:none}.puzzle-box.solved{background:linear-gradient(135deg,#f0fdf4,#22c55e1a);border:1px solid rgba(34,197,94,.3)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.pagination-btn{padding:8px 12px;border-radius:12px;border:1px solid rgba(19,70,134,.12);background:linear-gradient(135deg,#fefcf7,#feb21a14);color:#134686;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px -1px #1346860f,0 1px 2px -1px #1346860a}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #1346861a,0 2px 4px -1px #1346860f}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#134686;color:#fff;border-color:#134686}.pagination-info{font-size:13px;color:#13468699;padding:0 8px}
