body{margin:0;padding:clamp(8px,1.5vw,20px);background-color:#0f5132;font-family:Arial,sans-serif;color:#fff;perspective:1400px;-webkit-user-select:none;user-select:none;touch-action:manipulation}#flip-wrapper{max-width:1200px;margin:0 auto}#flip-container{transform-style:preserve-3d;position:relative}.flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}#flip-back{position:absolute;top:0;left:0;width:100%;min-height:100%;transform:rotateY(180deg) translateZ(1px);will-change:transform;background-color:#0f5132;box-sizing:border-box;visibility:hidden;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}#help-btn{position:absolute;top:0;right:0;width:34px;height:34px;border-radius:50%;border:2px solid #ffd700;background:transparent;color:gold;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}#help-btn:hover{background:gold;color:#0f5132}#flip-back h1{text-align:center;margin-bottom:4px}#help-content{max-width:700px;margin:50px auto 0;line-height:1.65}#help-content a{color:pink;font-weight:700;text-decoration:none}#help-content a:hover{text-decoration:underline}#help-content section{margin-bottom:22px}#help-content h2{margin:0 0 6px;font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:gold;border-bottom:1px solid rgba(255,215,0,.25);padding-bottom:4px}#help-content p,#help-content li{font-size:15px;color:#ffffffe0;margin:0 0 8px}#help-content ul{padding-left:20px;margin:0}#help-content li{margin-bottom:5px}#back-btn{display:block;margin:10px auto 24px;padding:10px 28px;border-radius:6px;border:2px solid #ffd700;background:transparent;color:gold;font-size:15px;cursor:pointer;transition:background-color .2s,color .2s}#back-btn:hover{background-color:gold;color:#0f5132}h1{text-align:center;margin-bottom:14px;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:clamp(22px,7vw,2em);padding:0 40px}#toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px clamp(8px,2.5vw,18px);margin:0 0 20px;font-size:clamp(12px,3vw,14px);letter-spacing:.05em}#tool-buttons{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(8px,2.5vw,18px)}#game-number{color:#ffffff8c}#game-number-input{font:inherit;letter-spacing:inherit;color:inherit;width:7ch;padding:1px 0;background:transparent;border:none;border-bottom:1px dotted transparent;outline:none;cursor:pointer}#game-number:hover #game-number-input{border-bottom-color:#ffffff73}#game-number-input:focus{color:gold;border-bottom:1px solid #ffd700;cursor:text}.tool-btn{padding:5px clamp(8px,2.8vw,14px);border-radius:6px;border:2px solid #ffd700;background:transparent;color:gold;font-size:clamp(11px,2.6vw,13px);white-space:nowrap;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s,opacity .2s}@media(hover:hover)and (pointer:fine){.tool-btn:hover:not(:disabled){background:gold;color:#0f5132}}.tool-btn:disabled{opacity:.3;cursor:default}#game-area{container-type:inline-size;--u: calc(100cqw / 1200)}#top-area{display:grid;grid-template-columns:repeat(4,1fr) .6fr repeat(4,1fr);align-items:center;margin-bottom:max(12px,calc(30 * var(--u)))}#top-image-area{display:flex;align-items:center;justify-content:center;min-width:0}#top-image-area img{width:calc(100% - 16 * var(--u));height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.slot{margin:0 calc(8 * var(--u));min-width:0;aspect-ratio:71/96;border:max(1px,calc(2 * var(--u))) dashed rgba(255,255,255,.4);border-radius:calc(8 * var(--u));background-color:#0000001a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}@media(hover:hover)and (pointer:fine){.slot:hover{border-color:#ffffffb3;background-color:#ffffff0d}}.slot.free-cell:after{content:"";width:30%;aspect-ratio:1;border:1px solid rgba(255,255,255,.3);border-radius:50%;background-color:#ffffff1a}.slot.occupied:after{display:none}.slot.foundation:after{content:"";width:45%;aspect-ratio:1;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:#ffffff1a}.foundation-indicator{font-size:clamp(10px,3vw,24px);font-weight:700;color:#ffffff4d}#surface{display:grid;grid-template-columns:repeat(8,1fr);background-color:#0000001a;border-radius:12px}.card-column{position:relative;aspect-ratio:134 / 500;background-color:#ffffff0d;padding:calc(8 * var(--u))}.card{position:absolute;width:calc(100% - 16 * var(--u));height:auto;aspect-ratio:71/96;border-radius:calc(8 * var(--u));box-shadow:0 2px 4px #0000004d;cursor:pointer;left:calc(8 * var(--u));right:calc(8 * var(--u))}.free-cell>.card,.foundation>.card{width:100%;left:0;right:0}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 6px 12px #0009}.card-column .card:last-child:hover,.free-cell .card:hover{transform:none}.card img:hover{border-color:gold}}.card.selected{box-shadow:0 0 0 3px gold,0 8px 20px #00000080;z-index:100!important}#surface .card.rank-hint{transform:translateY(-14px) scale(1.05);box-shadow:0 0 0 3px #6ff,0 10px 22px #0009;z-index:200!important}#surface.rank-hinting .card:not(.rank-hint){opacity:.18;filter:grayscale(1)}.card img{display:block;box-sizing:border-box;width:100%;height:100%;border-radius:calc(8 * var(--u));border:1px solid rgba(255,255,255,.2)}#win-message{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}#win-inner{background:#082412ed;border:3px solid #ffd700;border-radius:16px;padding:52px 80px;text-align:center;pointer-events:all;box-shadow:0 0 0 1px #ffd70026,0 0 80px #ffd70040,0 24px 64px #000000b3}#win-title{font-size:62px;font-weight:700;color:gold;letter-spacing:.04em;margin-bottom:12px;text-shadow:0 0 20px rgba(255,215,0,.6)}#win-inner p{font-size:17px;color:#fff9;margin:0 0 36px;letter-spacing:.05em}.panel-buttons{display:flex;gap:14px;justify-content:center}.panel-btn{padding:13px 28px;font-size:16px;border:2px solid #ffd700;background:transparent;color:gold;border-radius:8px;cursor:pointer;letter-spacing:.05em;transition:background .2s,color .2s}.panel-btn:hover{background:gold;color:#0f5132}#lose-message{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}#lose-inner{background:#240808ed;border:3px solid #c94a4a;border-radius:16px;padding:52px 80px;text-align:center;pointer-events:all;box-shadow:0 0 0 1px #c94a4a26,0 0 80px #c94a4a40,0 24px 64px #000000b3}#lose-title{font-size:62px;font-weight:700;color:#c94a4a;letter-spacing:.04em;margin-bottom:12px;text-shadow:0 0 20px rgba(201,74,74,.6)}#lose-inner p{font-size:17px;color:#fff9;margin:0 0 36px;letter-spacing:.05em}#lose-inner .panel-btn{border-color:#c94a4a;color:#c94a4a}#lose-inner .panel-btn:hover{background:#c94a4a;color:#fff}