@font-face{font-family:'Nunito';font-weight:400 900;font-display:swap;src:url(/static/nunito-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-weight:400 900;font-display:swap;src:url(/static/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:'Nunito',system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#fdf3e7}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 8%,#ffd9c2 0,transparent 42%),radial-gradient(circle at 92% 28%,#cfe6d8 0,transparent 45%),radial-gradient(circle at 28% 92%,#d6e2f5 0,transparent 50%),#fdf3e7}
header{background:#fdf3e7cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}header h1{font-weight:800;letter-spacing:-.01em;color:#4b3a33}
.scr{animation:fadein .28s ease}@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tile,.card,.encard,.botbox,.wordcard,#modal>div,.reader{border-radius:22px!important;box-shadow:0 10px 24px -10px #a0785a55,0 2px 4px #a0785a1a,inset 0 1px 0 #ffffffb3!important}
.tile::after,.card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,#ffffff66 0,#ffffff00 42%);pointer-events:none}
.card{background:#ffffffcc}.card .t{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;border-radius:0 0 22px 22px}
.ib,.gbtn,.lt,.gcell{border-radius:16px;background:linear-gradient(180deg,#ffffff,#f3e9df);box-shadow:0 4px 0 #e2d3c4,0 6px 12px -6px #a0785a66,inset 0 1px 0 #fff;transition:transform .12s,box-shadow .12s;font-family:inherit;font-weight:700;color:#4b3a33}
.ib:active,.gbtn:active,.lt:active,.gcell:active,.tile:active,.card:active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #e2d3c4,0 2px 6px -4px #a0785a66}
.ib.main{background:linear-gradient(180deg,#f0ab9d,#de8d7f);color:#fff;box-shadow:0 4px 0 #c67465,0 8px 16px -6px #de8d7f99,inset 0 1px 0 #ffffff80;text-shadow:0 1px 0 #0000001a}
.ib.on{outline:none;background:linear-gradient(180deg,#fff4e8,#ffe1cc);box-shadow:0 0 0 3px #e9a28f,0 4px 0 #e2d3c4}.ib.off{opacity:.55}
.tile{transition:transform .15s}.good{background:linear-gradient(180deg,#d3f5d6,#a9e6b1)!important;box-shadow:0 4px 0 #86c890!important}
.card .ph,.fa.nb,.fa:not(:has(img)){background:linear-gradient(100deg,#f4ebe1 30%,#fbf6f0 50%,#f4ebe1 70%);background-size:300% 100%;animation:shim 1.4s infinite linear}.card .ph{font-size:0}
@keyframes shim{from{background-position:100% 0}to{background-position:0 0}}
.agenote{grid-column:1/-1;margin:0 2px 4px;color:#7d6a5f;font-size:13px}
.lvl .ib{min-height:44px}.gq{font-weight:800}
#pzdone{position:fixed;inset:0;z-index:55;background:#3b2c2466;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadein .3s}
.pzd{background:linear-gradient(180deg,#fffaf3,#fbefe2);border-radius:24px;padding:14px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 40px -12px #5a3c2a66,inset 0 1px 0 #fff;max-height:94vh;overflow:auto}
.pzd img{width:100%;border-radius:16px;display:block;box-shadow:0 6px 16px -8px #0006}.pzd h2{font-size:30px;font-weight:900;margin:12px 0 2px;color:#c0634f}.pzd p{color:#7d6a5f;margin:4px 0 12px}.pzd .ib{margin-top:8px;min-height:52px}
body.pzland #puzzle{flex-direction:row;flex-wrap:wrap}body.pzland #puzzle header,body.pzland #plvl{width:100%}body.pzland #board{margin:6px}body.pzland #tray{min-width:38vw}
.lvhead{display:flex;justify-content:space-between;align-items:baseline;margin:6px 2px}.lvhead b{font-size:18px;color:#4b3a33}.lvhead span{color:#8a6f5f;font-size:14px}
.lvbar{height:10px;border-radius:6px;background:#efe3d6;overflow:hidden;margin:4px 0 10px;box-shadow:inset 0 1px 2px #0001}.lvbar i{display:block;height:100%;background:linear-gradient(90deg,#f2b49f,#e58f7c);border-radius:6px}
.lvgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:20px}
.lv{aspect-ratio:1;border:0;border-radius:16px;background:linear-gradient(180deg,#fff,#f3e9df);box-shadow:0 4px 0 #e2d3c4,0 6px 10px -6px #a0785a55;font-family:inherit;color:#4b3a33;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transition:transform .12s}
.lv b{font-size:19px;font-weight:800}.lv small{font-size:10px;color:#d39a20;min-height:12px}.lv:active{transform:translateY(3px)}
.lv.done{background:linear-gradient(180deg,#fff8e6,#ffe9bd);box-shadow:0 4px 0 #e8c98a}.lv.cur{background:linear-gradient(180deg,#f6b5a5,#e48a77);color:#fff;box-shadow:0 4px 0 #c46b59,0 0 0 4px #f6c9bd;animation:pulse 1.6s infinite}.lv.cur small{color:#fff}
.lv.lk{opacity:.5}.lv.lk b{font-size:15px}@keyframes pulse{50%{box-shadow:0 4px 0 #c46b59,0 0 0 8px #f6c9bd55}}
.lvtag{flex:1;text-align:center;font-weight:800;color:#8a5a4a;padding:8px;background:#fff8f0;border-radius:14px}
.ph.hascv{padding:0}.ph img.cv{width:100%;height:100%;object-fit:cover}