:root{--red:#c51616;--red-dark:#990d0d;--ink:#191b21;--gray:#636870;--line:#e7e5e2;--page:#f7f6f3;--white:#fff;--radius:19px;--shadow:0 18px 65px #1515150d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed7777;outline-offset:3px}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(1160px,calc(100% - 46px));margin:0 auto}.accent-line{height:5px;background:var(--red)}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:43px 0 46px;min-height:230px}.logo-link{display:inline-flex;align-items:center;max-width:100%;flex-shrink:1}.site-logo{width:min(430px,100%);height:auto;max-height:168px;object-fit:contain}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.platform-pill{font-size:11px;letter-spacing:.04em;border:1px solid #e7e7e6;padding:10px 14px;border-radius:30px;white-space:nowrap;font-weight:650;color:#65666c}.status-dot{display:inline-block;background:#42a362;width:7px;height:7px;border-radius:50%;margin-right:7px}.admin-shortcut{text-decoration:none;color:var(--gray);font-size:12px;font-weight:700}.admin-shortcut:hover,.footer-links a:hover{color:var(--red)}.main-nav{background:#fff;border-bottom:1px solid var(--line)}.nav-inner{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:11px 0}.nav-button{border:0;background:transparent;padding:11px 17px;border-radius:10px;color:#5e6269;font-size:13px;font-weight:750}.nav-button:hover{background:#f2eeed}.nav-button.active{background:#f9e7e7;color:#a51010}.view{display:none}.view.active{display:block}.intro{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:55px;padding:62px 0 55px}.eyebrow{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:850;margin-bottom:14px}.intro h1,.game-heading h1{font-size:clamp(38px,5.1vw,67px);line-height:1.08;letter-spacing:-.064em;font-weight:850;margin:0 0 22px}.intro h1 em,.game-heading h1 em{font-style:normal;color:var(--red)}.intro-copy>p,.game-heading>p{color:var(--gray);font-size:16px;line-height:1.8;max-width:570px;margin:0}.intro-tags{display:flex;flex-wrap:wrap;gap:8px 18px;color:#484c53;font-size:12px;font-weight:750;margin:23px 0 26px}.intro-tags span::first-letter{color:var(--red)}.cta{border:0;background:var(--red);color:#fff;border-radius:11px;padding:13px 21px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;transition:transform .16s,background .16s;text-decoration:none}.cta:hover{background:var(--red-dark);transform:translateY(-1px)}.cta.small{padding:11px 17px;min-height:42px}.intro-visual{height:350px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 22px 49px #28252521;background:#ddd}.intro-visual img{width:100%;height:100%;object-fit:cover}.intro-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.visual-tag{position:absolute;z-index:1;color:white;left:23px;bottom:20px;font-size:12px;font-weight:750}.visual-tag span{opacity:.6;margin:0 6px}.section-caption{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 21px}.section-caption h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 7px}.section-caption p{font-size:14px;color:var(--gray);margin:0}.section-caption .eyebrow{margin-bottom:7px}.game-count{font-size:12px;letter-spacing:.1em;color:#888;white-space:nowrap;font-weight:750}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-tile{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px #00000007;min-width:0;transition:transform .18s,box-shadow .18s}.game-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.game-tile-img{height:185px;position:relative;overflow:hidden}.game-tile-img img{width:100%;height:100%;object-fit:cover}.tile-number{position:absolute;left:18px;top:17px;background:#fff;padding:4px 10px;border-radius:9px;color:var(--red);font-weight:900;font-size:12px}.game-tile-body{padding:23px}.mini-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--red);font-weight:850}.game-tile h3{font-size:23px;letter-spacing:-.035em;margin:5px 0}.game-tile p{font-size:13px;line-height:1.75;color:var(--gray);min-height:67px;margin:8px 0 19px}.tile-link{background:transparent;border:0;border-top:1px solid var(--line);padding:14px 0 0;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;color:var(--red);font-weight:850;font-size:13px}.tile-link:hover{color:var(--red-dark)}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0 0}.note-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;gap:16px}.note-card h3{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}.note-card p{font-size:13px;color:var(--gray);margin:0;line-height:1.75}.note-icon{width:42px;height:42px;background:#fce6e6;border-radius:12px;color:var(--red);display:grid;place-items:center;flex:none;font-size:23px}.game-view{padding-top:36px}.game-heading{margin-bottom:26px}.game-heading h1{font-size:clamp(36px,4.6vw,59px);margin-bottom:12px}.game-heading p{font-size:14px}.backlink{display:block;background:none;border:0;padding:0;color:var(--gray);font-weight:800;font-size:12px;margin-bottom:27px}.backlink:hover{color:var(--red)}.game-panel{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.game-toolbar,.puzzle-toolbar{padding:21px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.select-group{border-radius:11px;background:#f4f3f1;display:flex;align-items:center;gap:4px;padding:5px;flex-wrap:wrap}.chip{background:none;border:0;border-radius:8px;padding:10px 14px;color:#62656c;font-size:12px;font-weight:800}.chip.selected{background:var(--ink);color:white;box-shadow:0 2px 7px #0002}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stat-row>div{padding:16px 24px;border-right:1px solid var(--line)}.stat-row>div:last-child{border-right:0}.stat-row small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#818189}.stat-row strong{font-size:25px;letter-spacing:-.05em;display:block;line-height:1.5}.progress-track{height:5px;background:#f1e6e6}.progress-track>div{height:100%;background:var(--red);width:0;transition:width .3s}.board-top{padding:24px 26px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.board-top h2{font-size:18px;margin:0;letter-spacing:-.02em}.board-top span{color:var(--gray);font-size:12px;text-align:right}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 26px 30px}.memory-board.many{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-card{position:relative;aspect-ratio:5/4;perspective:900px;border:0;background:none;padding:0;border-radius:12px;min-width:0}.memory-inner{display:block;height:100%;width:100%;position:relative;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.18,.76,.22,1)}.memory-card.is-open .memory-inner{transform:rotateY(180deg)}.memory-side{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.memory-back{background:linear-gradient(145deg,#d71c1c,#a90c0c);border:1px solid #ad1212;box-shadow:0 3px 8px #68070718}.memory-back:before{content:"";position:absolute;inset:9px;border:1px solid #fff4;border-radius:7px}.memory-back img{width:75%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 8px #0002)}.memory-front{transform:rotateY(180deg);border:3px solid white;background:#ddd;box-shadow:0 2px 8px #2222}.memory-front img{height:100%;width:100%;object-fit:cover}.memory-front span{position:absolute;bottom:0;width:100%;padding:17px 8px 7px;text-align:left;font-size:11px;font-weight:800;color:#fff;line-height:1.3;background:linear-gradient(transparent,#000a)}.memory-card.is-matched .memory-front{outline:2px solid var(--red)}.memory-card.is-matched{cursor:default}.instruction{border:1px solid var(--line);border-radius:15px;background:#fff;padding:22px 27px;margin:18px 0 0}.instruction h3{font-size:16px;margin:0 0 7px}.instruction p{color:var(--gray);font-size:13px;margin:0;line-height:1.8}.quiz-top{display:flex;align-items:center;gap:13px;justify-content:space-between;padding:20px 27px;border-bottom:1px solid var(--line);flex-wrap:wrap}.quiz-badge{font-size:12px;border:1px solid #f6d5d5;background:#fff6f6;border-radius:9px;padding:7px 12px;color:var(--red-dark);font-weight:800}.quiz-badge.secondary{border-color:var(--line);background:#fafafa;color:#444}.text-btn{color:var(--red);background:none;border:0;font-size:12px;font-weight:800}.quiz-photo-frame{height:clamp(240px,39vw,390px);background:#e5e4e1;overflow:hidden}.quiz-photo-frame img{width:100%;height:100%;object-fit:cover}.quiz-content{padding:24px 28px 30px}.quiz-content h2{font-size:20px;letter-spacing:-.025em;margin:0 0 16px}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-choice{border:1px solid #e5e2dd;background:#fff;text-align:left;padding:15px 17px;border-radius:11px;color:#444;font-size:14px;font-weight:750}.quiz-choice:hover:not(:disabled){border-color:#d49c9c;background:#fff8f8}.quiz-choice.correct{border-color:#489b60;background:#eff9f1;color:#1c6b37}.quiz-choice.wrong{border-color:#da7d7d;background:#fff1f1;color:#a51616}.quiz-choice:disabled{cursor:default}.feedback{min-height:26px;font-size:13px;font-weight:720;color:#53565d}.result{text-align:center;padding:60px 20px}.result-symbol{height:64px;width:64px;border-radius:22px;display:grid;place-items:center;background:#ffeaea;color:var(--red);font-size:38px;margin:0 auto 16px}.result h2{font-size:32px;letter-spacing:-.04em;margin:0 0 7px}.result p{color:var(--gray);margin:0 0 24px}.field-label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#72747b;font-weight:800}.field-label select,.field input,.field textarea{border:1px solid #dcd9d5;background:#fff;border-radius:10px;padding:9px 12px;color:#333;min-width:180px;max-width:100%}.puzzle-stats{grid-template-columns:repeat(3,1fr)}.puzzle-stage{padding:27px;display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:26px;align-items:start}.puzzle-board{display:grid;aspect-ratio:1;max-width:560px;width:100%;background:#f4e9e6;border:5px solid #f2e3df;border-radius:15px;overflow:hidden;gap:3px;padding:3px}.puzzle-tile{position:relative;background-color:#dad6ce;background-repeat:no-repeat;border:0;min-width:0;min-height:0;border-radius:4px;transition:filter .1s}.puzzle-tile:not(:disabled):hover{filter:brightness(1.12)}.puzzle-tile.blank{background:#e8ded9!important;cursor:default}.puzzle-tile.movable{box-shadow:inset 0 0 0 2px #fff5}.puzzle-aside{max-width:300px;background:#faf9f7;padding:17px;border:1px solid var(--line);border-radius:14px}.puzzle-aside img{border-radius:9px;width:100%;aspect-ratio:1.3;object-fit:cover;margin:8px 0 12px}.puzzle-aside p{font-size:13px;color:var(--gray);margin:0;line-height:1.7}.privacy-box{margin:34px 0 40px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 27px;display:flex;gap:17px}.privacy-symbol{border-radius:50%;background:#f8e7e7;color:var(--red);width:33px;height:33px;display:grid;place-items:center;font-weight:900;flex:none}.privacy-box h2{font-size:17px;letter-spacing:-.02em;margin:0 0 7px}.privacy-box p{font-size:12px;line-height:1.85;color:var(--gray);margin:0 0 8px}.privacy-box p:last-child{margin:0}.privacy-box a{color:var(--red-dark);font-weight:700}.site-footer{background:#fff;border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-inner strong{font-size:13px}.footer-inner p{font-size:11px;color:var(--gray);margin:3px 0 0}.footer-inner>span{font-size:11px;color:var(--gray)}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:12px;text-decoration:none;color:#535760;font-weight:730}.win-dialog{border:0;padding:0;border-radius:22px;max-width:min(460px,94vw);width:100%;box-shadow:0 30px 100px #0004}.win-dialog::backdrop{background:#12121ab5;backdrop-filter:blur(5px)}.win-dialog-body{padding:39px 26px;text-align:center}.win-dialog-body h2{font-size:29px;letter-spacing:-.04em;margin:0 0 8px}.win-dialog-body p{color:var(--gray);font-size:14px}.win-dialog-body .record{color:var(--red);font-weight:850}.dialog-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.light-btn{border:0;background:#f1eeeb;border-radius:10px;padding:11px 17px;color:#333;font-weight:800}.status-error{color:#9e1717;font-weight:750} [hidden]{display:none!important}
@media(max-width:980px){.header-inner{min-height:195px;padding:34px 0}.site-logo{max-height:136px;width:min(340px,100%)}.intro{gap:27px}.intro-visual{height:305px}.puzzle-stage{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:740px){.shell{width:min(100% - 30px,1160px)}.header-inner{min-height:170px;padding:34px 0;gap:12px}.site-logo{width:min(265px,100%);max-height:120px}.header-right{flex-direction:column;align-items:flex-end;gap:9px}.platform-pill{display:none}.intro{grid-template-columns:1fr;padding:36px 0 42px}.intro-visual{height:250px}.game-grid{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr}.puzzle-stage{grid-template-columns:1fr}.puzzle-aside{max-width:none;display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.puzzle-aside .mini-label{grid-column:1 / -1}.puzzle-aside img{margin:0}}@media(max-width:520px){.header-inner{padding:38px 0;min-height:172px}.site-logo{width:min(245px,100%)}.admin-shortcut{font-size:11px}.nav-inner{flex-wrap:nowrap;overflow:auto}.nav-button{padding:9px 11px;white-space:nowrap;font-size:12px}.intro-visual{height:210px}.section-caption h2{font-size:26px}.game-grid{grid-template-columns:1fr}.game-tile-img{height:175px}.game-tile p{min-height:0}.game-view{padding-top:24px}.game-toolbar,.puzzle-toolbar{padding:17px;flex-direction:column;align-items:stretch}.select-group{justify-content:center}.chip{padding:10px}.stat-row{grid-template-columns:repeat(2,1fr)}.stat-row>div{padding:13px;border-bottom:1px solid var(--line)}.stat-row strong{font-size:23px}.stat-row>div:nth-child(2n){border-right:0}.memory-board,.memory-board.many{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 14px 22px}.memory-back:before{inset:5px}.memory-front span{font-size:9px;padding:17px 4px 4px}.board-top{padding:17px 14px;align-items:flex-start;flex-direction:column}.board-top span{text-align:left}.quiz-photo-frame{height:230px}.quiz-content{padding:19px}.quiz-options{grid-template-columns:1fr}.quiz-top{padding:15px}.puzzle-stage{padding:13px}.privacy-box{padding:19px 16px}.footer-inner{flex-direction:column;align-items:start;gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}