.psy-slovo {--paper:#f5f2ec; --card:#ffffff; --line:#e4e1d4;
    --text:#222219; --text2:#5a5b50;
    --green:#294103; --green2:#445723; --accent:#4a8c1a; --amber:#c47d16; --cta:#3b6cb5;
    --hit:#4a8c1a; --near:#d9a534; --miss:#a8a89c;
    --serif:'Cormorant Garamond',Georgia,serif; --sans:'Raleway','Segoe UI',sans-serif;}
.psy-slovo * {box-sizing:border-box}
.psy-slovo {margin:0;padding:0}
.psy-slovo .brd {display:none}
@media(min-width:560px) {
.psy-slovo .brd {display:inline}
}
.psy-slovo.embed {min-height:0;padding:0;background:#fff}
.psy-slovo.embed .stage {max-width:none;width:100%;border:none;border-radius:0;box-shadow:none}
.psy-slovo.embed .stage > * {max-width:780px;margin-left:auto;margin-right:auto}
.psy-slovo.embed .title {display:none}
.psy-slovo.embed .subtitle {display:none}
.psy-slovo.embed .head {padding-top:20px;justify-content:flex-end}
.psy-slovo.embed .head.done {justify-content:space-between}
.psy-slovo.embed .head.done .subtitle {display:block;font-size:17px}
.psy-slovo {background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;
    min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.psy-slovo .stage {width:100%;max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:14px;
    box-shadow:0 8px 30px rgba(41,65,3,.07);overflow:hidden}
.psy-slovo .head {padding:26px 30px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.psy-slovo .title {font-family:var(--serif);font-weight:600;font-size:34px;line-height:1.04;color:var(--green)}
.psy-slovo .subtitle {color:var(--green2);font-size:18.5px;font-weight:600;line-height:1.3;margin-top:6px;
    max-width:390px;text-wrap:pretty}
.psy-slovo .streak {flex:0 0 auto;text-align:center;border:1px solid var(--line);border-radius:11px;padding:8px 13px;min-width:74px}
.psy-slovo .streak b {display:block;font-family:var(--serif);font-size:26px;line-height:1;color:var(--text);font-weight:700}
.psy-slovo .streak span {display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text2);margin-top:3px}
.psy-slovo .streak.off {opacity:.45}
.psy-slovo .streak-card {margin-top:16px;border-color:#c9a86a}
.psy-slovo .code-till {margin:-9px 0 14px;font-size:13.5px;color:var(--text2)}
.psy-slovo .code-till b {color:#8a6d1f}
.psy-slovo .next-goal {margin-top:10px;padding-top:10px;border-top:1px solid var(--line);
    font-size:14.5px;line-height:1.5;color:var(--green2);font-weight:600}
.psy-slovo .screen {display:none}
.psy-slovo .screen.active {display:block;animation:fade .35s ease both}
@keyframes fade {
from {opacity:0;transform:translateY(6px)}
to {opacity:1;transform:none}
}
.psy-slovo details.brief-wrap {margin:14px 30px 10px;border-bottom:1px solid var(--line)}
.psy-slovo details.brief-wrap[open] summary {color:var(--text2);font-weight:600}
.psy-slovo .brief {margin:2px 0 14px;display:flex;flex-direction:column;gap:9px}
.psy-slovo .bi {display:flex;align-items:flex-start;gap:11px}
.psy-slovo .bn {flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:#eef1e6;color:var(--text2);
    font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.psy-slovo .bi p {margin:0;font-size:15px;line-height:1.55;color:var(--text2);text-wrap:pretty}
.psy-slovo .bi p b {color:var(--text);font-weight:700}
.psy-slovo .bi p b.g {color:var(--hit)}
.psy-slovo .bi p b.y {color:#b8860b}
.psy-slovo details.why {margin:12px 30px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.psy-slovo details.why-bottom {margin:0 30px 22px;border-bottom:none}
.psy-slovo details.why summary {list-style:none;cursor:pointer;padding:13px 2px;font-weight:600;font-size:15px;color:var(--text2);display:flex;align-items:center;justify-content:space-between}
.psy-slovo details.why summary::-webkit-details-marker {display:none}
.psy-slovo details.why summary::after {content:"+";font-size:18px}
.psy-slovo details.why[open] summary::after {content:"\2013"}
.psy-slovo details.why p {margin:0;padding:0 2px 15px;font-size:16px;line-height:1.65;color:var(--text2);text-wrap:pretty}
.psy-slovo .board {display:grid;grid-auto-rows:auto;gap:6px;padding:4px 30px 12px;justify-content:center}
.psy-slovo .row {display:grid;grid-template-columns:repeat(5,52px);gap:6px}
.psy-slovo .cell {width:52px;height:52px;border:2px solid #e2dfd2;border-radius:9px;display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-weight:700;font-size:28px;color:var(--text);background:#fff;text-transform:uppercase;
    transition:transform .12s}
.psy-slovo .cell.filled {border-color:#8f8a76;background:#fbfaf5;animation:pop .14s ease}
@keyframes pop {
45% {transform:scale(1.11)}
}
.psy-slovo .cell.hit {background:var(--hit);border-color:var(--hit);color:#fff}
.psy-slovo .cell.near {background:var(--near);border-color:var(--near);color:#fff}
.psy-slovo .cell.miss {background:var(--miss);border-color:var(--miss);color:#fff}
.psy-slovo .cell.flip {animation:flip .5s ease both}
@keyframes flip {
0% {transform:rotateX(0)}
50% {transform:rotateX(90deg)}
100% {transform:rotateX(0)}
}
.psy-slovo .row.shake {animation:shake .4s}
@keyframes shake {
0%,100% {transform:translateX(0)}
20% {transform:translateX(-7px)}
40% {transform:translateX(7px)}
60% {transform:translateX(-4px)}
80% {transform:translateX(4px)}
}
.psy-slovo .playrow {display:block}
.psy-slovo .hintrail {display:none}
.psy-slovo .enterbtn {display:none}
.psy-slovo.lay-new .playrow {padding:0 30px}
.psy-slovo.lay-new .board {padding:4px 0 14px}
.psy-slovo.lay-new .hintrail {display:flex;align-items:center;justify-content:space-between;gap:16px;
    width:fit-content;max-width:calc(100% - 60px);margin:0 auto 14px;padding:11px 13px 11px 16px;
    border:1px solid #dde3d2;border-radius:13px}
.psy-slovo.lay-new .hr-cap {display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;
    color:var(--green);white-space:nowrap}
.psy-slovo.lay-new .hr-cap svg {width:19px;height:19px;flex:0 0 auto}
.psy-slovo.lay-new .hintrail.done .hr-cap {color:var(--text2)}
.psy-slovo.lay-new .hr-btns {display:flex;gap:7px;flex:0 0 auto}
.psy-slovo.lay-new .hint-sq {width:40px;height:40px;border-radius:10px;border:1.5px solid var(--accent);
    background:#fff;color:var(--green);cursor:pointer;font-family:var(--sans);font-weight:700;font-size:15px;
    display:flex;align-items:center;justify-content:center;
    transition:background .15s,transform .1s,border-color .15s,color .15s}
.psy-slovo.lay-new .hint-sq:hover {background:#eef4e3;transform:translateY(-1px)}
.psy-slovo.lay-new .hint-sq:active {transform:scale(.95)}
.psy-slovo.lay-new .hint-sq.used {background:#ecefe4;border-color:#dcdfd2;color:#b3baa5;cursor:default;transform:none}
.psy-slovo.lay-new .hint-sq.locked {background:#f4f5f0;border-color:#e2e4da;border-style:dashed;color:#b9bfae;
    cursor:default;transform:none}
.psy-slovo.lay-new .hint-sq.locked:hover {background:#f4f5f0;transform:none}
.psy-slovo.lay-new .hint-sq.ready {animation:hintReady 1.6s ease-in-out infinite}
@keyframes hintReady {
0%,100% {box-shadow:0 0 0 0 rgba(74,140,26,.4)}
70% {box-shadow:0 0 0 7px rgba(74,140,26,0)}
}
.psy-slovo.lay-new .enterbtn {display:block;margin:0 auto 10px;background:var(--cta);color:#fff;border:none;
    border-radius:10px;font-family:var(--sans);font-size:15.5px;font-weight:700;padding:14px 34px;cursor:pointer;
    transition:background .15s,box-shadow .2s,transform .1s}
.psy-slovo.lay-new .enterbtn:hover {background:#356099}
.psy-slovo.lay-new .enterbtn.ready {box-shadow:0 0 0 0 rgba(59,108,181,.45);animation:enterPulse 1.5s ease-in-out infinite}
.psy-slovo.lay-new .hintzone {display:none}
.psy-slovo .giveup {display:none;margin:0 auto 14px;background:none;border:none;cursor:pointer;
    font-family:var(--sans);font-size:14px;color:var(--text2);border-bottom:1px dashed #c8ccbc;
    padding:2px 0}
.psy-slovo .giveup:hover {color:var(--text)}
.psy-slovo .giveup.on {display:block}
@media(max-width:520px) {
.psy-slovo.lay-new .playrow {padding:0 10px}
.psy-slovo.lay-new .hintrail {max-width:calc(100% - 28px);gap:11px;padding:10px 11px 10px 13px}
.psy-slovo.lay-new .hr-cap {font-size:13.5px;white-space:normal}
.psy-slovo.lay-new .hint-sq {width:37px;height:37px;font-size:14.5px}
}
.psy-slovo .rules {margin:14px 30px 16px;padding-top:15px;border-top:1px solid var(--line);
    font-size:15px;line-height:1.55;color:var(--text2);text-wrap:pretty}
.psy-slovo .rules b {font-weight:700}
.psy-slovo .rules b.g {color:var(--hit)}
.psy-slovo .rules b.y {color:#b8860b}
.psy-slovo .msg {min-height:22px;text-align:center;font-size:14.5px;font-weight:600;color:var(--text2);padding:0 30px 6px}
.psy-slovo .hintzone {padding:0 30px 12px;text-align:center}
.psy-slovo .hintbtn {display:inline-flex;align-items:center;gap:12px;background:var(--green);border:none;
    color:#fff;border-radius:10px;font-family:var(--sans);font-size:15px;font-weight:600;
    padding:13px 20px;cursor:pointer;transition:background .15s,transform .1s}
.psy-slovo .hintbtn:hover {background:#365806}
.psy-slovo .hintbtn:active {transform:scale(.98)}
.psy-slovo .hintbtn .cnt {font-variant-numeric:tabular-nums;font-size:13px;background:rgba(255,255,255,.16);
    border-radius:20px;padding:3px 10px}
.psy-slovo .hintbtn.done {background:#c9ccbf;cursor:default}
.psy-slovo .hintbtn.done:hover {background:#c9ccbf}
.psy-slovo .hintbtn.done .cnt {display:none}
.psy-slovo .cell.lock {background:#eef1e6;border-color:var(--accent);color:var(--text);position:relative;
    animation:pop .18s ease}
.psy-slovo .cell.lock::after {content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;
    border-radius:50%;background:var(--accent)}
.psy-slovo .kb {padding:2px 12px 24px;display:flex;flex-direction:column;gap:6px;align-items:center;
    max-width:680px;margin:0 auto}
.psy-slovo .kbrow {display:flex;gap:4px;justify-content:center;width:100%}
.psy-slovo .key {flex:1 1 auto;min-width:0;height:50px;border:none;border-radius:7px;background:#eceadf;color:var(--text);
    font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer;text-transform:uppercase;
    display:flex;align-items:center;justify-content:center;transition:background .12s,transform .08s,color .12s}
.psy-slovo .key:hover {background:#e2dfd0}
.psy-slovo .key:active {transform:scale(.94)}
.psy-slovo .key.wide {flex:1.7 1 auto;font-size:12.5px;letter-spacing:.04em}
.psy-slovo .key.hit {background:var(--hit);color:#fff}
.psy-slovo .key.near {background:var(--near);color:#fff}
.psy-slovo .key.miss {background:#c3c1b6;color:#fff}
.psy-slovo .key.enter {background:var(--cta);color:#fff}
.psy-slovo .key.enter:hover {background:#356099}
.psy-slovo .key.enter.ready {animation:enterPulse 1.5s ease-in-out infinite}
@keyframes enterPulse {
0%,100% {box-shadow:0 0 0 0 rgba(59,108,181,.45)}
70% {box-shadow:0 0 0 9px rgba(59,108,181,0)}
}
.psy-slovo .result {padding:24px 30px 4px}
.psy-slovo .theword {font-family:var(--serif);font-weight:600;font-size:44px;line-height:1;color:var(--green);letter-spacing:.03em;margin-bottom:14px}
.psy-slovo .tone {border:1px solid #dde3d2;border-radius:13px;padding:17px 19px;margin:0 0 20px}
.psy-slovo .tone-h {display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:26px;
    color:var(--green);margin-bottom:7px;line-height:1.1}
.psy-slovo .tone-dot {width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:var(--accent);
    box-shadow:0 0 0 4px rgba(74,140,26,.14)}
.psy-slovo .tone.mid .tone-dot {background:var(--amber);box-shadow:0 0 0 4px rgba(196,125,22,.14)}
.psy-slovo .tone.low .tone-dot {background:#b0603a;box-shadow:0 0 0 4px rgba(176,96,58,.14)}
.psy-slovo .tone p {margin:0;font-size:16px;line-height:1.62;color:var(--text);text-wrap:pretty}
.psy-slovo .tone p span {display:block}
.psy-slovo .tone p span + span {margin-top:10px}
.psy-slovo .tone-time {margin-bottom:10px !important;font-size:15px;color:var(--text) !important}
.psy-slovo .tone-time b {font-variant-numeric:tabular-nums;font-weight:700}
.psy-slovo .tone-delta {display:none;margin-top:11px !important;padding-top:11px;border-top:1px solid #e3e7d9;
    font-size:15.5px;color:var(--text) !important}
.psy-slovo .tone-delta.on {display:block}
.psy-slovo .tone-delta b {font-weight:700}
.psy-slovo .sell {display:none;margin-top:20px;padding:15px;border-radius:13px;background:#fff;
    border:1px solid var(--line);text-decoration:none;color:inherit;
    align-items:center;gap:16px;transition:border-color .15s,box-shadow .2s,transform .1s}
.psy-slovo .sell.on {display:flex}
.psy-slovo .sell:hover {border-color:#cfd9bf;box-shadow:0 10px 24px rgba(41,65,3,.10);transform:translateY(-1px)}
.psy-slovo .sell-ic {flex:0 0 auto;width:78px;height:78px;border-radius:11px;background:#eef1e6;
    display:flex;align-items:center;justify-content:center}
.psy-slovo .sell-ic img {width:46px;height:46px;object-fit:contain;display:block}
.psy-slovo .sell-body {flex:1;min-width:0}
.psy-slovo .sell-go {flex:0 0 auto;background:var(--cta);color:#fff;border-radius:10px;
    font-size:15.5px;font-weight:700;padding:13px 24px;white-space:nowrap;
    box-shadow:0 5px 14px rgba(59,108,181,.25);transition:background .15s,box-shadow .2s}
.psy-slovo .sell:hover .sell-go {background:#356099;box-shadow:0 8px 20px rgba(59,108,181,.34)}
.psy-slovo .player {display:none;align-items:center;gap:14px;padding:12px 14px;margin:4px 0 2px;
    border:1px solid #e0e4d7;border-radius:12px;background:#fff}
.psy-slovo .player.on {display:flex}
.psy-slovo .player audio {display:none}
.psy-slovo .pbtn {flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
    background:#eef1e6;color:var(--green);display:flex;align-items:center;justify-content:center;
    transition:background .15s,transform .1s}
.psy-slovo .pbtn:hover {background:#e4e9d8}
.psy-slovo .pbtn:active {transform:scale(.95)}
.psy-slovo .pbtn svg {display:block}
.psy-slovo .pbody {flex:1;min-width:0}
.psy-slovo .ptrack {height:6px;border-radius:4px;background:#eceee4;cursor:pointer;overflow:hidden}
.psy-slovo .ptrack:hover {background:#e6e9dd}
.psy-slovo .pfill {height:100%;width:0;border-radius:4px;background:#6f8a45;transition:width .1s linear}
.psy-slovo .ptime {display:flex;justify-content:space-between;margin-top:7px;font-size:12.5px;
    font-variant-numeric:tabular-nums;color:var(--text2)}
.psy-slovo .sell-l {display:block;font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
    color:var(--text2);margin-bottom:5px}
.psy-slovo .sell-h {display:block;font-family:var(--serif);font-weight:600;font-size:22px;color:var(--green);
    line-height:1.18;margin-bottom:5px}
.psy-slovo .sell-d {display:block;font-size:15px;line-height:1.5;color:var(--text);text-wrap:pretty}
.psy-slovo #gift {opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.psy-slovo #gift.in {opacity:1;transform:none}
.psy-slovo .gift-card {border:1px solid #dde3d2;border-radius:13px;padding:20px 21px;margin-bottom:16px}
.psy-slovo .gift-label {font-weight:700;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text2);margin-bottom:7px}
.psy-slovo .gift-title {font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.12;color:var(--green);margin-bottom:8px}
.psy-slovo .gift-desc {font-size:16px;line-height:1.6;color:var(--text);margin:0 0 15px;text-wrap:pretty}
.psy-slovo .gift-desc-after {margin:14px 0 4px}
.psy-slovo .clamp {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.psy-slovo .clamp.open {display:block}
.psy-slovo .more {display:none;background:none;border:none;cursor:pointer;padding:4px 0 0;
    font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--cta)}
.psy-slovo .more:hover {color:#356099}
.psy-slovo .more.on {display:block}
.psy-slovo .code {display:flex;align-items:center;gap:11px;border:1px dashed #c9a86a;border-radius:10px;padding:12px 15px;margin-bottom:15px;flex-wrap:wrap}
.psy-slovo .code .cv {font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:700;font-size:22px;letter-spacing:.08em;color:var(--text);flex:1 1 auto;word-break:break-word}
.psy-slovo .code .cc {flex:0 0 auto;border:1px solid var(--line);background:#faf9f4;color:var(--text);border-radius:8px;padding:8px 13px;font-size:13.5px;font-weight:700;cursor:pointer}
.psy-slovo .code .cc:hover {background:#f2f0e5}
.psy-slovo .btn {font-family:var(--sans);font-weight:700;border:none;cursor:pointer;border-radius:10px;font-size:16px;padding:15px 26px;
    transition:transform .12s,box-shadow .2s,background .2s;text-decoration:none;display:inline-block}
.psy-slovo .btn-cta {background:var(--cta);color:#fff;box-shadow:0 6px 18px rgba(59,108,181,.26)}
.psy-slovo .btn-cta:hover {background:#356099;box-shadow:0 10px 26px rgba(59,108,181,.36);transform:translateY(-1px)}
.psy-slovo .btn-ghost {background:transparent;color:var(--green2);border:1px solid var(--line);font-size:15px;font-weight:600;padding:12px 22px}
.psy-slovo .btn-ghost:hover {background:#f4f2e9}
.psy-slovo .foot {border-top:1px solid var(--line);margin:6px 0 0;padding:18px 30px 26px}
.psy-slovo .next {text-align:center;border:1px solid #dde3d2;border-radius:13px;
    padding:16px 18px;margin-bottom:6px}
.psy-slovo .next-l {font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green2)}
.psy-slovo .next-t {font-family:var(--serif);font-weight:700;font-size:38px;line-height:1.05;color:var(--green);
    font-variant-numeric:tabular-nums;margin:6px 0 4px}
.psy-slovo .next-d {font-size:13.5px;color:var(--text2);line-height:1.45;text-wrap:pretty}
.psy-slovo .disclaimer {font-size:13px;color:var(--text2);line-height:1.5;padding:0 30px 22px;text-wrap:pretty}
@media(max-width:520px) {
.psy-slovo .sell {gap:12px;padding:13px;flex-wrap:wrap}
.psy-slovo .sell-body {flex:1 1 100%;order:2}
.psy-slovo .sell-ic {order:1}
.psy-slovo .sell-go {order:3;flex:1 1 100%;text-align:center;padding:13px 18px}
.psy-slovo .sell-ic {width:62px;height:62px}
.psy-slovo .sell-ic img {width:36px;height:36px}
.psy-slovo .sell-h {font-size:20px}
.psy-slovo {padding:0}
.psy-slovo .stage {border-radius:0;border-left:none;border-right:none}
.psy-slovo .head {padding:18px 18px 0}
.psy-slovo .msg, .psy-slovo .result, .psy-slovo .foot, .psy-slovo .disclaimer {padding-left:18px;padding-right:18px}
.psy-slovo details.brief-wrap {margin:10px 18px 8px}
.psy-slovo .brief {margin:2px 0 12px;gap:8px}
.psy-slovo .bi p {font-size:14.5px;line-height:1.5}
.psy-slovo .hintzone {padding:0 18px 10px}
.psy-slovo .hintbtn {font-size:13.5px;padding:9px 14px}
.psy-slovo details.why {margin:8px 18px 8px}
.psy-slovo details.why summary {padding:11px 2px;font-size:14px}
.psy-slovo .title {font-size:28px}
.psy-slovo .subtitle {font-size:14px}
.psy-slovo .streak {padding:7px 10px;min-width:66px}
.psy-slovo .streak b {font-size:22px}
.psy-slovo .board {padding:2px 14px 10px;gap:6px}
.psy-slovo .row {grid-template-columns:repeat(5,minmax(0,52px));gap:6px}
.psy-slovo .cell {width:100%;height:auto;aspect-ratio:1;font-size:25px;border-radius:8px}
.psy-slovo .msg {min-height:19px;font-size:14px}
.psy-slovo .theword {font-size:36px}
.psy-slovo .kb {padding:0 5px 18px;gap:5px}
.psy-slovo .key {height:46px;font-size:14px;border-radius:6px}
.psy-slovo .key.wide {font-size:11px}
}