/* pofis | SMS Message Line + global dark theme */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.pofis-app-header{display:grid!important;grid-template-columns:minmax(142px,190px) minmax(280px,1fr) auto;gap:17px;align-items:center;margin:0 0 22px!important;min-width:0}
.pofis-header-brand{min-width:0}
.pofis-header-brand .sub{margin-top:7px;line-height:1.45;font-size:11px}
.pofis-header-brand .brand-logo{max-width:100%;width:100%;height:auto}
.pofis-header-account{min-width:118px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;text-align:right}
.pofis-header-account #username{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.pofis-header-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.theme-switch{min-height:40px;border-radius:11px;padding:7px 11px;background:#e9f5ee;border:1px solid #cce4d6;color:#27784c;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.theme-switch:focus-visible{outline:3px solid #56d093;outline-offset:2px}
.theme-switch:hover{background:#d9f4e2}
.login-top-tools{display:flex;justify-content:flex-end;margin-bottom:5px}
.sms-board{position:relative;min-width:0;width:100%;border:1px solid #3b7054;background:linear-gradient(135deg,#101c2a,#1a2d31);color:#ecfff0;border-radius:15px;box-shadow:0 6px 20px rgba(11,39,24,.16);overflow:visible;isolation:isolate}
.sms-board-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 5px;border-bottom:1px solid #ffffff20;min-width:0}
.sms-board-label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#98f4b8;font-size:10px;font-weight:850;letter-spacing:.8px}
.sms-live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#34ea83;box-shadow:0 0 0 3px #34ea8320}
.sms-write-btn{background:#ffffff18;border:1px solid #ffffff35;color:#dbffe8;border-radius:8px;padding:5px 10px;min-height:30px;font-size:10px;font-weight:750;white-space:nowrap}
.sms-write-btn:hover{background:#ffffff2e}
.sms-track-viewport{height:36px;overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.sms-track{display:flex;align-items:center;width:max-content;max-width:none;min-width:100%;height:100%;will-change:transform}
.sms-track.sms-is-scrolling{animation:sms-marquee var(--sms-duration,40s) linear infinite}
.sms-board:hover .sms-track,.sms-board:focus-within .sms-track{animation-play-state:paused}
.sms-loop-segment{display:flex;align-items:center;flex:0 0 auto;gap:0;padding-right:70px;min-width:max-content}
.sms-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 5px 0 12px;color:#fff;font-size:13px;font-weight:520;white-space:nowrap}
.sms-ticker-name{color:#67fba4;font-weight:850}
.sms-separator{color:#e0ff5a;margin:0 25px;font-size:13px}
.sms-placeholder{font-size:12px;letter-spacing:.2px;color:#e5ffe8;padding:0 16px}
@keyframes sms-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sms-composer{position:absolute;z-index:80;top:calc(100% + 7px);left:0;right:0;max-height:min(72vh,510px);overflow:auto;border:1px solid #a3dcb6;background:#f8fff9;box-shadow:0 16px 34px #071e1970;padding:14px;border-radius:14px;color:#243d2d}
.sms-composer form{display:grid;gap:8px}
.sms-composer label{display:flex;justify-content:space-between;font-size:12px;font-weight:850}
.sms-composer label small{font-size:10px;font-weight:550;color:#708976}
.sms-composer textarea{width:100%;resize:vertical;min-height:70px;max-height:175px;border-radius:10px;border:1px solid #b9d3c2;background:white;color:#1c3427;font:inherit;font-size:13px;padding:9px;line-height:1.5}
.sms-compose-actions{display:flex;justify-content:flex-end;gap:8px}
.sms-compose-actions button{border-radius:10px;padding:9px 13px;font-size:12px;font-weight:750;min-height:39px;border:0}
.sms-cancel{background:#edf4ee;color:#356447}.sms-submit{background:#1ca45b;color:white}
.sms-submit:disabled{opacity:.45}
#dailyMessageFeedback:empty{display:none}
#dailyMessageFeedback{font-size:11px;line-height:1.5;color:#267b4b;margin:0}
.sms-manage{margin-top:12px;border-top:1px solid #dceadd;padding-top:10px;display:grid;gap:7px}
.sms-manage h4{font-size:12px;margin:0}
.sms-mod-line{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;padding:7px 0;border-bottom:1px solid #e5f0e8}
.sms-mod-line span{min-width:0;overflow-wrap:anywhere}.sms-mod-line button{border:1px solid #edbecb;color:#9b3458;background:#fff1f4;border-radius:8px;min-height:34px;font-size:11px;padding:5px 10px}
.admin-brand-card{margin-bottom:18px}
#adminSloganForm{display:grid;gap:9px;margin-top:15px}
#adminSloganForm label{font-size:12px;font-weight:750}
#adminSloganForm input{background:#fff;border:1px solid #d7dde7;border-radius:11px;padding:12px;color:#253044;font:inherit;width:100%;max-width:700px;min-height:46px}
.admin-brand-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#adminSloganCount{font-size:11px;color:#768597}
#adminSloganFeedback{font-size:12px;color:#169258;line-height:1.5;min-height:15px}
@media(max-width:990px){
 .pofis-app-header{grid-template-columns:minmax(140px,195px) minmax(190px,1fr);gap:11px}
 .pofis-header-account{grid-column:2;grid-row:2;align-items:flex-end;flex-direction:row;justify-content:flex-end}
 .sms-board{grid-column:2;grid-row:1}
 .pofis-header-brand{grid-row:1 / span 2}
}
@media(max-width:690px){
 .pofis-app-header{grid-template-columns:minmax(0,1fr) auto;gap:10px!important}
 .pofis-header-brand{grid-column:1;grid-row:1;align-self:center}
 .pofis-header-brand .brand-logo{width:155px}
 .pofis-header-brand .sub{font-size:10px}
 .pofis-header-account{grid-column:2;grid-row:1;align-items:flex-end;flex-direction:column;min-width:0;gap:5px}
 .pofis-header-account #username{font-size:10px;max-width:175px}
 .pofis-header-actions{gap:5px}
 .pofis-header-actions .theme-switch,#logout{min-height:37px;font-size:10px;padding:7px 9px}
 .sms-board{grid-column:1/-1;grid-row:2}
 .sms-track-viewport{height:40px}
 .sms-write-btn{font-size:11px;min-height:34px}
 .sms-composer{right:0;left:0;max-height:55vh}
 .sms-ticker-item{font-size:13px}
}
@media(max-width:390px){
 .pofis-app-header{grid-template-columns:minmax(0,1fr)}
 .pofis-header-account{grid-column:1;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;gap:6px}
 .pofis-header-account #username{max-width:135px}
 .sms-board{grid-row:3}
}
@media(prefers-reduced-motion:reduce){
 .sms-track.sms-is-scrolling{animation:none;transform:none}
}

/* Dark theme covers all application surfaces, badges, dialogs and games. */
html[data-theme="dark"] body{background:#0d1420;color:#e9f0f9}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] strong,html[data-theme="dark"] b{color:inherit}
html[data-theme="dark"] .sub,html[data-theme="dark"] .muted,html[data-theme="dark"] .rank-sub,
html[data-theme="dark"] .task small,html[data-theme="dark"] .game-card .sub,html[data-theme="dark"] .edit-intro,
html[data-theme="dark"] .lock-help,html[data-theme="dark"] .stat-mini small{color:#acb9cc}
html[data-theme="dark"] .card,html[data-theme="dark"] .login,html[data-theme="dark"] .edit-modal,
html[data-theme="dark"] .game-card,html[data-theme="dark"] .lock-event-card,html[data-theme="dark"] .lock-event-aside,
html[data-theme="dark"] .stat-mini,html[data-theme="dark"] .achievement,html[data-theme="dark"] .achievement.locked,
html[data-theme="dark"] .title-pick,html[data-theme="dark"] .designer-section,html[data-theme="dark"] .designer-task,
html[data-theme="dark"] .admin-category,html[data-theme="dark"] .admin-event-form,
html[data-theme="dark"] .lock-evidence-dialog,html[data-theme="dark"] .lock-showcase-dialog,
html[data-theme="dark"] .lock-showcase-item,html[data-theme="dark"] .award,
html[data-theme="dark"] .approval-item,html[data-theme="dark"] .manager-approval-banner,
html[data-theme="dark"] .game-create,html[data-theme="dark"] .quick-task-card,
html[data-theme="dark"] .quick-task-row,html[data-theme="dark"] .bonus-task-card,
html[data-theme="dark"] .task,html[data-theme="dark"] .appliance-card,html[data-theme="dark"] .appliance-item{
 background:#192537!important;color:#e7eff9;border-color:#354359!important;box-shadow:none
}
html[data-theme="dark"] .hero,html[data-theme="dark"] .gamer-hero{background:linear-gradient(132deg,#115538,#17674a);color:#fff}
html[data-theme="dark"] .hero p,html[data-theme="dark"] .gamer-hero p{color:#d5f5e2}
html[data-theme="dark"] .task.done,html[data-theme="dark"] .appliance-item.checked{background:#183f32!important;border-color:#316e54!important}
html[data-theme="dark"] .line,html[data-theme="dark"] .mission{border-color:#334154}
html[data-theme="dark"] .progress,html[data-theme="dark"] .mission-progress{background:#344057}
html[data-theme="dark"] .game-rule,html[data-theme="dark"] .notice,html[data-theme="dark"] .title-token,
html[data-theme="dark"] .game-participants span,html[data-theme="dark"] .pill,
html[data-theme="dark"] .game-pill,html[data-theme="dark"] .edit-handle,
html[data-theme="dark"] .lock-upload-state,html[data-theme="dark"] .lock-fairnote,
html[data-theme="dark"] .quick-task-counter,html[data-theme="dark"] .quick-king-row{
 background:#263348!important;color:#c7d6ed!important;border-color:#36455c
}
html[data-theme="dark"] .tabs button{color:#bdcbe0}
html[data-theme="dark"] .tabs button.active{background:#233b32;color:#78f2ae;box-shadow:none}
html[data-theme="dark"] .tabs button:hover{background:#24334a}
html[data-theme="dark"] button:not(.btn):not(.theme-switch):not(.sms-submit):not(.sms-cancel):not(.sms-write-btn):not(.sms-mod-line button){
 color:#c8d6f0
}
html[data-theme="dark"] .task button,html[data-theme="dark"] .game-actions button,
html[data-theme="dark"] .edit-cancel,html[data-theme="dark"] .edit-close,
html[data-theme="dark"] .designer-task-actions button,html[data-theme="dark"] .designer-add-child,
html[data-theme="dark"] .designer-section-add,html[data-theme="dark"] .approval-collapse,
html[data-theme="dark"] .lock-redact-buttons button{background:#293b51;color:#d8e9ff;border-color:#426077}
html[data-theme="dark"] .btn.secondary{background:#2a3c50;color:#bcefd0}
html[data-theme="dark"] .theme-switch{background:#26384a;color:#caf8d8;border-color:#3a6c56}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .edit-field input,html[data-theme="dark"] .edit-field select,
html[data-theme="dark"] .designer-form input,html[data-theme="dark"] .designer-form select,
html[data-theme="dark"] .admin-event-form input,html[data-theme="dark"] .lock-form textarea,
html[data-theme="dark"] .lock-form input,html[data-theme="dark"] .lock-form select,
html[data-theme="dark"] .login input,html[data-theme="dark"] #users input,
html[data-theme="dark"] #users select,html[data-theme="dark"] #passwordPanel input{
 background:#111e2f!important;color:#f1f7ff!important;border-color:#455976!important
}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8797af}
html[data-theme="dark"] label,html[data-theme="dark"] .edit-field label{color:#d2def0}
html[data-theme="dark"] .designer-form,html[data-theme="dark"] .designer-create-toolbar,
html[data-theme="dark"] .designer-new-main .designer-form{background:#1c3240;border-color:#355c52}
html[data-theme="dark"] .designer-form h4,html[data-theme="dark"] .designer-create-toolbar strong,
html[data-theme="dark"] .designer-section h3{color:#a6f4c8}
html[data-theme="dark"] .designer-create-toolbar small,html[data-theme="dark"] .designer-task-meta{color:#acc9b9}
html[data-theme="dark"] .sms-composer{background:#192b30;color:#ecfff4;border-color:#477e5c}
html[data-theme="dark"] .sms-mod-line{border-color:#426150}
html[data-theme="dark"] .sms-mod-line button{background:#452b3c;color:#ffb5c9;border-color:#775068}
html[data-theme="dark"] .sms-composer label small{color:#b9d3c0}
html[data-theme="dark"] .sms-cancel{background:#34494b;color:#d4eee0}
html[data-theme="dark"] .edit-modal h2,html[data-theme="dark"] .game-card h3,
html[data-theme="dark"] .lock-showcase-dialog h2,
html[data-theme="dark"] .designer-task-text strong{color:#e4edf7}
html[data-theme="dark"] .lock-upload-choice{background:#243848;border-color:#407159;color:#b9f8d2}
html[data-theme="dark"] .lock-upload-choice strong{color:#9ff0be}
html[data-theme="dark"] .lock-upload-choice small{color:#a8beca}
html[data-theme="dark"] .lock-canvas-wrap{background:#1d3042;border-color:#3b6f57}
html[data-theme="dark"] .approval-banner-head strong,html[data-theme="dark"] .approval-item strong{color:#ffd0d8}
html[data-theme="dark"] .approval-yes{background:#19563d;color:#bdf7d2}
html[data-theme="dark"] .approval-no{background:#4b2b3c;color:#ffb9c9}
html[data-theme="dark"] .game-pill.complete{background:#1a4f3b!important;color:#b8f5d0!important}
html[data-theme="dark"] .game-pill.cancelled{background:#363f4d!important;color:#b2bccc!important}
html[data-theme="dark"] .rank{color:#7eedae}
html[data-theme="dark"] .sms-board{background:linear-gradient(125deg,#071a1c,#122c25);border-color:#28583a}

/* Er Meydanı: 5-round scoreboard, physical matchstick visual and unmistakable results */
.arena-result{margin:17px 0 12px;border:1px solid #bfdcc7;border-radius:17px;padding:15px;background:#f6fff8}
.arena-result-title{font-size:12px;letter-spacing:1.4px;font-weight:950;text-align:center;margin-bottom:12px;color:#317d4b}
.arena-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arena-winner,.arena-loser{display:flex;flex-direction:column;gap:6px;text-align:center;border-radius:13px;padding:15px 10px;min-width:0}
.arena-winner{background:#e1f7e9;border:2px solid #83d2a1;color:#13633b}
.arena-loser{background:#fff0f1;border:2px solid #f0a5b1;color:#9e3048}
.arena-winner>span,.arena-loser>span{font-size:11px;font-weight:850;letter-spacing:.4px}
.arena-winner strong,.arena-loser strong{font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.arena-winner small,.arena-loser small{font-size:12px;line-height:1.45;font-weight:700}
.arena-rps-status{background:#f5f7ff;border-radius:15px;border:1px solid #dce2f1;padding:15px;margin-top:15px}
.arena-rps-score{display:flex;align-items:center;justify-content:center;gap:18px}
.arena-rps-score>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;flex:1}
.arena-rps-score small{font-size:12px;text-align:center;font-weight:750;color:#6f7190}
.arena-rps-score strong{font-size:42px;color:#263e72;line-height:1}
.arena-rps-score>span{font-size:25px;color:#97a4b9}
.arena-rps-status>p{text-align:center;font-size:12px;color:#727da0;margin:12px 0 0}
.arena-rounds{margin-top:14px;display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.arena-round{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;background:#fff;border:1px solid #e3e8f4;border-radius:12px;min-width:86px}
.arena-round small{font-size:10px;color:#768399}
.arena-round b{font-size:24px;white-space:nowrap}
.arena-round i{font-size:11px;color:#94a2b7;font-style:normal}
.arena-rps-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.arena-rps-actions button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:112px;padding:11px;background:#fbfaff;border:2px solid #ddd7fa;border-radius:15px;color:#5b4cb7;font:inherit;font-size:14px;cursor:pointer;touch-action:manipulation}
.arena-rps-actions button>span{font-size:51px;line-height:1.1}
.arena-rps-actions button>strong{font-size:13px}
.arena-rps-actions button:hover{background:#e9f8ef;border-color:#6cbd86}
.arena-rps-actions button:disabled{opacity:.4;cursor:wait}
.arena-straw{background:#faf8f0;border:1px solid #e8dcc7;border-radius:16px;padding:15px;margin-top:13px}
.arena-straw-intro{text-align:center;font-size:13px;font-weight:850;color:#826a46}
.arena-match-players{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:10px}
.arena-match-player{padding:10px;border:1px solid #e3d9c7;background:#fff;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.arena-match-player strong{font-size:13px;overflow-wrap:anywhere}
.arena-match-visual{width:100%;height:175px;display:flex;align-items:flex-end;justify-content:center;border-radius:9px;background:linear-gradient(#f8f7f4,#efede7);padding:10px}
.arena-match{height:var(--match-height,70px);width:17px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.arena-match-head{height:21px;width:17px;background:linear-gradient(135deg,#cb3435,#85171a);border-radius:11px 11px 5px 5px;box-shadow:inset 2px 1px 3px #ef7770,0 0 4px #c4202835;flex:0 0 auto}
.arena-match-stick{height:calc(100% - 14px);width:10px;margin-top:-3px;background:linear-gradient(90deg,#c28c50,#eac79b 48%,#a57842);box-shadow:1px 1px 3px #67422b44;border-radius:0 0 4px 4px}
.arena-match-hidden{border:2px dashed #c4c4bb;border-radius:9px;background:#ebece6;display:grid;place-items:center;color:#9ca19c;font-size:24px}
.arena-cm{font-size:21px;font-weight:900;color:#7b592e}
.arena-match-loser{border:2px solid #f3a4ae;background:#ffeff0}
.arena-match-winner{border:2px solid #80cf9a;background:#ecfff0}
.arena-draw-badge{font-size:11px;font-weight:900;line-height:1.5}
.arena-match-loser .arena-draw-badge{color:#b3324c}
.arena-match-winner .arena-draw-badge{color:#148048}
.game-actions .arena-straw-action{background:#f9efdc;border-color:#dfb779;color:#76502c;font-weight:900;font-size:14px;min-height:50px}
.arena-mine{margin:12px 0}
.arena-mine .mine-grid{grid-template-columns:repeat(3,minmax(61px,83px));gap:9px}
.arena-mine .mine-cell{height:67px;border:2px solid #d7e2e8;border-radius:14px;background:#f1f5f9;font-size:29px}
.arena-mine .mine-cell.uncovered{background:#e7f9ec;border-color:#8bd8a5}
.arena-mine .mine-cell.mine-bomb{font-size:43px;background:#ffe0e2;border-color:#e9516d;color:#b8273f;animation:mine-pulse 1.15s ease-in-out 2}
@keyframes mine-pulse{50%{transform:scale(1.07);box-shadow:0 0 0 8px #ec4f5944}}
.arena-bomb-banner{background:#c62c4e;color:#fff;border-radius:11px;padding:14px;font-size:14px;font-weight:900;text-align:center}
@media(max-width:580px){
 .arena-result-grid{grid-template-columns:1fr}
 .arena-rps-actions{gap:6px}
 .arena-rps-actions button{min-height:100px;padding:7px}
 .arena-rps-actions button>span{font-size:43px}
 .arena-rps-score strong{font-size:37px}
 .arena-mine .mine-grid{grid-template-columns:repeat(3,minmax(54px,1fr));max-width:290px}
 .arena-match-visual{height:170px}
}
html[data-theme="dark"] .arena-result,html[data-theme="dark"] .arena-straw,html[data-theme="dark"] .arena-rps-status{background:#1a2c3c;border-color:#3f5865}
html[data-theme="dark"] .arena-result-title,html[data-theme="dark"] .arena-straw-intro{color:#b5f5d0}
html[data-theme="dark"] .arena-winner,html[data-theme="dark"] .arena-match-winner{background:#164531;color:#e3ffee;border-color:#348258}
html[data-theme="dark"] .arena-loser,html[data-theme="dark"] .arena-match-loser{background:#4d2837;color:#fff1f5;border-color:#99435e}
html[data-theme="dark"] .arena-rps-score small,html[data-theme="dark"] .arena-rps-status>p{color:#b7c9dc}
html[data-theme="dark"] .arena-rps-score strong{color:#e8fff0}
html[data-theme="dark"] .arena-round,html[data-theme="dark"] .arena-match-player{background:#24354a;border-color:#456075;color:#e7f5ff}
html[data-theme="dark"] .arena-round small{color:#afc4d8}
html[data-theme="dark"] .arena-rps-actions button{background:#26394d;border-color:#4d6881;color:#d9e8ff}
html[data-theme="dark"] .arena-match-visual{background:#162839}
html[data-theme="dark"] .arena-cm{color:#f8deae}
html[data-theme="dark"] .arena-mine .mine-cell{background:#253b4d;border-color:#4b647c}
html[data-theme="dark"] .arena-mine .mine-cell.uncovered{background:#20513a;border-color:#3a9665}
html[data-theme="dark"] .arena-mine .mine-cell.mine-bomb{background:#613049;border-color:#ec6780}

/* Keep the dark-lettered official pofis logo legible on dark surfaces. */
html[data-theme="dark"] .pofis-header-brand .logo,html[data-theme="dark"] .login .logo{
 display:inline-flex;align-items:center;max-width:100%;padding:9px 12px;background:#f8fcf9;border-radius:12px
}
html[data-theme="dark"] .pofis-header-brand .brand-logo{width:100%}
html[data-theme="dark"] .login .brand-logo{display:block}
html[data-theme="dark"] #adminSloganFeedback{color:#90e3b4}
html[data-theme="dark"] .sms-ticker-name{color:#78f6ad}
html[data-theme="dark"] .sms-composer textarea{background:#122826!important;color:#e8ffef!important;border-color:#568171!important}
html[data-theme="dark"] .arena-winner strong,html[data-theme="dark"] .arena-loser strong{color:inherit}