@font-face{font-family:'IRANSansX';src:url('IRANSansX-Medium.ttf') format('truetype');font-weight:500}:root{--bg:#070b14;--panel:rgba(23,32,53,0.9);--border:rgba(255,255,255,0.08);--primary:#6366f1;--secondary:#ec4899;--accent:#f59e0b;--text:#ffffff;--success:#059669;--danger:#dc2626;--glass:rgba(255,255,255,0.03)}.light-mode{--bg:#f0f2f5;--panel:rgba(255,255,255,0.95);--border:rgba(0,0,0,0.06);--primary:#4f46e5;--text:#1e293b;--glass:rgba(0,0,0,0.02)}*{margin:0;padding:0;box-sizing:border-box;font-family:'IRANSansX',Tahoma,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;user-select:none}body{background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0,transparent 50%);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:15px;overflow-x:hidden}.main-wrapper{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 320px;gap:20px}@media (max-width:950px){.main-wrapper{grid-template-columns:1fr}.side-panel{order:-1;flex-direction:row!important;overflow-x:auto;padding-bottom:10px}.stat-box{min-width:160px;flex:1}}.game-card{background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:40px;padding:35px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);display:flex;flex-direction:column;position:relative}.side-panel{display:flex;flex-direction:column;gap:15px}.stat-box{background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:30px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.stat-icon{width:45px;height:45px;background:var(--glass);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.level-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:6px 18px;border-radius:12px;font-weight:900;font-size:.85rem;box-shadow:0 4px 15px rgba(245,158,11,.3)}.btn-circle{width:48px;height:48px;border-radius:16px;border:1px solid var(--border);background:var(--glass);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-circle:hover{background:var(--primary);transform:scale(1.1)}.timer-container{width:100%;height:6px;background:rgba(0,0,0,.2);border-radius:10px;margin-bottom:40px;overflow:hidden}.timer-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary))}.poem-box{text-align:center;margin-bottom:40px;perspective:1000px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.poem-text{font-size:1.6rem;font-weight:700;line-height:2;color:var(--text);text-shadow:0 5px 15px rgba(0,0,0,.3)}.poet-name{display:inline-block;margin-top:15px;padding:5px 20px;background:var(--glass);border:1px solid var(--border);border-radius:10px;font-size:.9rem;opacity:.8}.options-container{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width:500px){.options-container{grid-template-columns:1fr}}.opt-card{background:var(--glass);border:1px solid var(--border);padding:22px;border-radius:24px;color:var(--text);font-size:1.1rem;font-weight:600;cursor:pointer;text-align:center;position:relative}.opt-card:hover{border-color:var(--primary);background:rgba(99,102,241,.1);transform:translateY(-3px)}.opt-card.correct{background:var(--success)!important;color:#fff;border:none;box-shadow:0 10px 20px rgba(5,150,105,.4)}.opt-card.wrong{background:var(--danger)!important;color:#fff;border:none;animation:shake .4s}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.btn-main{padding:16px;border-radius:20px;border:none;font-weight:700;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.btn-hint{background:#4f46e5}.btn-skip{background:#334155}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:2000}.modal-box{background:var(--panel);border:1px solid var(--border);padding:40px;border-radius:40px;text-align:center;max-width:450px;width:90%;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);max-height:90vh;overflow-y:auto}@keyframes modalPop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-btn{margin-top:25px;padding:12px 35px;background:var(--primary);border:none;color:#fff;border-radius:15px;font-weight:800;cursor:pointer;width:100%}.progress-circle-container{width:100%;height:8px;background:var(--glass);border-radius:10px;margin-top:8px}.progress-circle-fill{height:100%;background:var(--accent);border-radius:10px;width:0}.tutorial-step{display:flex;align-items:center;gap:15px;margin:15px 0;text-align:right;background:var(--glass);padding:10px;border-radius:15px}.tutorial-icon{font-size:1.5rem}.tutorial-text{font-size:.9rem;opacity:.9}#pibika-splash{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:'IRANSansX';transition:opacity 1s ease}#pibika-splash h1{font-size:2.5rem;background:linear-gradient(45deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;animation:pulse 2s infinite}#pibika-splash p{opacity:.7;letter-spacing:2px;font-size:0.9rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hidden-splash{opacity:0;pointer-events:none}