.game-container,.game-container *,.game-container *::before,.game-container *::after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.game-container{position:relative;display:grid;grid-template-rows:auto minmax(0, 1fr) 58%;grid-template-areas:"jokbo-rank" "jokbo" "cards";width:95%;max-width:min(600px,50vh);aspect-ratio:1/2;margin:0 auto 100px;container-type:inline-size}#jokbo-rank{grid-area:jokbo-rank;display:flex;justify-content:space-around;align-items:center;padding:20px 10px 10px 10px;height:40px;white-space:nowrap;width:100%}.rank-item{padding:2px 3px;color:#fff;font-size:clamp(9px,4.2cqw,1rem);flex-shrink:1;min-width:0;width:11.1111111111%;text-align:center;border-left:1px solid #fff;font-weight:bold;cursor:pointer}.rank-item:first-child{border-left:none}.rank-item.active{background-color:red;color:#fff;border-radius:0}.rank-item:first-child.active{border-top-left-radius:5px;border-bottom-left-radius:5px}.rank-item:last-child.active{border-top-right-radius:5px;border-bottom-right-radius:5px}#jokbo-display{grid-area:jokbo;display:flex;justify-content:center;align-items:center;padding:10px 10px;gap:10px;position:relative}.selected-card-slot{width:25%;height:55%;background-color:#444;border:2px dashed #666;border-radius:5px;display:flex;justify-content:center;align-items:center;position:relative;touch-action:none}.card-image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.back-card{cursor:grab}.back-card:active{cursor:grabbing}.selected-card-slot img{max-width:100%;max-height:100%;display:block;border-radius:5px}#jokbo-name-overlay{position:absolute;top:3%;left:50%;transform:translateX(-50%);color:#fff;font-size:2.5rem;text-align:center;pointer-events:none;visibility:hidden;width:100%;font-weight:bold}#jokbo-detail-overlay{position:absolute;top:auto;bottom:6px;left:0;right:0;transform:none;width:auto;padding:0 8px;font-size:clamp(11px,3.6cqw,1rem);line-height:1.28;color:#d3d3d3;text-align:center;pointer-events:none;visibility:hidden}#reveal-hint{position:absolute;top:auto;bottom:6px;left:0;right:0;transform:none;width:auto;padding:0 8px;color:rgba(255,255,255,.72);font-size:clamp(11px,3.6cqw,1rem);line-height:1.28;text-align:center;pointer-events:none;visibility:hidden}.game-container.show-hint .back-card{animation:sutda-breathe 2.4s ease-in-out infinite}@keyframes sutda-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}.card-image-container.is-pop{animation:sutda-pop .34s cubic-bezier(0.2, 1.4, 0.4, 1)}@keyframes sutda-pop{0%{transform:scale(0.82)}60%{transform:scale(1.06)}100%{transform:scale(1)}}@media(prefers-reduced-motion: reduce){.game-container.show-hint .back-card,.card-image-container.is-pop{animation:none}}#card-selection{grid-area:cards;background-color:#343a40;padding:10px;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));grid-template-rows:repeat(4, minmax(0, 1fr));grid-gap:8px;overflow:hidden;z-index:1000;border-radius:5px}.card-container{position:relative;width:100%;height:100%;min-width:0;min-height:0;container-type:inline-size}.card-img{width:100%;height:100%;object-fit:contain;cursor:pointer;border:2px solid rgba(0,0,0,0);border-radius:5px;display:block}.card-img.selected{outline:8px solid #ff0;border-radius:0}.month-number{position:absolute;top:0;left:0;font-size:clamp(10px,24cqw,1rem);color:#fff;padding:2px 3px;width:clamp(17px,38cqw,27px);text-align:center;display:flex;justify-content:center;align-items:center}.month-number-top{background-color:#fff;color:#000;font-weight:bold;border:1px solid #000}.month-number-bottom{background-color:#000;color:#fff;font-weight:bold;border:1px solid #fff}@media(max-width: 576px){#jokbo-display{font-size:1.2rem}}.jokbo-win{display:inline-block;margin-top:4px;font-size:.78em;font-weight:700;color:#ffd166}