main { background-color: slategray; } body.Britain header.your_turn { background-color: hsl(15, 90%, 75%) } body.America header.your_turn { background-color: hsl(211, 50%, 75%) } #role_Britain { background-color: hsl(15, 90%, 80%) } #role_America { background-color: hsl(211, 50%, 80%) } #log { background-color: hsl(35, 53%, 89%); } #turn_info { background-color: hsl(35, 25%, 50%); } #log .h { border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; margin: 6px 0; } #log .h { background-color: hsl(35, 45%, 82%); } #log .h.turn { background-color: hsl(35, 45%, 70%); } #log .h.britain { background-color: hsl(15, 90%, 80%) } #log .h.america { background-color: hsl(211, 50%, 80%) } #log .n { margin: 6px 0; } #log .m { margin-top: 6px; } #log .die { display: inline-block; vertical-align: -3px; width: 12px; height: 12px; background-size: 600% 100%; background-repeat: no-repeat; background-image: url(images/die_black_pips.svg); background-color: #fff; border: 1px solid #444; } #log .d0 { background-position: -100% 0 } #log .d1 { background-position: 0% 0; } #log .d2 { background-position: 20% 0; } #log .d3 { background-position: 40% 0; } #log .d4 { background-position: 60% 0; } #log .d5 { background-position: 80% 0; } #log .d6 { background-position: 100% 0; } #log .number { display: inline-block; margin: 0; text-indent: 0; text-align: center; width: 12px; height: 12px; line-height: 12px; border: 1px solid #444; } #log .number.ar { background-color: gold; border-radius: 50%; } #log .number.br_a { background-color: hsl(211, 50%, 75%); } #log .number.br_b { background-color: hsl(15, 90%, 75%); } #log .number.br_f { background-color: hsl(103, 30%, 75%); } #log .tip { cursor: pointer; } #log .tip:hover { text-decoration: underline; } #log div { padding-left: 20px; text-indent: -12px; } #log div.i { padding-left: 32px; text-indent: -12px; } #log div.ii { padding-left: 44px; text-indent: -12px; } #turn_info { position: relative; white-space: normal; } #reshuffle { position: absolute; bottom: 6px; right: 4px; font-style: normal; font-size: 16px; line-height: 16px; color: #000a; } #tooltip { pointer-events: none; position: fixed; z-index: 600; right: 240px; top: 60px; } @media (max-width: 800px) { #tooltip { top: 0; left: 0; right: 0; bottom: 0; margin: auto; } } #mapwrap { width: 1650px; height: 2550px; } #map { width: 1650px; height: 2550px; background-size: 1650px 2550px; box-shadow: 1px 1px 8px #0008; } #map.hide_pieces #pieces { display: none; } #map.hide_markers #markers { display: none; } @media (max-width: 800px) { #tooltip { top: 0; left: 0; right: 0; bottom: 0; margin: auto; } } @media (max-height: 800px) { #turn_info { display: none; } } /* CARD ACTION POPUP MENU */ #popup { max-width: 250px; } #popup li.title { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #popup li.disabled { display: none } #popup li.title { background-color: moccasin; } /* SPACES */ .space { position: absolute; border: 5px solid transparent; } .space.regular { border-radius: 50%; } .space.fortified_port { transform: rotate(45deg); } .space.sea { border-radius: 12px; } .space.action { border-color: white; box-shadow: 0 0 2px 1px #000c, inset 0 0 2px 1px #000c; } .space.selected { border-color: aqua; box-shadow: 0 0 2px 1px #000c, inset 0 0 2px 1px #000c; } .space.tip { border-color: lime; box-shadow: 0 0 2px 1px #000c, inset 0 0 2px 1px #000c; } .space.action.Canada { background-color: #e4795080 } .space.action.NY { background-color: #52954680 } .space.action.NH { background-color: #ded36380 } .space.action.MA { background-color: #6e407a80 } .space.action.CT { background-color: #d6b5be80 } .space.action.RI { background-color: #31a9d080 } .space.action.PA { background-color: #64408980 } .space.action.NJ { background-color: #ca4d5b80 } .space.action.MD { background-color: #e5a02380 } .space.action.DE { background-color: #dcca8780 } .space.action.VA { background-color: #409d8280 } .space.action.NC { background-color: #d9819480 } .space.action.SC { background-color: #ffe05d80 } .space.action.GA { background-color: #6d9ab480 } /* MARKERS */ #combat { position: absolute; pointer-events: none; width: 48px; height: 48px; background-image: url(images/bang.svg); background-size: contain; background-repeat: no-repeat; z-index: 0; } .marker { position: absolute; background-size: 100%; border: 1px solid black; box-shadow: 1px 1px 4px #0008; } .marker.large { width: 55px; height: 55px; } .marker.tall { width: 64px; height: 130px; } .marker.small { width: 45px; height: 45px; } .marker.pc { pointer-events: none; border: none; box-shadow: none; width: 58px; height: 66px; filter: drop-shadow(1px 1px 2px #0008); } .marker.congress { pointer-events: none; } .marker.cu { pointer-events: none; width: calc(60px - 8px - 8px); height: calc(60px - 14px - 18px); line-height: 28px; padding: 14px 8px 18px 8px; font-size: 28px; font-weight: bold; color: white; text-shadow: -1px -1px 2px #0008, 1px 1px 2px #0008, -1px 1px 2px #0008, 1px -1px 2px #0008 ; border-radius: 50%; } .general.action { box-shadow: 0 0 0 3px yellow, 0 0 2px 4px black; z-index: 2; } .general.selected { box-shadow: 0 0 0 3px aqua, 0 0 2px 4px black; z-index: 1; } .general.tip { box-shadow: 0 0 0 3px lime, 0 0 2px 4px black; } /* CARDS */ #last_played { margin: 4px auto; } #hand { display: flex; flex-wrap: wrap; justify-content: center; min-height: 352px; padding: 12px; gap: 12px; margin: 24px 0; } .card { width: 250px; height: 350px; border-radius: 16px; background-size: 100%; background-color: hsl(35, 53%, 89%); border: 1px solid black; box-shadow: 1px 1px 4px #0008; } .card.action { box-shadow: 0 0 0 3px white; } .card.selected { box-shadow: 0 0 0 3px yellow; } .card.shrink { width: 125px; height: 175px; border-radius: 8px; } #war_ends { position: absolute; left: 1034px; top: 1684px; width: 262px; height: 187px; border-radius: 12px; background-size: 100%; border: 1px solid black; box-shadow: 1px 1px 4px #0008; display: none; } #war_ends.year_1779 { display: block; } #war_ends.year_1780 { display: block; } #war_ends.year_1781 { display: block; } #war_ends.year_1782 { display: block; } #war_ends.year_1783 { display: block; } .reinforcements { position: absolute; top: 1922px; width: 187px; height: 262px; background-size: 100%; border-radius: 12px; border: 1px solid black; box-shadow: 1px 1px 4px #0008; display: none; } #played_british_reinforcements { left: 909px; } #played_american_reinforcements_1 { left: 1142px; } #played_american_reinforcements_2 { left: 1375px; } .reinforcements.ops_1 { display: block; } .reinforcements.ops_2 { display: block; } .reinforcements.ops_3 { display: block; } /* IMAGES @1X */ #map { background-image: url(map75.jpg); } .marker.french_navy { background-image: url(markers.1x/french_navy.png); } .marker.french_navy.tall { background-image: url(markers.1x/french_navy_tall.png); } .marker.turn { background-image: url(markers.1x/game_turn_regulars.png); } .marker.turn.no_regulars { background-image: url(markers.1x/game_turn_no_regulars.png); } .marker.french_alliance { background-image: url(markers.1x/french_alliance.png); } .marker.french_alliance.european_war { background-image: url(markers.1x/european_war.png); } .marker.congress { background-image: url(markers.1x/continental_congress.png); } .marker.congress { background-image: url(markers.1x/continental_congress.png); } .marker.control.british { background-image: url(markers.1x/colony_british.png); } .marker.control.american { background-image: url(markers.1x/colony_american.png); } .cu.american { background-image: url(markers.1x/cu_american.png); } .cu.british { background-image: url(markers.1x/cu_british.png); } .cu.french { background-image: url(markers.1x/cu_french.png); } .pc.american { background-image: url(markers.1x/pc_american.svg); } .pc.british { background-image: url(markers.1x/pc_british.svg); } .general.tall.Arnold { background-image: url(markers.1x/general_arnold_tall.png); } .general.tall.Gates { background-image: url(markers.1x/general_gates_tall.png); } .general.tall.Greene { background-image: url(markers.1x/general_greene_tall.png); } .general.tall.Lafayette { background-image: url(markers.1x/general_lafayette_tall.png); } .general.tall.Lee { background-image: url(markers.1x/general_lee_tall.png); } .general.tall.Lincoln { background-image: url(markers.1x/general_lincoln_tall.png); } .general.tall.Rochambeau { background-image: url(markers.1x/general_rochambeau_tall.png); } .general.tall.Washington { background-image: url(markers.1x/general_washington_tall.png); } .general.tall.Burgoyne { background-image: url(markers.1x/general_burgoyne_tall.png); } .general.tall.Carleton { background-image: url(markers.1x/general_carleton_tall.png); } .general.tall.Clinton { background-image: url(markers.1x/general_clinton_tall.png); } .general.tall.Cornwallis { background-image: url(markers.1x/general_cornwallis_tall.png); } .general.tall.Howe { background-image: url(markers.1x/general_howe_tall.png); } .general.small.Arnold { background-image: url(markers.1x/general_arnold.png); } .general.small.Gates { background-image: url(markers.1x/general_gates.png); } .general.small.Greene { background-image: url(markers.1x/general_greene.png); } .general.small.Lafayette { background-image: url(markers.1x/general_lafayette.png); } .general.small.Lee { background-image: url(markers.1x/general_lee.png); } .general.small.Lincoln { background-image: url(markers.1x/general_lincoln.png); } .general.small.Rochambeau { background-image: url(markers.1x/general_rochambeau.png); } .general.small.Washington { background-image: url(markers.1x/general_washington.png); } .general.small.Burgoyne { background-image: url(markers.1x/general_burgoyne.png); } .general.small.Carleton { background-image: url(markers.1x/general_carleton.png); } .general.small.Clinton { background-image: url(markers.1x/general_clinton.png); } .general.small.Cornwallis { background-image: url(markers.1x/general_cornwallis.png); } .general.small.Howe { background-image: url(markers.1x/general_howe.png); } /* IMAGES @2X */ @media (min-resolution: 97dpi) { #map { background-image: url(map150.jpg); } .marker.french_navy { background-image: url(markers.2x/french_navy.png); } .marker.french_navy.tall { background-image: url(markers.2x/french_navy_tall.png); } .marker.turn { background-image: url(markers.2x/game_turn_regulars.png); } .marker.turn.no_regulars { background-image: url(markers.2x/game_turn_no_regulars.png); } .marker.french_alliance { background-image: url(markers.2x/french_alliance.png); } .marker.french_alliance.european_war { background-image: url(markers.2x/european_war.png); } .marker.congress { background-image: url(markers.2x/continental_congress.png); } .marker.congress { background-image: url(markers.2x/continental_congress.png); } .marker.control.british { background-image: url(markers.2x/colony_british.png); } .marker.control.american { background-image: url(markers.2x/colony_american.png); } .cu.american { background-image: url(markers.2x/cu_american.png); } .cu.british { background-image: url(markers.2x/cu_british.png); } .cu.french { background-image: url(markers.2x/cu_french.png); } .pc.american { background-image: url(markers.2x/pc_american.svg); } .pc.british { background-image: url(markers.2x/pc_british.svg); } .general.tall.Arnold { background-image: url(markers.2x/general_arnold_tall.png); } .general.tall.Gates { background-image: url(markers.2x/general_gates_tall.png); } .general.tall.Greene { background-image: url(markers.2x/general_greene_tall.png); } .general.tall.Lafayette { background-image: url(markers.2x/general_lafayette_tall.png); } .general.tall.Lee { background-image: url(markers.2x/general_lee_tall.png); } .general.tall.Lincoln { background-image: url(markers.2x/general_lincoln_tall.png); } .general.tall.Rochambeau { background-image: url(markers.2x/general_rochambeau_tall.png); } .general.tall.Washington { background-image: url(markers.2x/general_washington_tall.png); } .general.tall.Burgoyne { background-image: url(markers.2x/general_burgoyne_tall.png); } .general.tall.Carleton { background-image: url(markers.2x/general_carleton_tall.png); } .general.tall.Clinton { background-image: url(markers.2x/general_clinton_tall.png); } .general.tall.Cornwallis { background-image: url(markers.2x/general_cornwallis_tall.png); } .general.tall.Howe { background-image: url(markers.2x/general_howe_tall.png); } .general.small.Arnold { background-image: url(markers.2x/general_arnold.png); } .general.small.Gates { background-image: url(markers.2x/general_gates.png); } .general.small.Greene { background-image: url(markers.2x/general_greene.png); } .general.small.Lafayette { background-image: url(markers.2x/general_lafayette.png); } .general.small.Lee { background-image: url(markers.2x/general_lee.png); } .general.small.Lincoln { background-image: url(markers.2x/general_lincoln.png); } .general.small.Rochambeau { background-image: url(markers.2x/general_rochambeau.png); } .general.small.Washington { background-image: url(markers.2x/general_washington.png); } .general.small.Burgoyne { background-image: url(markers.2x/general_burgoyne.png); } .general.small.Carleton { background-image: url(markers.2x/general_carleton.png); } .general.small.Clinton { background-image: url(markers.2x/general_clinton.png); } .general.small.Cornwallis { background-image: url(markers.2x/general_cornwallis.png); } .general.small.Howe { background-image: url(markers.2x/general_howe.png); } } /* CARDS @1X */ #war_ends.year_1779 { background-image:url(cards75/card_7_rot.jpg); } #war_ends.year_1780 { background-image:url(cards75/card_8_rot.jpg); } #war_ends.year_1781 { background-image:url(cards75/card_9_rot.jpg); } #war_ends.year_1782 { background-image:url(cards75/card_10_rot.jpg); } #war_ends.year_1783 { background-image:url(cards75/card_11_rot.jpg); } .reinforcements.ops_3 { background-image:url(cards75/card_2.jpg); } .reinforcements.ops_2 { background-image:url(cards75/card_3.jpg); } .reinforcements.ops_1 { background-image:url(cards75/card_4.jpg); } .card_0{background-image:url(cards100/card_1.jpg)} .card_1{background-image:url(cards100/card_2.jpg)} .card_2{background-image:url(cards100/card_2.jpg)} .card_3{background-image:url(cards100/card_2.jpg)} .card_4{background-image:url(cards100/card_2.jpg)} .card_5{background-image:url(cards100/card_2.jpg)} .card_6{background-image:url(cards100/card_2.jpg)} .card_7{background-image:url(cards100/card_2.jpg)} .card_8{background-image:url(cards100/card_2.jpg)} .card_9{background-image:url(cards100/card_2.jpg)} .card_10{background-image:url(cards100/card_2.jpg)} .card_11{background-image:url(cards100/card_2.jpg)} .card_12{background-image:url(cards100/card_2.jpg)} .card_13{background-image:url(cards100/card_2.jpg)} .card_14{background-image:url(cards100/card_2.jpg)} .card_15{background-image:url(cards100/card_2.jpg)} .card_16{background-image:url(cards100/card_2.jpg)} .card_17{background-image:url(cards100/card_2.jpg)} .card_18{background-image:url(cards100/card_2.jpg)} .card_19{background-image:url(cards100/card_2.jpg)} .card_20{background-image:url(cards100/card_2.jpg)} .card_21{background-image:url(cards100/card_2.jpg)} .card_22{background-image:url(cards100/card_2.jpg)} .card_23{background-image:url(cards100/card_3.jpg)} .card_24{background-image:url(cards100/card_3.jpg)} .card_25{background-image:url(cards100/card_3.jpg)} .card_26{background-image:url(cards100/card_3.jpg)} .card_27{background-image:url(cards100/card_3.jpg)} .card_28{background-image:url(cards100/card_3.jpg)} .card_29{background-image:url(cards100/card_3.jpg)} .card_30{background-image:url(cards100/card_3.jpg)} .card_31{background-image:url(cards100/card_3.jpg)} .card_32{background-image:url(cards100/card_3.jpg)} .card_33{background-image:url(cards100/card_3.jpg)} .card_34{background-image:url(cards100/card_3.jpg)} .card_35{background-image:url(cards100/card_3.jpg)} .card_36{background-image:url(cards100/card_3.jpg)} .card_37{background-image:url(cards100/card_3.jpg)} .card_38{background-image:url(cards100/card_3.jpg)} .card_39{background-image:url(cards100/card_3.jpg)} .card_40{background-image:url(cards100/card_3.jpg)} .card_41{background-image:url(cards100/card_3.jpg)} .card_42{background-image:url(cards100/card_3.jpg)} .card_43{background-image:url(cards100/card_3.jpg)} .card_44{background-image:url(cards100/card_3.jpg)} .card_45{background-image:url(cards100/card_4.jpg)} .card_46{background-image:url(cards100/card_4.jpg)} .card_47{background-image:url(cards100/card_4.jpg)} .card_48{background-image:url(cards100/card_4.jpg)} .card_49{background-image:url(cards100/card_4.jpg)} .card_50{background-image:url(cards100/card_4.jpg)} .card_51{background-image:url(cards100/card_4.jpg)} .card_52{background-image:url(cards100/card_4.jpg)} .card_53{background-image:url(cards100/card_4.jpg)} .card_54{background-image:url(cards100/card_4.jpg)} .card_55{background-image:url(cards100/card_4.jpg)} .card_56{background-image:url(cards100/card_4.jpg)} .card_57{background-image:url(cards100/card_4.jpg)} .card_58{background-image:url(cards100/card_4.jpg)} .card_59{background-image:url(cards100/card_4.jpg)} .card_60{background-image:url(cards100/card_4.jpg)} .card_61{background-image:url(cards100/card_4.jpg)} .card_62{background-image:url(cards100/card_4.jpg)} .card_63{background-image:url(cards100/card_4.jpg)} .card_64{background-image:url(cards100/card_4.jpg)} .card_65{background-image:url(cards100/card_4.jpg)} .card_66{background-image:url(cards100/card_4.jpg)} .card_67{background-image:url(cards100/card_5.jpg)} .card_68{background-image:url(cards100/card_5.jpg)} .card_69{background-image:url(cards100/card_5.jpg)} .card_70{background-image:url(cards100/card_6.jpg)} .card_71{background-image:url(cards100/card_7.jpg)} .card_72{background-image:url(cards100/card_8.jpg)} .card_73{background-image:url(cards100/card_9.jpg)} .card_74{background-image:url(cards100/card_10.jpg)} .card_75{background-image:url(cards100/card_11.jpg)} .card_76{background-image:url(cards100/card_12.jpg)} .card_77{background-image:url(cards100/card_13.jpg)} .card_78{background-image:url(cards100/card_14.jpg)} .card_79{background-image:url(cards100/card_15.jpg)} .card_80{background-image:url(cards100/card_16.jpg)} .card_81{background-image:url(cards100/card_17.jpg)} .card_82{background-image:url(cards100/card_18.jpg)} .card_83{background-image:url(cards100/card_19.jpg)} .card_84{background-image:url(cards100/card_20.jpg)} .card_85{background-image:url(cards100/card_21.jpg)} .card_86{background-image:url(cards100/card_22.jpg)} .card_87{background-image:url(cards100/card_23.jpg)} .card_88{background-image:url(cards100/card_24.jpg)} .card_89{background-image:url(cards100/card_25.jpg)} .card_90{background-image:url(cards100/card_26.jpg)} .card_91{background-image:url(cards100/card_27.jpg)} .card_92{background-image:url(cards100/card_28.jpg)} .card_93{background-image:url(cards100/card_29.jpg)} .card_94{background-image:url(cards100/card_30.jpg)} .card_95{background-image:url(cards100/card_31.jpg)} .card_96{background-image:url(cards100/card_32.jpg)} .card_97{background-image:url(cards100/card_33.jpg)} .card_98{background-image:url(cards100/card_34.jpg)} .card_99{background-image:url(cards100/card_35.jpg)} .card_100{background-image:url(cards100/card_36.jpg)} .card_101{background-image:url(cards100/card_37.jpg)} .card_102{background-image:url(cards100/card_38.jpg)} .card_103{background-image:url(cards100/card_39.jpg)} .card_104{background-image:url(cards100/card_40.jpg)} .card_105{background-image:url(cards100/card_41.jpg)} .card_106{background-image:url(cards100/card_42.jpg)} .card_107{background-image:url(cards100/card_43.jpg)} .card_108{background-image:url(cards100/card_44.jpg)} .card_109{background-image:url(cards100/card_45.jpg)} .card_110{background-image:url(cards100/card_46.jpg)} /* CARDS @2X */ @media (min-resolution: 97dpi) { #war_ends.year_1779 { background-image:url(cards150/card_7_rot.jpg); } #war_ends.year_1780 { background-image:url(cards150/card_8_rot.jpg); } #war_ends.year_1781 { background-image:url(cards150/card_9_rot.jpg); } #war_ends.year_1782 { background-image:url(cards150/card_10_rot.jpg); } #war_ends.year_1783 { background-image:url(cards150/card_11_rot.jpg); } .reinforcements.ops_3 { background-image:url(cards150/card_2.jpg); } .reinforcements.ops_2 { background-image:url(cards150/card_3.jpg); } .reinforcements.ops_1 { background-image:url(cards150/card_4.jpg); } .card_0{background-image:url(cards200/card_1.jpg)} .card_1{background-image:url(cards200/card_2.jpg)} .card_2{background-image:url(cards200/card_2.jpg)} .card_3{background-image:url(cards200/card_2.jpg)} .card_4{background-image:url(cards200/card_2.jpg)} .card_5{background-image:url(cards200/card_2.jpg)} .card_6{background-image:url(cards200/card_2.jpg)} .card_7{background-image:url(cards200/card_2.jpg)} .card_8{background-image:url(cards200/card_2.jpg)} .card_9{background-image:url(cards200/card_2.jpg)} .card_10{background-image:url(cards200/card_2.jpg)} .card_11{background-image:url(cards200/card_2.jpg)} .card_12{background-image:url(cards200/card_2.jpg)} .card_13{background-image:url(cards200/card_2.jpg)} .card_14{background-image:url(cards200/card_2.jpg)} .card_15{background-image:url(cards200/card_2.jpg)} .card_16{background-image:url(cards200/card_2.jpg)} .card_17{background-image:url(cards200/card_2.jpg)} .card_18{background-image:url(cards200/card_2.jpg)} .card_19{background-image:url(cards200/card_2.jpg)} .card_20{background-image:url(cards200/card_2.jpg)} .card_21{background-image:url(cards200/card_2.jpg)} .card_22{background-image:url(cards200/card_2.jpg)} .card_23{background-image:url(cards200/card_3.jpg)} .card_24{background-image:url(cards200/card_3.jpg)} .card_25{background-image:url(cards200/card_3.jpg)} .card_26{background-image:url(cards200/card_3.jpg)} .card_27{background-image:url(cards200/card_3.jpg)} .card_28{background-image:url(cards200/card_3.jpg)} .card_29{background-image:url(cards200/card_3.jpg)} .card_30{background-image:url(cards200/card_3.jpg)} .card_31{background-image:url(cards200/card_3.jpg)} .card_32{background-image:url(cards200/card_3.jpg)} .card_33{background-image:url(cards200/card_3.jpg)} .card_34{background-image:url(cards200/card_3.jpg)} .card_35{background-image:url(cards200/card_3.jpg)} .card_36{background-image:url(cards200/card_3.jpg)} .card_37{background-image:url(cards200/card_3.jpg)} .card_38{background-image:url(cards200/card_3.jpg)} .card_39{background-image:url(cards200/card_3.jpg)} .card_40{background-image:url(cards200/card_3.jpg)} .card_41{background-image:url(cards200/card_3.jpg)} .card_42{background-image:url(cards200/card_3.jpg)} .card_43{background-image:url(cards200/card_3.jpg)} .card_44{background-image:url(cards200/card_3.jpg)} .card_45{background-image:url(cards200/card_4.jpg)} .card_46{background-image:url(cards200/card_4.jpg)} .card_47{background-image:url(cards200/card_4.jpg)} .card_48{background-image:url(cards200/card_4.jpg)} .card_49{background-image:url(cards200/card_4.jpg)} .card_50{background-image:url(cards200/card_4.jpg)} .card_51{background-image:url(cards200/card_4.jpg)} .card_52{background-image:url(cards200/card_4.jpg)} .card_53{background-image:url(cards200/card_4.jpg)} .card_54{background-image:url(cards200/card_4.jpg)} .card_55{background-image:url(cards200/card_4.jpg)} .card_56{background-image:url(cards200/card_4.jpg)} .card_57{background-image:url(cards200/card_4.jpg)} .card_58{background-image:url(cards200/card_4.jpg)} .card_59{background-image:url(cards200/card_4.jpg)} .card_60{background-image:url(cards200/card_4.jpg)} .card_61{background-image:url(cards200/card_4.jpg)} .card_62{background-image:url(cards200/card_4.jpg)} .card_63{background-image:url(cards200/card_4.jpg)} .card_64{background-image:url(cards200/card_4.jpg)} .card_65{background-image:url(cards200/card_4.jpg)} .card_66{background-image:url(cards200/card_4.jpg)} .card_67{background-image:url(cards200/card_5.jpg)} .card_68{background-image:url(cards200/card_5.jpg)} .card_69{background-image:url(cards200/card_5.jpg)} .card_70{background-image:url(cards200/card_6.jpg)} .card_71{background-image:url(cards200/card_7.jpg)} .card_72{background-image:url(cards200/card_8.jpg)} .card_73{background-image:url(cards200/card_9.jpg)} .card_74{background-image:url(cards200/card_10.jpg)} .card_75{background-image:url(cards200/card_11.jpg)} .card_76{background-image:url(cards200/card_12.jpg)} .card_77{background-image:url(cards200/card_13.jpg)} .card_78{background-image:url(cards200/card_14.jpg)} .card_79{background-image:url(cards200/card_15.jpg)} .card_80{background-image:url(cards200/card_16.jpg)} .card_81{background-image:url(cards200/card_17.jpg)} .card_82{background-image:url(cards200/card_18.jpg)} .card_83{background-image:url(cards200/card_19.jpg)} .card_84{background-image:url(cards200/card_20.jpg)} .card_85{background-image:url(cards200/card_21.jpg)} .card_86{background-image:url(cards200/card_22.jpg)} .card_87{background-image:url(cards200/card_23.jpg)} .card_88{background-image:url(cards200/card_24.jpg)} .card_89{background-image:url(cards200/card_25.jpg)} .card_90{background-image:url(cards200/card_26.jpg)} .card_91{background-image:url(cards200/card_27.jpg)} .card_92{background-image:url(cards200/card_28.jpg)} .card_93{background-image:url(cards200/card_29.jpg)} .card_94{background-image:url(cards200/card_30.jpg)} .card_95{background-image:url(cards200/card_31.jpg)} .card_96{background-image:url(cards200/card_32.jpg)} .card_97{background-image:url(cards200/card_33.jpg)} .card_98{background-image:url(cards200/card_34.jpg)} .card_99{background-image:url(cards200/card_35.jpg)} .card_100{background-image:url(cards200/card_36.jpg)} .card_101{background-image:url(cards200/card_37.jpg)} .card_102{background-image:url(cards200/card_38.jpg)} .card_103{background-image:url(cards200/card_39.jpg)} .card_104{background-image:url(cards200/card_40.jpg)} .card_105{background-image:url(cards200/card_41.jpg)} .card_106{background-image:url(cards200/card_42.jpg)} .card_107{background-image:url(cards200/card_43.jpg)} .card_108{background-image:url(cards200/card_44.jpg)} .card_109{background-image:url(cards200/card_45.jpg)} .card_110{background-image:url(cards200/card_46.jpg)} }