/* Референс: матовые зелёные панели, лаймовые акценты, компактная типографика. */
:root{--lime:#ddff55;--glass:#102a2bef;--ref-stroke:#9dbbb731;--ref-muted:#b3c7c1;--ref-radius:11px}
.reference-design button{transition:background .16s,transform .16s,border-color .16s}.reference-design button:active{transform:scale(.96)}.reference-design svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.reference-design .console-card,.reference-design .mission,.reference-design .minimap-wrap{background:linear-gradient(140deg,#173332f5,#102727f5);border:1px solid var(--ref-stroke);box-shadow:0 3px 0 #071d1d15,0 8px 24px #1235271a;border-radius:var(--ref-radius)}.reference-design .console-card header{font-size:14px;font-weight:900;letter-spacing:.025em}.reference-design .console-meter{height:7px;border-radius:3px;background:#9bb7ac33}.reference-design .console-meter i{border-radius:2px;background:linear-gradient(90deg,#b8e445,#e6ff79)}
.reference-design .brand{font-weight:950;color:#102829;text-shadow:0 1px 0 #ffffff65;letter-spacing:-1px}.reference-design .brand span{border:1px solid #5d7876;box-shadow:0 2px 5px #163c3133;color:var(--lime);font-weight:900}.ref-location{display:none;pointer-events:auto;background:var(--glass);border:1px solid var(--ref-stroke);border-radius:8px;color:#dce9e1;padding:7px 10px;font-size:11px;align-items:center;gap:6px}.ref-location svg{width:16px;height:16px}.ref-level{position:relative;flex-wrap:wrap;column-gap:9px!important;row-gap:0!important}.ref-level>span{grid-row:span 2}.ref-level small{margin-left:auto;font-size:9px}.ref-level .console-meter{width:100%;height:5px}.ref-phone-number,.ref-settings{pointer-events:auto;cursor:pointer;color:#dff4cf}.ref-phone-number span{display:block}.ref-phone-number small{font-size:8px;letter-spacing:.07em;color:var(--ref-muted)}.ref-phone-number b{font-size:11px!important}.ref-settings{justify-content:center;flex:0 0 38px!important;padding:7px!important}.reference-design #console-avatar{border-radius:50%;overflow:hidden;width:52px;height:52px;border:2px solid #b7b4fb88;background:#9e99df}.reference-design #console-avatar svg{width:100%;height:100%}.reference-design .console-person b{font-size:15px}.reference-design .console-person small{font-size:11px}.reference-design .console-stat{display:grid;grid-template-columns:105px 1fr 45px;gap:8px;align-items:center;margin:12px 0;font-size:11px}.reference-design .console-stat>span,.reference-design .console-stat .console-meter{grid-column:auto}.reference-design .console-stat small{font-size:9px}.ref-job-icon{display:grid;place-items:center;width:28px;color:#d9ed75}.ref-job-icon svg{width:23px;height:23px}.ref-chevron{margin-left:auto;color:#a9bdb4;font-size:20px}#career-list button[data-job]{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 5px;font-size:12px;border-radius:6px}#career-list button[data-job=programmer] .ref-job-icon{color:#e89983}#career-list button[data-job=builder] .ref-job-icon{color:#f4c764}#career-list button[data-job=courier] .ref-job-icon{color:#b398ed}#career-list button.selected{box-shadow:inset 0 0 0 1px #dcff5560;border-color:#ddff55;background:#dcff550d}#career-list{gap:3px}.reference-design .career-heading b{font-size:15px}.reference-design .career-card p{font-size:12px;line-height:1.55}.reference-design .career-select{padding:9px;min-height:36px}.reference-design .lime-action{min-height:38px;border:1px solid #ecff8e55;box-shadow:0 3px 10px #c5ff0020}.ref-phone-preview{display:none}.reference-design #city-phone{border-radius:29px!important;background:linear-gradient(145deg,#274a4e,#10282d 65%)!important;border:4px solid #0a1e22!important;box-shadow:0 20px 80px #00171980!important}.reference-design #city-phone .phone-apps b{background:var(--app-color);color:white;box-shadow:inset 0 1px 2px #ffffff66,0 5px 10px #001b2455}.reference-design #city-phone .phone-apps svg{width:31px;height:31px}.reference-design #city-phone[open]{animation:ref-open .23s cubic-bezier(.2,.8,.3,1)}.reference-design dialog[open]{animation:ref-open .2s ease-out}.reference-design .phone-job,.reference-design .phone-bank-card{border-radius:12px}.reference-design .console-tools button{display:flex;align-items:center;gap:9px;text-align:left}.reference-design .console-tools button span{margin:0}.reference-design .phone-apps button:hover,.ref-apps button:hover{background:#ffffff10}
@keyframes ref-open{from{opacity:0;translate:0 18px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
/* Полная композиция референса на широком экране. */
@media(min-width:1100px) and (min-height:650px){
 .reference-design.city-playing .topbar{top:12px;left:18px;right:auto;gap:20px}.reference-design.city-playing .brand{font-size:20px}.reference-design.city-playing .brand span{font-size:10px;padding:5px 7px}.reference-design .ref-location{display:flex}
 .reference-design.city-playing .console-top{top:9px!important;left:370px;right:15px;gap:8px;display:flex;transform:none;justify-content:stretch}.reference-design.city-playing .console-chip{display:flex!important;min-height:38px;height:38px;max-width:none;min-width:0;flex:1;padding:5px 9px;border-radius:8px;background:#122e2ded;border:1px solid var(--ref-stroke);gap:8px}.reference-design .console-chip b{font-size:13px}.reference-design .console-chip svg{width:21px;height:21px}.reference-design.city-playing .ref-phone-number{flex:1.35}.reference-design.city-playing .ref-settings{flex:0 0 38px}.reference-design .kx-clock{display:none!important}
 .reference-design.city-playing .console-left{display:grid!important;left:16px;top:58px;width:260px;gap:8px;max-height:calc(100dvh - 74px);overflow:auto;scrollbar-width:thin}.reference-design .console-card{padding:12px}.reference-design .console-card header{margin-bottom:10px}.reference-design .console-person{margin-bottom:10px}.reference-design .career-card{padding:13px}.reference-design .career-card p{margin:9px 0}.reference-design .career-heading span{font-size:20px}
 .reference-design.city-playing .mission{left:auto;right:186px;top:58px!important;width:202px;box-shadow:0 5px 20px #123d2c15}.reference-design #ui-quest-toggle{min-height:23px;font-size:9px;padding:4px 10px}.reference-design .mission-head{padding:7px 10px!important}.reference-design .mission-head span{font-size:8px;letter-spacing:.08em}.reference-design .mission-head strong{font-size:11px!important}.reference-design .quest-current{padding:8px 10px!important}.reference-design .quest-current b{font-size:12px!important}.reference-design .quest-current p{font-size:10px!important}.reference-design .connection{font-size:9px!important;padding:0 10px 8px!important}.reference-design.city-playing.ui-quest-collapsed .mission{width:155px}
 .reference-design.city-playing .minimap-wrap{top:58px!important;right:16px;width:158px;padding:7px}.reference-design.city-playing .minimap-wrap canvas{width:142px;height:101px}.reference-design .minimap-wrap>span{font-size:8px;letter-spacing:.05em}
 .reference-design.city-playing .console-tools{display:flex!important;position:fixed;top:189px;right:16px;bottom:auto;width:125px;gap:6px;padding:0;background:none;border:0;flex-direction:column}.reference-design .console-tools button{display:flex!important;background:#112d2ef0;border:1px solid #b0c9ba25;border-radius:8px;min-height:36px;padding:7px 9px;font-size:18px;gap:8px}.reference-design .console-tools button span{display:inline;font-size:10px}.reference-design .console-tools button svg{width:19px;height:19px}.reference-design .console-tools button:hover{color:var(--lime);border-color:#dcff5580}.reference-design .console-tools #ref-map{color:var(--lime)}
 .reference-design.city-playing .console-community{display:block!important;left:calc(50% - 143px);bottom:16px;width:302px;padding:10px 12px;max-height:145px;overflow:auto}.reference-design .console-community header{font-size:10px;margin:0 0 7px}.reference-design #city-progress-text{font-size:10px}.reference-design #console-feed p{font-size:10px;margin-top:5px}.reference-design .console-community header button{font-size:10px;padding:4px 7px}
 .reference-design.city-playing .ref-phone-preview{display:block;position:fixed;z-index:4;right:126px;bottom:-16px;width:213px;height:280px;padding:10px 11px 18px;border:4px solid #071f24;border-radius:24px 24px 0 0;background:linear-gradient(150deg,#29494d,#102b30 75%);box-shadow:0 0 0 2px #72959180,0 10px 30px #05202240}.ref-phone-top{display:flex;justify-content:space-between;font-size:7px;color:#d6e6e3;padding:0 2px 10px}.ref-phone-preview header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:11px}.ref-phone-preview header b{font-size:12px;color:#d2dfd9}.ref-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 4px}.ref-apps button{border:0;background:none;padding:0 1px;color:#fff;border-radius:8px}.ref-apps button>b{display:grid;place-items:center;width:43px;height:43px;margin:auto;background:var(--app-color);border-radius:10px;box-shadow:inset 0 1px 2px #ffffff77,0 4px 7px #00182055}.ref-apps button svg{width:26px;height:26px}.ref-apps button>span{display:block;font-size:9px;margin-top:4px}.ref-phone-handle{width:65px;height:3px;background:#d4e8e380;border-radius:4px;margin:12px auto}
 .reference-design.city-playing #ui-phone{display:none}.reference-design.city-playing .interact{bottom:185px;max-width:310px;min-width:250px}.reference-design.city-playing .notification{top:auto;bottom:177px;max-width:310px}.reference-design.city-playing .desktop-help{display:none}
 .reference-design.city-playing.ui-hud-hidden .console-left,.reference-design.city-playing.ui-hud-hidden .console-tools,.reference-design.city-playing.ui-hud-hidden .console-community,.reference-design.city-playing.ui-hud-hidden .ref-phone-preview{display:none!important}.reference-design.city-playing.ui-hud-hidden #ui-phone{display:grid}
}
@media(max-width:1099px),(max-height:649px){.reference-design .ref-phone-number,.reference-design .ref-settings{display:none!important}.reference-design .ref-location{display:none}.reference-design .ref-level{display:none!important}.reference-design .console-left{display:none!important}.reference-design .console-top .ref-level small,.reference-design .ref-level .console-meter{display:none}.reference-design.city-playing .mission{border-radius:11px}.reference-design.city-playing .minimap-wrap{border-radius:11px}.reference-design .console-chip svg{width:20px;height:20px}.reference-design .kx-clock{border-radius:8px}.reference-design .brand{font-size:17px!important}.reference-design #city-phone{max-width:calc(100vw - 20px)} }
@media(orientation:portrait){.reference-design .intro{top:max(85px,var(--ui-safe-top,85px));max-height:calc(100dvh - max(85px,var(--ui-safe-top,85px)) - 16px);transform:translateX(-50%);overflow:auto}.reference-design #city-phone{right:10px;bottom:10px;width:350px}.reference-design .phone-apps{gap:12px 6px!important}}
@media(prefers-reduced-motion:reduce){.reference-design button{transition:none}.reference-design dialog[open],.reference-design #city-phone[open]{animation:none}}

.reference-design #profile-launch svg{width:15px;height:15px}.reference-design #profile-launch{min-width:28px;min-height:28px}
@media(orientation:portrait){.reference-design.ui-telegram .kq-track{top:calc(var(--ui-safe-top) + 82px);max-width:calc(100vw - 32px)}.reference-design.ui-telegram .kq-dlg{margin-top:var(--ui-safe-top)!important;height:calc(100dvh - var(--ui-safe-top) - 12px);max-height:calc(100dvh - var(--ui-safe-top) - 12px)}}