.compare-guide .guide-table-wrap{margin-bottom:22px}.compare-guide .guide-fact-table th{width:auto}.compare-visuals{margin:24px 0}.compare-board{margin:0;background:#176255;border-radius:18px;padding:24px;color:#fff;box-shadow:var(--shadow-md)}.compare-turtle{display:grid;gap:5px;justify-items:center;transform:perspective(700px) rotateX(8deg);padding:15px}.compare-turtle-row{display:flex;gap:5px}.compare-turtle-row:nth-child(2){margin-left:12px}.compare-turtle-row:nth-child(3){margin-left:-10px}.compare-turtle .guide-tile{width:43px;height:53px}.compare-board figcaption{font-size:.9rem;color:#fff;margin-top:10px}.compare-table-scene{position:relative;max-width:540px;height:315px;margin:22px auto;padding:28px;border:11px solid #9c673c;border-radius:20px;background:radial-gradient(circle,#28766c,#164c46);box-shadow:inset 0 2px 14px #0c3536,var(--shadow-lg);color:white}.compare-table-scene strong{display:grid;place-items:center;height:100%;text-align:center;font-size:.92rem}.compare-seat{position:absolute;background:#fff;color:#183f39;border-radius:30px;padding:4px 11px;font-size:.76rem;font-weight:700}.compare-seat.north{top:-29px;left:50%;transform:translateX(-50%)}.compare-seat.south{bottom:-29px;left:50%;transform:translateX(-50%)}.compare-seat.west{left:-70px;top:50%;transform:translateY(-50%)}.compare-seat.east{right:-70px;top:50%;transform:translateY(-50%)}.compare-wall{position:absolute;display:flex;gap:3px}.compare-wall i{display:block;width:22px;height:15px;background:#f9f3e4;border:1px solid #c9b89a;border-radius:3px;box-shadow:2px 3px 0 #a9997e}.compare-wall.top{top:36px;left:50%;transform:translateX(-50%)}.compare-wall.bottom{bottom:36px;left:50%;transform:translateX(-50%)}.compare-wall.left{left:40px;top:50%;transform:translateY(-50%) rotate(90deg)}.compare-wall.right{right:40px;top:50%;transform:translateY(-50%) rotate(90deg)}.compare-gallery{margin:24px 0}.compare-gallery-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:15px}.compare-gallery-grid>div{display:grid;justify-items:center;gap:8px;text-align:center;background:var(--color-surface);padding:16px 6px;border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.compare-gallery.hide-labels b{visibility:hidden}.compare-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.compare-split>div{padding:20px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.compare-split h3{margin-top:0}.compare-split>div>div{display:flex;gap:8px;align-items:center;justify-content:center;padding:15px;background:var(--color-bg-alt);border-radius:10px}.compare-split .guide-tile{width:47px;height:57px}.compare-split.strategy>div:first-child{border-top:4px solid var(--color-primary)}.compare-split.strategy>div:last-child{border-top:4px solid #96723e}.compare-interactive{padding:20px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.compare-tabs{display:flex;gap:8px;margin-bottom:14px}.compare-tabs button,.compare-quiz-options button{border:1px solid var(--color-line);background:var(--color-bg-alt);padding:10px 14px;border-radius:9px;cursor:pointer;font:inherit}.compare-tabs button[aria-selected=true],.compare-quiz-options button.selected{background:var(--color-primary);color:white;border-color:var(--color-primary)}.compare-game-panel{padding:17px;background:var(--color-bg-alt);border-radius:10px;margin-bottom:20px}.compare-game-panel h3{margin:0 0 5px}.compare-game-panel p{margin:0}.compare-quiz-card{border-top:1px solid var(--color-line);padding-top:18px}.compare-quiz-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.compare-quiz-feedback{min-height:24px;font-weight:700}.compare-quiz-feedback.correct{color:var(--color-primary-dark)}.compare-quiz-feedback.incorrect{color:var(--color-danger)}.compare-quiz-next{margin-top:10px}.compare-progress{font-size:.85rem;color:var(--color-ink-soft)}@media(max-width:800px){.compare-gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.compare-split{grid-template-columns:1fr}.compare-gallery-grid{grid-template-columns:repeat(3,1fr)}.compare-table-scene{height:270px;margin:35px 55px}.compare-seat.west{left:-75px}.compare-seat.east{right:-75px}.compare-turtle .guide-tile{width:38px;height:46px}}