:root{color:#17211c;background:#edf2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;padding:0;background:linear-gradient(135deg,rgba(31,122,101,.12),transparent 32%),linear-gradient(160deg,transparent 48%,rgba(212,79,63,.1)),#edf2ee}.stage{min-height:100vh;max-width:none;margin:0;display:flex;flex-direction:column}.topbar,.view-header,.event-top,.panel-heading,.victory-band,.action-row,.field-top,.level-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar{padding:24px}.eyebrow,.label{margin:0;color:#617066;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#15221d;font-size:clamp(2rem,5vw,4rem);line-height:.96;letter-spacing:0}h2{margin:0;color:#15221d;font-size:clamp(1.9rem,3vw,2.35rem);line-height:1;letter-spacing:0}.auth-layout{flex:1;display:grid;place-items:center;padding:24px}.auth-panel,.stats-panel,.level-header,.arena,.score-history,.full-view,.view-stat,.your-rank,.event-card,.history-row,.leader-row{border:1px solid rgba(23,33,28,.13);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 44px #121b1614,inset 0 1px #ffffffd1}.auth-panel{width:min(420px,100%);padding:22px;display:grid;gap:16px}.tabs,.leaderboard-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:8px;background:#e2e9e3}.tabs button,.leaderboard-switch button{min-height:42px;border:0;border-radius:6px;background:transparent;color:#435149;font-weight:900}.tabs button.active,.leaderboard-switch button.active{background:#fff;color:#17211c;box-shadow:0 6px 16px #121b1614}label{display:grid;gap:8px;color:#435149;font-size:.95rem;font-weight:800}input,textarea{width:100%;border:1px solid #c6d0c8;border-radius:8px;background:#fbfdfb;color:#17211c;outline:none}input{height:46px;padding:0 13px}textarea{min-height:82px;resize:vertical;padding:12px 13px}input:focus,textarea:focus{border-color:#1f7a65;box-shadow:0 0 0 3px #1f7a6529}.primary-button,.ghost-button,.rank-tab,.inline-link-button{min-height:44px;border:1px solid #c6d0c8;border-radius:8px;padding:0 16px;background:#ffffffc7;color:#17211c;font-weight:900;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.primary-button{border:0;background:#1f7a65;color:#fff;box-shadow:0 10px 22px #1f7a6538}.primary-button:not(:disabled):hover,.ghost-button:not(:disabled):hover,.rank-tab:not(:disabled):hover,.inline-link-button:not(:disabled):hover{border-color:#1f7a65;transform:translateY(-1px)}.primary-button:not(:disabled):hover{background:#186651}.inline-link-button{min-height:34px;padding:0 10px;font-size:.82rem}.error{margin:0;color:#b7352c;font-weight:800}.game-dashboard{flex:1;min-height:100vh;display:grid;grid-template-columns:minmax(620px,1fr) 360px;grid-template-rows:1fr;gap:18px;padding:14px 0 0 16px}.game-dashboard>*{min-width:0}.stats-panel{min-height:0;border:0;border-bottom:1px solid rgba(31,122,101,.18);border-radius:0;border-color:#1f7a6547;background:linear-gradient(150deg,#1f7a651f,#ffffffeb),#fff;box-shadow:none;overflow:visible}.score-total{padding:12px 14px 14px}.player-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid rgba(31,122,101,.16)}.player-strip span{min-width:0;overflow:hidden;color:#17211c;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.player-strip .logout-button{min-height:32px}.score-total p{margin:0;color:#17211c;font-size:.95rem;font-weight:900;line-height:1.18}.score-total strong{display:block;margin-top:5px;color:#1f7a65;font-size:1.75rem;line-height:1}.score-total span{display:block;margin-top:2px;color:#617066;font-weight:800}.fight{grid-column:1;grid-row:1;min-height:0;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:10px;padding:0 0 18px}.empty-fight,.empty-state{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;color:#617066;font-weight:800;text-align:center}.empty-fight p{margin:0}.level-header{width:min(900px,100%);min-height:0;justify-self:center;display:grid;gap:6px;padding:12px 18px;border-color:#1f7a6538;background:linear-gradient(180deg,#fffffff5,#f4f8f5f0)}.level-header p:not(.label){margin:0;color:#506056;font-weight:700}.level-header h2{font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.06}.level-meta{flex-wrap:wrap;justify-content:flex-start;color:#506056;font-weight:700}.rule-pill,.word-counter{width:fit-content;max-width:100%;padding:5px 8px;border-radius:6px;background:#fff0d9;color:#93520f;font-size:.78rem;font-weight:900;white-space:nowrap}.arena{position:relative;width:min(980px,100%);min-height:0;justify-self:center;display:grid;grid-template-rows:auto auto;align-content:start;align-items:center;gap:14px;padding:22px 32px 0;border-color:#1f7a6533;background:linear-gradient(180deg,#ffffffc7,#fffffff0),linear-gradient(135deg,#1f7a651a,#d44f3f14),#f7faf8;overflow:hidden}.arena:before{position:absolute;left:10%;right:10%;bottom:126px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(23,33,28,.18),transparent)}.monster-stage{align-self:start;justify-self:center;display:grid;justify-items:center;gap:10px;width:100%}.monster-art{position:relative;width:min(620px,100%);height:clamp(330px,43vh,430px);display:grid;place-items:center;padding:14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent),#dce4dd;box-shadow:inset 0 1px #ffffff8c,0 16px 34px #17211c1f;overflow:hidden}.monster-placeholder{display:none}.monster-art img{width:auto;max-width:calc(100% - 48px);height:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain;object-position:center center;filter:drop-shadow(0 14px 18px rgba(23,33,28,.18));transition:filter .16s ease,transform .16s ease;z-index:1}.monster-art:after{position:absolute;inset:0;border-radius:inherit;content:"";background:#d44f3f00;pointer-events:none;transition:background .18s ease}.monster-art.hit:after{animation:monster-flash .42s ease}.monster-art.hit img{animation:monster-hit .42s ease}.floating-damage{position:absolute;top:-18px;right:-28px;z-index:3;min-width:52px;padding:7px 10px;border-radius:8px;background:#d44f3f;color:#fff;font-size:1.5rem;font-weight:900;line-height:1;text-align:center;box-shadow:0 12px 24px #b7352c47}.monster-status{position:relative;z-index:2;width:min(620px,100%);display:grid;gap:7px}.damage-pop-enter-active{animation:damage-float .9s ease-out both}.damage-pop-leave-active{transition:opacity .12s ease}.damage-pop-leave-to{opacity:0}.monster-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:0;color:#17211c;font-size:.96rem;font-weight:900}.monster-info span{color:#617066}.monster-speech{position:relative;width:fit-content;max-width:min(100%,520px);margin:0;padding:10px 12px;border:1px solid #f0c8c1;border-radius:8px;background:#fff6f4;color:#7f2b25;font-weight:800;box-shadow:0 10px 22px #b7352c1a}.speech-pop-enter-active,.speech-pop-leave-active{transition:opacity .16s ease,transform .16s ease}.speech-pop-enter-from,.speech-pop-leave-to{opacity:0;transform:translateY(6px)}.hp-bar{width:min(620px,100%);height:14px;justify-self:center;overflow:hidden;border-radius:999px;background:#d9e0da}.hp-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d44f3f,#f3a64c);transition:width .18s ease}.combat-log{position:relative;z-index:1;width:100%;justify-self:stretch;display:grid;gap:6px;overflow:auto;padding:0}.combat-event,.combat-empty{margin:0;padding:9px 11px;border-left:4px solid #c6d0c8;border-radius:6px;background:#ffffffb8;color:#435149}.combat-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.combat-event.hit{border-left-color:#1f7a65}.combat-event.no-damage{border-left-color:#f3a64c}.combat-event.blocked{border-left-color:#d44f3f}.combat-event.system{border-left-color:#f3a64c}.combat-event strong{color:#17211c;font-size:.92rem}.combat-event p{margin:3px 0 0;font-size:.86rem;font-weight:700}.combat-event>span{color:#1f7a65;font-size:.82rem;font-weight:900;white-space:nowrap}.combat-empty{color:#617066;font-weight:800}.insult-form{position:relative;z-index:1;width:min(620px,100%);justify-self:center;display:grid;gap:6px;margin-top:0;padding:12px 16px 0;border:1px solid rgba(31,122,101,.18);border-bottom:0;border-radius:12px 12px 0 0;background:#fffffff0;box-shadow:0 -12px 30px #121b160f}.insult-form label{color:#435149;font-size:1.05rem}.insult-form textarea{min-height:58px;border:0;padding:0;background:transparent}.field-top{width:100%}.word-counter{background:#f8e3df;color:#b7352c}.word-counter.met{background:#e8f4ef;color:#1f7a65}.action-row{padding-bottom:8px}.victory-band{width:min(646px,100%);justify-self:center;padding:12px;border-radius:8px;background:#17211c;color:#fff}.score-history{grid-column:2;grid-row:1;min-height:calc(100vh - 14px);max-height:calc(100vh - 14px);position:sticky;top:0;border:1px solid rgba(23,33,28,.13);border-top:0;border-right:0;border-radius:0;background:linear-gradient(180deg,#fffffff0,#f8fbf9e6),#fff;box-shadow:-10px 0 24px #121b160a;overflow:auto}.side-actions{display:grid;grid-template-columns:1fr 1.35fr;border-bottom:1px solid #dce4dd;background:#f4f8f5c7}.side-actions .ghost-button,.side-actions .rank-tab{min-height:68px;border:0;border-right:1px solid #dce4dd;border-radius:0;text-align:left;font-size:.98rem}.side-actions .ghost-button:last-child{border-right:0;text-align:center;background:#1f7a6514}.rank-tab{display:grid;align-content:center;gap:4px}.rank-tab strong{color:#1f7a65;font-size:1.16rem}.panel-heading{justify-content:space-between;min-height:50px;padding:12px 12px 8px}.panel-heading p{margin:0;font-size:1.02rem;font-weight:800}.panel-heading-compact{min-height:40px;padding-top:16px;border-top:1px solid rgba(23,33,28,.08)}.panel-heading span{color:#617066;font-size:.8rem;font-weight:800}.empty-history{padding:0 16px;color:#617066;font-weight:700}.event-card{display:grid;gap:6px;margin:8px 12px;padding:9px;border-color:#17211c1a;background:#ffffffd1;box-shadow:0 8px 20px #121b160d}.side-combat-log{max-height:260px;padding:0 12px 14px}.side-combat-log .combat-event,.side-combat-log .combat-empty{background:#ffffffd6}.event-text{margin:0;color:#17211c;font-weight:800;overflow-wrap:anywhere}.event-card small,.history-row small,.leader-row small{color:#617066}.full-view{min-height:100vh;margin:0;display:grid;gap:16px;align-content:start;padding:22px}.view-header{min-height:92px;padding-bottom:16px;border-bottom:1px solid #dce4dd}.view-header h2{margin-bottom:0}.view-stat,.your-rank{display:grid;gap:4px;padding:14px}.view-stat strong,.your-rank strong{color:#1f7a65;font-size:2rem;line-height:1}.view-stat span,.your-rank span,.your-rank small{color:#617066;font-size:.8rem;font-weight:800}.history-list,.leaderboard-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px}.score-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.score-badges span{width:fit-content;max-width:100%;padding:4px 7px;border-radius:6px;background:#e8f4ef;color:#1f7a65;font-size:.75rem;font-weight:900;overflow-wrap:anywhere}.score-badges .toxic{background:#f8e3df;color:#b7352c}.your-rank{width:min(360px,100%)}.leader-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px}.leader-row strong{color:#1f7a65}.leader-row p{margin:0;font-weight:900}.leader-row span{min-width:54px;padding:7px 9px;border-radius:8px;background:#e8f4ef;color:#1f7a65;font-weight:900;text-align:center}.leader-row.current{border-color:#1f7a6575;background:linear-gradient(90deg,#1f7a651a,#ffffffeb),#fff}.leader-row.current p:after{content:" ты";color:#1f7a65;font-size:.78rem;font-weight:900}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.pager span{color:#435149;font-weight:900}@keyframes monster-flash{0%{background:#d44f3f00}30%{background:#d44f3f42}to{background:#d44f3f00}}@keyframes monster-hit{0%{filter:drop-shadow(0 14px 18px rgba(23,33,28,.18));transform:translate(0) scale(1)}30%{filter:sepia(.55) saturate(1.9) hue-rotate(315deg) drop-shadow(0 18px 22px rgba(183,53,44,.3));transform:translate(5px) scale(1.025)}62%{transform:translate(-3px) scale(1.01)}to{filter:drop-shadow(0 14px 18px rgba(23,33,28,.18));transform:translate(0) scale(1)}}@keyframes damage-float{0%{opacity:0;transform:translateY(10px) scale(.84)}18%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-42px) scale(1)}}@media(max-width:1050px){.game-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px;padding:14px}.stats-panel,.fight,.score-history{grid-column:1;grid-row:auto;min-height:auto;max-height:none;position:static;border:1px solid rgba(23,33,28,.13);border-radius:8px}.stats-panel{border:0;border-bottom:1px solid rgba(31,122,101,.18);border-radius:8px 8px 0 0}.fight{padding-bottom:18px}.arena{padding:28px 20px 0}.monster-art{height:clamp(290px,44vw,380px)}}@media(max-width:720px){.topbar,.view-header,.history-row,.action-row,.victory-band{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.side-actions,.leaderboard-switch,.pager{grid-template-columns:1fr}.monster-art{width:100%;height:clamp(260px,72vw,330px)}.arena{min-height:0;padding:18px 14px 0}.combat-event{grid-template-columns:1fr}.level-header h2{font-size:1.45rem}.primary-button,.ghost-button,.rank-tab{width:100%}.score-badges{justify-content:flex-start}}