/* Services / order module (GameController): the two inline <style> blocks of the original order page
   /game/{slug}.html (docs/original/panel/plugin_conf_game_order.html, data-k ra3kx + l6663v), verbatim.
   The /game.html tiles keep their <style> block inline in protected/views/game/index.php. */

/* ---- style ra3kx: .order-wrap / .order-card / .game-title-head / tariff radios / selects / price boxes / actions ---- */
.order-wrap{min-width:700px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,Arial,sans-serif} .order-card{background-color:#fff;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 16px);border:1px solid #dde0e6;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.07);margin-bottom:16px} .order-card-head{background:#f5f6f8;border-bottom:1px solid #dde0e6;padding:11px 18px;display:flex;align-items:center;gap:8px} .order-card-head-dot{width:7px;height:7px;border-radius:50%;background:#4a90d9;flex-shrink:0;animation:dot-pulse 2.5s infinite} .order-card-head h4{margin:0;font-size:13px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.06em} .order-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px} /* GAME TITLE */ .game-title-head{background:#f5f6f8;border:1px solid #dde0e6;border-left:3px solid #4a90d9;border-radius:8px;padding:11px 18px;display:flex;align-items:center;gap:8px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.07)} .game-title-head h1{margin:0;font-size:15px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.06em;line-height:1} .game-title-head-dot{width:7px;height:7px;border-radius:50%;background:#4a90d9;flex-shrink:0;animation:dot-pulse 2.5s infinite} @keyframes dot-pulse{0%{box-shadow:0 0 0 0 rgba(74,144,217,.45)}60%{box-shadow:0 0 0 5px rgba(74,144,217,0)}100%{box-shadow:0 0 0 0 rgba(74,144,217,0)}} /* ROW */ .order-row{display:flex;align-items:flex-start;gap:16px} .order-label{width:220px;flex-shrink:0;font-size:14px;color:#555;padding-top:8px;line-height:1.4} .order-field{flex:1} /* RADIO TARIFFS */ .tariff-list{display:flex;flex-direction:column;gap:6px} .tariff-radio{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f9fafb;border:1px solid #dde0e6;border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s} .tariff-radio:hover{border-color:#a5c8f0;background:#f0f6ff} .tariff-radio input[type=radio]{margin:0;accent-color:#4a90d9} .tariff-radio span{font-size:13px;color:#333;font-weight:500} .tariff-radio input[type=radio]:checked + span{color:#2a6db5;font-weight:700} /* FREE BADGES */ .order-free-badges{margin-top:8px;display:flex;flex-direction:column;gap:4px} .order-free-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#2a9d5c;background:#e6f9ef;border:1px solid #b8e8d0;border-radius:4px;padding:3px 8px;width:fit-content} /* SELECT */ .order-select{width:100%;height:34px;padding:0 10px;font-size:13px;color:#333;background:#fff;border:1px solid #dde0e6;border-radius:6px;outline:none;cursor:pointer;transition:border-color .15s} .order-select:hover{border-color:#a5c8f0} .order-select:focus{border-color:#4a90d9;box-shadow:0 0 0 3px rgba(74,144,217,.12)} .order-select.error{border-color:#e24b4a;box-shadow:0 0 0 3px rgba(226,75,74,.12)} /* LOCATION ERROR */ .location-error{display:none;color:#e24b4a;font-size:13px;font-weight:600;margin-top:6px} /* LOCATION FLAGS */ .location-flags{display:flex;gap:6px;margin-bottom:8px;align-items:center} .location-flags img{height:16px;width:auto;border-radius:2px} .location-flags span{font-size:12px;color:#888} /* PRICE ROW */ .order-price-row{display:flex;gap:8px;margin-top:4px} .order-price-box{flex:1;background:#f5f6f8;border:1px solid #dde0e6;border-radius:6px;padding:12px 16px} .order-price-box-lbl{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px} .order-price-box-val{font-size:18px;font-weight:700;color:#2c3e50} .order-price-box-val b{color:#4a90d9} .order-price-box.total{border-left:3px solid #3CB879} .order-price-box.total .order-price-box-val b{color:#2a9d5c} /* ACTIONS */ .order-actions{padding:14px 18px;background:#f5f6f8;border-top:1px solid #dde0e6;display:flex;align-items:center;gap:12px} .order-actions .btn-primary{background:#4a90d9;border-color:#3a7dc9;font-size:15px;font-weight:600;padding:8px 30px;border-radius:6px;box-shadow:0 2px 6px rgba(74,144,217,.25);transition:background .15s} .order-actions .btn-primary:hover{background:#3a7dc9} .order-actions .btn-primary[disabled]{opacity:.5;box-shadow:none} .order-actions .text-error{font-size:14px} .order-divider{height:1px;background:#eef0f4;margin:0 18px} /* ALERT */ .order-alert-info{background:#eef4fb;border:1px solid #c2d8f0;border-left:3px solid #4a90d9;border-radius:6px;padding:12px 16px;font-size:14px;color:#444;margin:0 18px 16px} .order-alert-info a{color:#2a6db5;font-weight:600} @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* ---- style l6663v: .cs-wrap presentation blocks (hero, stats, screenshots, about, features) ---- */
.cs-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,Arial,sans-serif;color:#1f2937;margin-bottom:16px;min-width:700px} .cs-hero{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #dde0e6;border-radius:8px;padding:18px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.07)} .cs-hero-img{position:relative;flex-shrink:0} .cs-hero-img img{width:210px;height:auto;border-radius:7px;display:block} .cs-badge{position:absolute;bottom:8px;left:8px;background:#4caf50;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);white-space:nowrap;letter-spacing:.02em} .cs-hero-text p{font-size:14px;color:#555;line-height:1.7;margin:0 0 8px;text-align:justify} .cs-hero-text p:last-child{margin:0} .cs-stats{display:flex;gap:8px;margin-bottom:12px} .cs-stat{flex:1;background:#fff;border:1px solid #dde0e6;border-radius:6px;padding:11px 6px 9px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.07);transition:box-shadow .15s} .cs-stat:hover{box-shadow:0 6px 20px rgba(74,144,217,.15),0 2px 6px rgba(0,0,0,.08)} .cs-stat-icon svg{width:17px;height:17px;fill:#4a90d9;margin-bottom:3px} .cs-stat-val{font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size:19px;font-weight:700;color:#4a90d9;line-height:1} .cs-stat-lbl{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.06em;margin-top:3px} .cs-shots{display:flex;gap:8px;margin-bottom:12px} .cs-shots figure{flex:1;margin:0;position:relative;border-radius:4px;overflow:hidden;cursor:pointer} .cs-shot-img{overflow:hidden} .cs-shot-img img{display:block;width:100%;height:auto;transition:transform .3s ease} .cs-shots figure:hover .cs-shot-img img{transform:scale(1.03)} .cs-shots figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;padding:5px 8px;text-align:center;letter-spacing:.02em;transition:background .3s ease} .cs-shots figure:hover figcaption{background:rgba(0,0,0,.72)} .cs-about{background:#fff;border:1px solid #dde0e6;border-left:3px solid #3CB879;border-radius:6px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.07)} .cs-about p{font-size:14px;color:#555;line-height:1.7;margin:0 0 8px;text-align:justify} .cs-about p:last-child{margin:0} .cs-feats{display:flex;flex-wrap:wrap;gap:8px} .cs-feat{width:calc(50% - 4px);box-sizing:border-box;background:#fff;border:1px solid #dde0e6;border-radius:6px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .15s,border-color .15s} .cs-feat:hover{border-color:#a5c8f0;box-shadow:0 2px 8px rgba(74,144,217,.12)} .cs-feat-icon{width:26px;height:26px;background:#eaf3fb;border:1px solid #b8d8f0;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center} .cs-feat-icon svg{width:13px;height:13px;fill:#2176ae} .cs-feat-t{font-size:13px;font-weight:700;color:#2c3e50;margin-bottom:2px} .cs-feat-d{font-size:12px;color:#666;line-height:1.4}