.minihub{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:auto;background:center/contain no-repeat url('../images/minigames/hub.svg');isolation:isolate;font-family:'Be Vietnam Pro',Arial,sans-serif}.minihub-center{position:absolute;top:38%;left:38%;width:24%;height:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-width:0;color:#fff3c7;overflow:hidden;padding:7px;box-sizing:border-box}.minihub-center img{width:52%;height:45%;object-fit:contain;border-radius:8px}.minihub-center strong{font-size:clamp(9px,1.6vw,15px);line-height:1.4;overflow-wrap:anywhere;max-width:100%}.minihub-center span{font-size:7px;letter-spacing:.12em;color:#c9a450}.minihub-slot{position:absolute;width:29%;height:30%;text-decoration:none;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#fff4cf;border-radius:25px;text-align:center;transition:transform .18s,background .18s}.minihub-slot:hover{transform:scale(1.08);background:#d7b3600a}.minihub-slot:focus-visible{outline:2px solid #ffde89;outline-offset:3px}.minihub-slot img{width:85%;height:80%;object-fit:contain;filter:drop-shadow(0 4px 9px #0005)}.minihub-slot strong{font-size:clamp(9px,1.2vw,13px);line-height:1.4;color:#fff4cf}.minihub-taixiu{left:35.5%;top:7%}.minihub-md5{right:9%;bottom:17%}.minihub-sicbo{left:9%;bottom:17%}.minihub-empty{position:absolute;bottom:23%;left:20%;width:60%;text-align:center;color:#d2c29d;font-size:11px}
.parent-game-card{text-decoration:none;display:block}.parent-game-card .tool-item-title{color:var(--text-primary,#142239)}
.miniswitch-float{position:fixed;right:18px;bottom:22px;z-index:10020;width:76px;height:76px;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 6px 15px #0008)}
.miniswitch-float.is-open{width:min(350px,calc(100vw - 24px),calc(100dvh - 24px));height:auto;aspect-ratio:1}
.miniswitch-float.is-dragging{cursor:grabbing}.miniswitch-float.is-dragging *{cursor:grabbing!important}
.miniswitch-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;color:#ffe6a1;cursor:grab;pointer-events:auto;touch-action:none;display:grid;place-items:center}
.miniswitch-open img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.miniswitch-open span{position:relative;font:900 12px/1.05 Arial,sans-serif;text-align:center;text-shadow:0 2px 2px #000,0 0 7px #a77a14}
.miniswitch-open[hidden],.miniswitch-wheel[hidden]{display:none!important}.miniswitch-wheel{position:absolute;inset:0;pointer-events:none}
.miniswitch-wheel .minihub{width:100%;max-width:none;pointer-events:auto;border-radius:50%;touch-action:none;cursor:grab}
.miniswitch-wheel .minihub-center{border:0;background:none;cursor:grab;pointer-events:auto;touch-action:none;padding:4px;font:inherit}
.miniswitch-wheel .minihub-center strong{font-size:12px}.miniswitch-wheel .minihub-center small{font:600 6px Arial,sans-serif;letter-spacing:.08em;color:#a9986b;white-space:nowrap}.miniswitch-wheel .minihub-center span{font-size:6px}
.miniswitch-wheel .minihub-slot{border-radius:35%;touch-action:none}.miniswitch-wheel .minihub-slot.selected{background:radial-gradient(ellipse,#e8c46819,transparent 72%)}.miniswitch-wheel .minihub-slot.selected strong{color:#ffe18d;text-shadow:0 0 8px #e1b33277}.miniswitch-wheel .minihub-slot strong{font-size:10px;width:100%;white-space:nowrap}
.miniswitch-collapse{position:absolute;right:4%;top:4%;pointer-events:auto;width:29px;height:29px;padding:0;border:1px solid #c3a45b;border-radius:50%;background:#241d13;color:#ffe5a4;font:22px/1 Arial,sans-serif;cursor:pointer;touch-action:none}
.miniswitch-open:focus-visible,.miniswitch-collapse:focus-visible,.minihub-center:focus-visible{outline:2px solid #ffe29e;outline-offset:3px}.miniswitch-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.miniswitch-float{width:64px;height:64px;right:12px;bottom:18px}.miniswitch-float.is-open{width:min(300px,calc(100vw - 24px),calc(100dvh - 24px));height:auto}.miniswitch-wheel .minihub-center strong{font-size:10px}.miniswitch-wheel .minihub-slot strong{font-size:9px}.miniswitch-open span{font-size:10px}}
.prediction-panel{position:fixed;z-index:9980;right:20px;top:85px;width:340px;max-width:calc(100vw - 24px);height:390px;max-height:calc(100dvh - 190px);background:#111827;border:1px solid #b29148;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px #0006}.prediction-panel[hidden]{display:none}.prediction-panel header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffedba;font:600 12px Arial,sans-serif}.prediction-panel header button{border:0;background:none;color:inherit;font-size:24px;cursor:pointer}.prediction-panel iframe{position:static!important;inset:auto!important;width:100%!important;height:calc(100% - 42px)!important;border:0;display:block}
@media(max-width:600px){.prediction-panel{right:12px;top:70px;width:300px}}

/* Full artwork cards on the user game directory. */
.parent-game-card.tool-item-card{display:flex;flex-direction:column;justify-content:flex-start;padding:0;min-width:0;min-height:0;text-decoration:none;gap:0}
.parent-game-card .tool-logo-box{width:100%;height:auto;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:0;background:var(--bg-surface);box-shadow:none;overflow:hidden;transition:none}
.parent-game-card:hover .tool-logo-box{transform:none}
.parent-game-card .tool-logo-img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .25s ease}
.parent-game-card:hover .tool-logo-img{transform:scale(1.04)}
.parent-game-card .tool-item-title{box-sizing:border-box;padding:13px 12px 0;font-size:14px;line-height:1.5;color:var(--text-main);white-space:normal;overflow-wrap:anywhere}
.parent-game-play{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 24px);margin:11px 12px 14px;padding:10px 8px;border-radius:10px;background:linear-gradient(115deg,#2865f1,#2542bd);color:#fff;font:700 12px/1.4 var(--font-display,Arial,sans-serif);box-shadow:0 4px 12px #2450ca20;transition:filter .2s}
.parent-game-card:hover .parent-game-play{filter:brightness(1.08)}
.parent-game-card:focus-visible{outline:3px solid var(--primary,#2865f1);outline-offset:3px}
@media(max-width:767px){.parent-game-card .tool-item-title{padding:10px 8px 0;font-size:12px}.parent-game-play{width:calc(100% - 16px);margin:9px 8px 11px;padding:9px 5px;font-size:11px;gap:6px}}

@media(max-width:767px){#games .unified-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.miniswitch-actions{position:absolute;left:20%;right:20%;bottom:9%;display:flex;justify-content:center;gap:5px;pointer-events:auto;touch-action:manipulation}
.miniswitch-actions button,.miniswitch-actions a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:30px;flex:1;padding:5px 6px;border:1px solid #bc9a4d66;border-radius:9px;background:linear-gradient(#302718,#19161a);color:#f9e6ac;font:600 10px/1.2 Arial,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.miniswitch-actions a{background:linear-gradient(#5a2926,#2b191b);border-color:#c7806155;color:#ffd7bb}
.miniswitch-actions button:hover,.miniswitch-actions a:hover{filter:brightness(1.2)}.miniswitch-actions :focus-visible{outline:2px solid #ffe29e;outline-offset:2px}.miniswitch-actions button[aria-pressed="false"]{color:#aeb9c9;border-color:#7a879255}
@media(max-width:600px){.miniswitch-actions{left:19%;right:19%;bottom:8%}.miniswitch-actions button,.miniswitch-actions a{font-size:9px;min-height:32px;padding:4px}.miniswitch-wheel .minihub-slot strong{font-size:8px}}
