:root {
--color-primary: #ff6b6b; --color-secondary: #4ecdc4; --color-tertiary: #ffe66d; --color-text-main: #ffffff; --color-text-secondary: #b0b0b0; --color-background-dark: #1a1a1a; --color-background-card: #282828; --global-stroke-color: #64ffda; --color-border: #444444; --color-light-bg: rgba(
255,
255,
255,
0.1
); }
.game-review-widget {
width: 100%;
max-width: 900px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
}
.game-review-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: flex-start;
padding: 30px; background: var(--color-background-card);
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); border: 1px solid var(--color-border);
} .review-text-column {
display: flex;
flex-direction: column;
gap: 15px;
}
.game-title {
margin: 0;
font-size: 28px;
font-weight: 700;
color: var(--color-text-main);
line-height: 1.3;
}
.review-text {
font-size: 15px;
line-height: 1.8;
color: var(--color-text-secondary);
}
.review-text p {
margin: 0 0 12px 0;
}
.review-text p:last-child {
margin-bottom: 0;
} .rating-circle-column {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
position: relative;
} .rating-circle-container {
position: relative;
width: 100%;
max-width: 300px; aspect-ratio: 1 / 1;
} .center-visual-bg { position: absolute;
top: 50%;
left: 50%;
transform: translate(
-50%,
-50%
);  width: 70%;
height: 70%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); z-index: 40; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) inset;
} .rating-circles-svg {
width: 100%;
height: 100%;
display: block; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
z-index: 30; } .rating-circle-bg {
fill: none;
stroke: var(--color-border); stroke-width: 10;
} .rating-circle-fill {
fill: none;
stroke-width: 10; transition: stroke-dashoffset 1.5s ease-in-out, stroke 0.3s ease; transform-origin: center;
transform: rotate(-90deg);
}  .rating-circle-container > div {
position: absolute;
top: 150px;
left: 150px;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
pointer-events: none; text-align: center;
transition: opacity 0.3s ease;
padding: 20px;
} .global-rating-overlay {
opacity: 1; z-index: 50;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
margin: 25%;
border-radius: 50%;
top: 0 !important;
left: 0 !important;
}
.center-visual-bg {
display: none !important;
} .sub-rating-overlay {
opacity: 0;
z-index: 55;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
margin: 25%;
border-radius: 50%;
top: 0 !important;
left: 0 !important;
} .sub-rating-overlay.active {
opacity: 1;
} .rating-circle-column.active .global-rating-overlay {
opacity: 0;
} .rating-number {
font-size: 48px;
font-weight: 800;
color: var(--global-stroke-color); line-height: 1;
transition: color 0.3s ease;
}
.rating-label-center {
font-size: 14px;
font-weight: 600;
color: var(--color-text-main);
margin-top: 5px;
padding: 0 10px; }
.rating-label {
font-size: 24px;
font-weight: 500;
color: var(--color-text-secondary);
margin-left: 2px;
} .rating-legend {
width: 100%;
max-width: 300px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px 0;
}
.legend-item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.legend-item:hover,
.legend-item.active {
background: var(--color-light-bg); transform: translateY(-1px);
}
.legend-color-dot {
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0; }
.legend-text {
font-size: 14px;
font-weight: 500;
color: var(--color-text-secondary);
flex-grow: 1;
}
.legend-value {
font-size: 14px;
font-weight: 700;
color: var(--color-text-main);
} .circle-tooltip {
position: absolute;
background: rgba(255, 255, 255, 0.95); color: var(--color-background-dark); padding: 8px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
pointer-events: none;
z-index: 1000;
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
transform: translate(
0,
0
); }
.circle-tooltip.visible {
opacity: 1;
} @keyframes draw-in {
from {
stroke-dashoffset: 1000; }
to {
stroke-dashoffset: var(--final-offset, 0);
}
} @media (prefers-reduced-motion: reduce) {
.rating-circle-fill,
.legend-item {
transition: none !important;
animation: none !important;
}
} @media (max-width: 768px) {
.game-review-container {
grid-template-columns: 1fr;
gap: 30px;
padding: 20px;
}
.game-title {
font-size: 24px;
}
.review-text {
font-size: 14px;
}
.rating-circle-container {
max-width: 250px;
}
} .autolink-multi-container {
position: relative; display: inline-block;
margin-left: 5px;
font-size: 0.9em;
} .autolink-multi-trigger {
font-weight: bold;
cursor: pointer;
color: #ffe42d !important; user-select: none; vertical-align: middle;
} .autolink-multi-list { display: none; position: absolute;
top: 100%; left: 0;
min-width: 250px; max-width: 350px;
padding: 5px 0;
margin: 0;
list-style: none; background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000;
} .autolink-multi-list li {
margin: 0;
padding: 0;
} .autolink-multi-list li a {
display: block;
padding: 5px 10px;
font-size: 0.9em;
text-decoration: none;
color: #333;
} .autolink-multi-list li a:hover {
background-color: #f1f1f1;
color: #0073aa;
} .autolink-wrapper {
position: relative;
display: inline-block;
} .autolink-multi-trigger {
cursor: pointer;
text-decoration: none;
color: #0073aa; } .autolink-dropdown {
display: none; position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
background: #333333;
border: 1px solid #ccd0d4;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
border-radius: 4px;
padding: 8px 0;
min-width: 180px;
z-index: 9999;
list-style: none;
margin: 5px 0 0 0;
text-align: left;
filter: drop-shadow(2px 4px 6px black);
} .autolink-dropdown::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #ffffff transparent;
} .autolink-dropdown li {
margin: 0;
padding: 0;
list-style: none;
} .autolink-dropdown a {
display: block;
padding: 8px 12px;
color: #f3ffff;
text-decoration: none;
font-size: 13px;
transition: background 0.2s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.autolink-dropdown a:hover {
color: #bfab22;
} .autolink-wrapper.active .autolink-dropdown {
display: block;
}.wah-screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.admin-bar .accessability_container{top:32px}body.is_underline a{text-decoration:underline !important}body.highlight_links_on a{background-color:yellow !important;color:#000 !important}body.highlight_links_on a span{color:#000 !important}body.invert_mode_on{-webkit-filter:invert(100%);filter:invert(100%)}body.remove_animations *{transition:none !important;-o-transition:none !important;-ms-transition:none !important;-moz-transition:none !important;-webkit-transition:none !important}body.arial_font_on *{font-family:Arial, Helvetica, sans-serif !important}body.wah_keyboard_access a:focus,body.wah_keyboard_access button:focus,body.wah_keyboard_access input:focus,body.wah_keyboard_access select:focus,body.wah_keyboard_access textarea:focus{background-color:#f3f57c !important;color:#000 !important}body.admin-bar .wah_plugin_credits{bottom:32px}body .wah_scanner_link{background-color:yellow !important;outline:5px solid yellow !important;color:#000 !important}body .wah_plugin_credits{position:absolute;bottom:0px;left:0;width:100%;text-align:center;font-family:Arial;font-size:12px;background:#216073 !important;color:#fff !important}body .wah_plugin_credits a{font-family:Arial;font-size:12px;display:block;background:#216073 !important;color:#fff !important}body .accessability_container{width:200px;background:#fff !important;color:#000 !important;position:fixed;top:0px;height:100%;z-index:9999999;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}body .accessability_container .font_resizer button.wah-action-button.smaller{width:46%;float:left}body .accessability_container .font_resizer button.wah-action-button.larger{float:right;width:46%}body .accessability_container .font_resizer button.wah-action-button.wah-font-reset{margin-top:12px;width:100%;clear:both}body .accessability_container button.wah-action-button{background:#232323 !important;color:#fff !important;width:100%;padding:5px 0;text-align:center;cursor:pointer;border:1px solid #fff;font-size:15px;font-weight:bold;margin:0}body .accessability_container button.wah-action-button:hover,body .accessability_container button.wah-action-button:focus,body .accessability_container button.wah-action-button.active_button{background:#fff !important;color:#000 !important}body .accessability_container .a_module{padding-bottom:0.6rem;margin-bottom:0.6rem;border-bottom:1px solid #000}body .accessability_container .a_module:before,body .accessability_container .a_module:after{content:'';display:block;clear:both}body .accessability_container.dark_theme .a_module{border-bottom:1px solid #444343}body .accessability_container.dark_theme a.active_button{border:1px solid #216073 !important}body .accessability_container.dark_theme.accessability_container.active,body .accessability_container.dark_theme #access_container,body .accessability_container.dark_theme .access_container_inner,body .accessability_container.dark_theme .a_module,body .accessability_container.dark_theme .a_module_title,body .accessability_container.dark_theme .a_module_exe,body .accessability_container.dark_theme .font_resizer a,body .accessability_container.dark_theme .contrast_trigger{background:#232323 !important;color:#fff !important}body .accessability_container.dark_theme .font_resizer a,body .accessability_container.dark_theme .contrast_trigger{border:1px solid #fff;color:#fff}body .accessability_container *{background:#fff !important;color:#000 !important}.accessibility-location-right .accessability_container{left:auto !important;right:-200px}.accessibility-location-left .accessability_container{left:-200px !important;right:auto}.accessibility-location-left .accessability_container.active{right:auto;left:0 !important}.accessibility-location-left .aicon_link{left:200px;right:auto !important}.accessability_container.active{right:0}.accessability_container a{color:#000}a.aicon_link{display:none}a.aicon_link img{max-width:48px}.access_container_inner{padding:0 10px;margin-top:14px}button.aicon_link{width:48px;height:48px;padding:0;margin:0;border:0 !important;cursor:pointer}.aicon_link{left:-48px;right:auto !important;position:absolute;max-width:48px;max-height:48px;display:inline-block;background:transparent !important}.accessibility-location-left .aicon_link{left:auto;right:-48px !important}button.close_container{background:#216073 !important;color:#fff !important;cursor:pointer;display:block;padding:0;border:0;width:92%;margin:0 auto;height:34px;line-height:34px;font-weight:bold;font-size:15px}button.close_container:hover,button.close_container:focus{background:#fff !important;color:#000 !important}#access_container{margin-top:0;padding-top:10px}#access_container a:focus{color:#fff;background:#000}.a_module_exe a{text-decoration:none;font-size:15px}.a_module_title{margin-bottom:0.4rem;font-weight:600}.contrast_trigger{width:100%}.color_selector{display:none;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}.color_selector.is_visible{display:block}.color_selector button{display:inline-block;cursor:pointer;font-size:0;width:30px;height:30px;float:left;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;border:2px solid #000;margin:5px;padding:0}.color_selector .black{background:#000 !important}.color_selector .white{background:#fff !important}.color_selector .green{background:#00FF21 !important}.color_selector .blue{background:#0FF !important}.color_selector .red{background:red !important}.color_selector .orange{background:#FF6A00 !important}.color_selector .yellow{background:#FFD800 !important}.color_selector .navi{background:#B200FF !important}.active_greyscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(//www.gamerscore.com.br/wp-content/plugins/wp-accessibility-helper/assets/images/desaturate.svg#greyscale);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(1)}.wah-dark-overlay{position:fixed;z-index:50;background:rgba(0,0,0,0.8);top:0;bottom:0;left:0;right:0;width:100%;height:100%}.wah-lights-selector{position:relative;z-index:100;background:#fff;color:#000}.wah-skip{position:relative;top:-10000px;left:-10000px;height:1px;width:1px;text-align:left;overflow:hidden}.wah-skip:focus{left:0;top:0;width:100%;height:auto;padding:5px 0;text-align:center;cursor:pointer;border:1px solid #fff;font-size:15px;font-weight:bold}.wah-skiplinks-menu{position:absolute;left:0;top:0;margin:0;padding:0}.wah-skiplinks-menu ul{margin:0;padding:0;list-style-type:none}.wah-skiplinks-menu ul a{text-decoration:none;position:absolute;z-index:99999;left:-10000px;top:-10000px}.wah-skiplinks-menu ul a:focus,.wah-skiplinks-menu ul a:active,.wah-skiplinks-menu ul a:hover{left:16px;top:42px;background:#216073;color:#fff;padding:6px 20px;display:inline-block;font-size:18px;font-weight:bold;white-space:nowrap}body.admin-bar .accessability_container .wah-free-credits{bottom:35px}.accessability_container.dark_theme .wah-free-credits .wah-free-credits-inner a{color:#fff !important}.accessability_container .wah-free-credits{position:absolute;bottom:5px;width:100%;text-align:center;font-size:12px;background:none !important}.accessability_container .wah-free-credits .wah-free-credits-inner{background:none !important}.accessability_container .wah-free-credits .wah-free-credits-inner a{background:none !important;text-decoration:underline}.accessability_container .wah-free-credits .wah-free-credits-inner a:hover,.accessability_container .wah-free-credits .wah-free-credits-inner a:focus{text-decoration:none}@media only screen and (max-width: 480px){body .accessability_container{height:auto;padding:0 0 1rem 0}#access_container{height:97.5vh;overflow-x:scroll}a.close_container,.a_module_title{font-size:14px}.a_module{padding-bottom:0.4rem;margin-bottom:0.4rem}.font_resizer a,.contrast_trigger{font-size:14px;padding:.2rem}.a_module_title{display:none}}@keyframes crp-slideup{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.crp_related.crp-masonry{--crp-gap:1em;--crp-border-radius:8px;--crp-card-bg:#fff;--crp-card-border:#efefef;--crp-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--crp-shadow-hover:0 8px 24px rgba(0, 0, 0, 0.12);--crp-focus-color:#0073aa;--crp-transition:0.2s ease;width:100%;margin:1.25rem auto;clear:both}.crp_related.crp-masonry figure,.crp_related.crp-masonry h3{margin:0!important}.crp_related.crp-masonry ul{margin:1em 0;padding:0;column-gap:var(--crp-gap);list-style:none;font-size:.9em}@media (min-width:700px){.crp_related.crp-masonry ul{column-count:2}}@media (min-width:900px){.crp_related.crp-masonry ul{column-count:3}}@media (min-width:1200px){.crp_related.crp-masonry ul{column-count:4}}.crp_related.crp-masonry ul li{background:var(--crp-card-bg);padding:.5rem;margin:0 0 var(--crp-gap);width:100%;box-sizing:border-box;border:1px solid var(--crp-card-border);border-radius:var(--crp-border-radius);box-shadow:var(--crp-shadow);font-size:1em;text-align:center;display:inline-block;break-inside:avoid;page-break-inside:avoid;animation:crp-slideup .6s ease-out;transition:transform var(--crp-transition),box-shadow var(--crp-transition);will-change:transform}.crp_related.crp-masonry ul li:hover{transform:scale(1.02) translateY(-4px);box-shadow:var(--crp-shadow-hover)}.crp_related.crp-masonry ul li a{display:block;text-decoration:none!important;border:0;box-shadow:none}.crp_related.crp-masonry a:focus-visible{outline:2px solid var(--crp-focus-color);outline-offset:2px;border-radius:var(--crp-border-radius)}.crp_related.crp-masonry ul li .crp_author a{display:inline}.crp_related.crp-masonry .crp_title{display:block;margin:.5rem 0;color:#333;font-weight:600;line-height:1.3}.crp_related.crp-masonry .crp_author,.crp_related.crp-masonry .crp_date,.crp_related.crp-masonry .crp_excerpt{display:block;font-size:.9em;opacity:.8;margin-top:.25rem}.crp_related.crp-masonry ul li img{width:100%;height:auto;display:block;margin:0 auto;border-radius:calc(var(--crp-border-radius) * .75);object-fit:cover}.crp_clear{clear:both}@media (prefers-reduced-motion:reduce){.crp_related.crp-masonry ul li{animation:none;transition:none;will-change:auto}.crp_related.crp-masonry ul li:hover{transform:none}}