.erectionary-omenstanding-game *{box-sizing:border-box;margin:0;padding:0}
.erectionary-omenstanding-game{max-width:1200px;margin:20px auto;font-family:'Inter',Arial,sans-serif}
.omenstanding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;background:white;padding:15px 20px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.omenstanding-stats{display:flex;gap:16px;font-size:0.95rem;flex-wrap:wrap}
.omenstanding-stats span{background:#f0f0f0;padding:4px 14px;border-radius:20px;font-weight:600;font-size:0.9rem}
.omenstanding-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.omenstanding-controls button{padding:6px 18px;border-radius:40px;font-weight:600;cursor:pointer;border:none;font-size:0.85rem}
.omenstanding-hint-btn{background:#00B1DD;color:white}
.omenstanding-hint-btn:hover{background:#0095b8}
.omenstanding-restart-btn{background:#D8352C;color:white}
.omenstanding-restart-btn:hover{background:#b82a22}
.omenstanding-board{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f8f5f0;border-radius:24px;padding:20px;border:1px solid #e0d8d0;min-height:500px}
.omenstanding-left h3,.omenstanding-right h3{text-align:center;color:#D8352C;font-size:1rem;margin-bottom:12px;font-weight:700}
.omenstanding-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:500px;margin:0 auto}
.omenstanding-card{aspect-ratio:2/3;perspective:800px;cursor:pointer;border-radius:12px;min-height:200px;max-height:300px;width:100%}
.omenstanding-card-inner{position:relative;width:100%;height:100%;transition:transform 0.5s;transform-style:preserve-3d;border-radius:12px}
.omenstanding-card.flipped .omenstanding-card-inner{transform:rotateY(180deg)}
.omenstanding-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center;overflow:hidden}
.omenstanding-card-back{background:#1a3a6b;border:3px solid #4a8fd8;box-shadow:inset 0 0 30px rgba(74,143,216,0.15),0 4px 15px rgba(0,0,0,0.3);color:white}
.omenstanding-card-back .back-title{font-size:0.6rem;font-weight:700;color:#8abdf0;letter-spacing:2px}
.omenstanding-card-back .back-logo{max-width:45%;height:auto;margin:2px 0}
.omenstanding-card-back .back-sub{font-size:0.4rem;color:#6a9fc8;letter-spacing:2px}
.omenstanding-card-front{background:white;transform:rotateY(180deg);border:3px solid #D8352C;box-shadow:0 4px 12px rgba(216,53,44,0.15);padding:10px;gap:2px}
.omenstanding-card-front .card-image{max-width:55%;max-height:25%;object-fit:contain;border-radius:4px;margin-bottom:4px}
.omenstanding-card-front .card-word{font-size:1.2rem;font-weight:800;color:#D8352C}
.omenstanding-card-front .card-cypher{font-size:0.7rem;font-weight:600;color:#1a1a2e}
.omenstanding-card-front .card-omenology{font-size:0.6rem;color:#4a4a6a;line-height:1.3;overflow-y:auto;max-height:3.5em;padding:2px 6px;width:100%;background:#f8f5f0;border-radius:4px;margin-top:2px}
.omenstanding-card.matched .omenstanding-card-inner{transform:rotateY(180deg)}
.omenstanding-card.matched{opacity:0.5;pointer-events:none;cursor:default}
.omenstanding-card.hint-revealed .omenstanding-card-inner{transform:rotateY(180deg)}
.omenstanding-card.hint-revealed{border-color:#F59E0B;box-shadow:0 0 0 3px #F59E0B}
.omenstanding-card-grid.flipped-mode .omenstanding-card:not(.flipped):not(.matched):not(.hint-revealed){pointer-events:none;opacity:0.3}
.omenstanding-tile-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}
.omenstanding-tile{background:white;padding:8px 14px;border-radius:10px;border:2px solid #e0d8d0;cursor:pointer;transition:all 0.2s;font-weight:600;text-align:center;font-size:0.9rem}
.omenstanding-tile:hover{transform:translateY(-2px);border-color:#D8352C}
.omenstanding-tile.selected{border-color:#D8352C;background:#D8352C10;box-shadow:0 0 0 3px #D8352C40}
.omenstanding-tile.matched{background:#16a34a10;border-color:#16a34a;color:#16a34a;cursor:default;pointer-events:none;opacity:0.7}
.omenstanding-tile.wrong-highlight{background:#dc262610;border-color:#dc2626;animation:shake 0.3s}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.omenstanding-expand-view{background:white;border-radius:16px;border:2px solid #D8352C;padding:20px;margin-top:16px;min-height:320px;max-height:400px;transition:all 0.3s;display:flex;align-items:center;justify-content:center;overflow-y:auto;box-shadow:0 4px 12px rgba(216,53,44,0.1)}
.omenstanding-expand-view .expand-placeholder{color:#999;font-size:0.9rem;text-align:center}
.omenstanding-expand-view .expand-content{width:100%;text-align:center}
.omenstanding-expand-view .expand-content .expand-image{max-width:100%;max-height:120px;object-fit:contain;border-radius:8px;margin-bottom:8px}
.omenstanding-expand-view .expand-content .expand-word{font-size:2.4rem;font-weight:800;color:#D8352C;margin-bottom:4px}
.omenstanding-expand-view .expand-content .expand-cypher{font-size:1.2rem;font-weight:600;color:#1a1a2e;margin-bottom:6px}
.omenstanding-expand-view .expand-content .expand-omenology{font-size:1rem;color:#2c2c44;line-height:1.7;background:#f8f5f0;padding:12px 16px;border-radius:8px;margin-top:8px;max-height:150px;overflow-y:auto;text-align:left}
.omenstanding-footer{text-align:center;margin-top:16px}
.omenstanding-message{color:#4a4a6a;min-height:2rem;font-size:0.95rem;font-weight:600}
@media(max-width:700px){.omenstanding-board{grid-template-columns:1fr;gap:20px}.omenstanding-card-grid{max-width:100%}.omenstanding-card{min-height:160px;max-height:240px}.omenstanding-header{flex-direction:column;align-items:stretch}.omenstanding-controls{justify-content:center}.omenstanding-expand-view{min-height:240px;max-height:320px}.omenstanding-expand-view .expand-content .expand-word{font-size:1.8rem}.omenstanding-expand-view .expand-content .expand-cypher{font-size:1rem}}
@media(max-width:480px){.omenstanding-card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.omenstanding-card{min-height:140px;max-height:200px}.omenstanding-card-front .card-word{font-size:1rem}.omenstanding-expand-view{min-height:180px;max-height:260px}.omenstanding-expand-view .expand-content .expand-word{font-size:1.4rem}.omenstanding-expand-view .expand-content .expand-omenology{font-size:0.85rem}}