.game-container.svelte-oq5621{position:relative;overflow:hidden}.perspective-field.svelte-oq5621{background:green;width:1000px;height:1000px;z-index:1;position:relative;border:4px black solid;border-radius:20px;top:50%;left:50%;transform-style:preserve-3d;pointer-events:auto;transform-origin:center center;transform:rotateX(50deg) rotateY(0) rotate(0) translate(-50%) translateY(-80%) translateZ(0)}.my-field.svelte-oq5621{z-index:10000;bottom:2%;position:fixed;left:50%;transform:translate(-50%)}.field.svelte-oq5621{width:100%;height:80%;position:fixed;transform-style:preserve-3d;perspective:1000px;pointer-events:none}.hand.svelte-oq5621{display:flex;gap:4px;max-height:204px}.card.svelte-oq5621{width:120px;height:200px;border:2px solid;border-radius:24px;font-size:42px;text-align:center;justify-content:center;align-items:center;display:flex;background-color:#fff;background-size:cover;background-repeat:no-repeat}.my-field.svelte-oq5621 .card.draw:where(.svelte-oq5621){margin-left:40px}.card.draw.drawing{opacity:1;transform:translate(0);pointer-events:auto}.my-field.svelte-oq5621 .card:where(.svelte-oq5621){cursor:pointer;height:inherit;width:inherit;aspect-ratio:.6;border-radius:20%/12%}.my-field .card.selected{transform:translateY(-30%)}.player-name-container.svelte-oq5621{width:0px;height:0px;top:50%;left:50%;transform-style:preserve-3d;position:absolute}.player-name.svelte-oq5621{font-size:100px;line-height:100px;color:#fff;position:absolute;width:700px;height:100px;transform-style:preserve-3d;left:50%;top:50%;transform-origin:center;opacity:.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name.your-turn.svelte-oq5621{opacity:1}.trush.svelte-oq5621,.hands.svelte-oq5621{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;height:800px}.kawa.svelte-oq5621,.hand-inner.svelte-oq5621{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(200px);display:flex;width:310px;height:300px;transform-origin:center}.hand-inner.svelte-oq5621{width:340px;background:red;opacity:.5}.face.svelte-oq5621{position:absolute;width:60px;height:100px;background:#fff;border:1px solid #ccc;box-sizing:border-box;backface-visibility:hidden}.front.svelte-oq5621{transform:translateZ(5px)}.back.svelte-oq5621{transform:rotateY(180deg) translateZ(5px)}.right.svelte-oq5621{transform:rotateY(90deg) translateZ(30px);width:10px}.left.svelte-oq5621{transform:rotateY(-90deg) translateZ(30px);width:10px}.top.svelte-oq5621{transform:rotateX(90deg) translateZ(50px);height:10px}.bottom.svelte-oq5621{transform:rotateX(-90deg) translateZ(50px);height:10px}.opponent-hand-container.svelte-oq5621{width:0px;height:0px;top:50%;left:50%;transform-style:preserve-3d;position:absolute}.opponent-hand.svelte-oq5621{position:absolute;width:400px;height:100px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;gap:4px;left:50%;top:50%;transform-origin:center}.opponent-hand.svelte-oq5621 .card:where(.svelte-oq5621){width:60px;height:100px;border:2px solid;border-radius:12px;font-size:21px;background-image:url(../../../card-reverse.png)}.opponent-hand.svelte-oq5621 .card.draw:where(.svelte-oq5621){margin-right:20px}.open-hand-container.svelte-oq5621{width:0px;height:0px;top:50%;left:50%;transform-style:preserve-3d;position:absolute}.open-hand.svelte-oq5621{position:absolute;width:400px;height:100px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;gap:4px;left:50%;top:50%;transform-origin:center}.open-hand.svelte-oq5621 .card:where(.svelte-oq5621){width:60px;height:100px;border:1px solid;border-radius:12px;font-size:21px;cursor:default}.open-hand.svelte-oq5621 .card.draw:where(.svelte-oq5621){margin-left:20px}.kawa.svelte-oq5621 .card-inner:where(.svelte-oq5621){position:relative;display:flex;flex-wrap:wrap}.kawa.svelte-oq5621 .card:where(.svelte-oq5621){width:60px;height:100px;border:1px solid;border-radius:12px;font-size:21px;cursor:default}.kawa.svelte-oq5621:hover{animation:none}.card-preview.svelte-oq5621{z-index:1000;position:fixed;width:60px;height:100px;border:1px solid;border-radius:12px;font-size:21px;box-shadow:0 4px 5px #00000080;animation-name:svelte-oq5621-fade-in;animation-duration:.3s;animation-fill-mode:forwards;opacity:0}.deck-preview.svelte-oq5621{z-index:1000;position:fixed;padding:10px 15px;background:#f0f0f0;border-radius:5px;font-size:21px;box-shadow:0 4px 5px #00000080;animation-name:svelte-oq5621-fade-in;animation-duration:.3s;animation-fill-mode:forwards;opacity:0}.hint-preview.svelte-oq5621{z-index:10001;position:fixed;top:0;left:0;padding:10px 15px;background:#f0f0f0;border-radius:5px;font-size:21px;box-shadow:0 4px 5px #00000080;animation-name:svelte-oq5621-fade-in;animation-duration:.3s;animation-fill-mode:forwards;opacity:0}.hint-preview.svelte-oq5621:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:#f0f0f0 transparent transparent transparent}.opponent-hand-container.svelte-oq5621 .win-effect:where(.svelte-oq5621){position:absolute;width:400px;height:100px;display:flex;justify-content:center;z-index:9999}.my-field.svelte-oq5621 .win-effect:where(.svelte-oq5621){width:400px;height:100px;display:flex;justify-content:center;z-index:9999}.win-line.svelte-oq5621{position:absolute;top:50%;transform:translateY(-50%);left:0;width:400px;height:100px;background-color:#b22222;border-radius:5px;opacity:0;animation:svelte-oq5621-fade-line .5s forwards}.win-text.svelte-oq5621{position:absolute;top:50%;left:-200px;transform:translateY(-50%);height:56px;animation:svelte-oq5621-slide-win .3s forwards}@keyframes svelte-oq5621-fade-line{0%{opacity:0}to{opacity:1}}@keyframes svelte-oq5621-slide-win{0%{left:-200px;opacity:0}to{left:50%;transform:translate(-50%,-50%);opacity:1}}.overlay.svelte-oq5621{z-index:999999;position:fixed;width:80%;height:80%;max-width:1000px;max-height:600px;min-width:600px;min-height:300px;background:#f0f0f0;border-radius:12px;box-shadow:0 4px 5px #00000080;top:50%;left:50%;transform:translate(-50%,-50%);animation-name:svelte-oq5621-fade-in;animation-duration:1s;animation-fill-mode:forwards;opacity:0}.close-button.svelte-oq5621{position:absolute;top:12px;right:12px;background:transparent;border:none;cursor:pointer;padding:4px}.result-message.svelte-oq5621{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;animation-name:svelte-oq5621-fade-out;animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;opacity:1}.product-card.svelte-oq5621{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:20px;width:700px;height:100%;animation-name:svelte-oq5621-fade-in;animation-delay:2s;animation-duration:1s;animation-fill-mode:forwards;opacity:0}.product-image.svelte-oq5621{width:auto;height:90%;max-height:400px;border-radius:8px}.product-info.svelte-oq5621{margin-left:30px;height:70%}.product-name.svelte-oq5621{font-size:42px;margin:0}.product-disc.svelte-oq5621{font-size:21px;margin:0;font-weight:400}.product-price.svelte-oq5621{font-size:21px;margin:10px 0}.buy-form.svelte-oq5621{position:relative;top:30%;left:10%}.buy-button.svelte-oq5621{padding:10px 20px;font-size:21px;background-color:#c15157;color:#fff;border:none;border-radius:5px;cursor:pointer}.buy-button.svelte-oq5621:hover{animation:svelte-oq5621-flush .5s infinite alternate}@media screen and (max-width: 1000px){.product-name.svelte-oq5621{font-size:30px}.product-disc.svelte-oq5621,.product-price.svelte-oq5621{font-size:18px}.buy-button.svelte-oq5621{padding:5px 15px;font-size:18px}}@keyframes svelte-oq5621-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-oq5621-fade-out{0%{opacity:1}to{opacity:0}}@keyframes svelte-oq5621-flush{0%{opacity:1}to{opacity:.5}}.portrait-bg.svelte-oq5621{z-index:9999999;position:fixed;width:100vw;height:100vh;background:#00000080;top:0;left:0}.portrait-overlay.svelte-oq5621{position:absolute;width:90vw;height:80vh;background:#f0f0f0;border-radius:12px;box-shadow:0 4px 5px #00000080;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-message.svelte-oq5621{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;font-size:30px;text-align:center}@media screen and (max-width: 500px){.portrait-message.svelte-oq5621{font-size:18px}}.deck.svelte-oq5621{position:relative;left:calc(50% - 30px);top:calc(50% - 50px);width:60px;height:100px;transform-style:preserve-3d}.deck.svelte-oq5621 .card:where(.svelte-oq5621){position:absolute;width:60px;height:100px;border:2px solid #333;border-radius:12px;box-shadow:0 3px 5px #0006;font-size:21px;backface-visibility:hidden;transform-style:preserve-3d;background-image:url(../../../card-reverse.png)}.button-container.svelte-oq5621{z-index:10001;position:fixed;width:450px;bottom:5%;right:5%;display:flex;justify-content:space-evenly}.button-container.svelte-oq5621 button:where(.svelte-oq5621){cursor:pointer;font-size:38px;padding:5px 30px;border:none;border-radius:5px;color:#fff;background-color:#708090;display:flex;align-items:center}.button-container.svelte-oq5621 button:where(.svelte-oq5621):hover{animation:svelte-oq5621-flush .5s infinite alternate}.button-container.svelte-oq5621 button.ron:where(.svelte-oq5621){background-color:#b22222}.button-container.svelte-oq5621 button.skip:where(.svelte-oq5621){background-color:#006400}.button-container.svelte-oq5621 button:where(.svelte-oq5621) img:where(.svelte-oq5621){height:40px;pointer-events:none}.button-container.fade-in.svelte-oq5621{animation-name:svelte-oq5621-fade-in;animation-duration:1s;animation-fill-mode:forwards;opacity:0}.button-container.svelte-oq5621 button.again:where(.svelte-oq5621){background-color:#006400}@media screen and (max-width: 1600px){.button-container.svelte-oq5621{flex-direction:column;align-items:flex-end;gap:15px}.button-container.svelte-oq5621 button:where(.svelte-oq5621){width:200px;height:50px;font-size:30px;padding:5px 20px;display:flex;justify-content:center}.button-container.svelte-oq5621 button.again:where(.svelte-oq5621){width:250px}.button-container.svelte-oq5621 button:where(.svelte-oq5621) img:where(.svelte-oq5621){height:32px}}@media screen and (max-width: 1000px){.button-container.svelte-oq5621{width:150px;flex-direction:column;gap:5px}.button-container.svelte-oq5621 button:where(.svelte-oq5621){height:35px;font-size:22px;padding:5px 20px;display:flex;justify-content:center}.button-container.svelte-oq5621 button:where(.svelte-oq5621) img:where(.svelte-oq5621){height:24px}}.difficulty-button.svelte-oq5621{font-size:21px;padding:10px 20px;margin:15px;border-radius:8px;cursor:pointer;font-weight:700;border:none;transition:transform .2s}.difficulty-button.svelte-oq5621:hover{transform:scale(1.05)}.easy.svelte-oq5621{background-color:#a8e6a1;color:#000}.normal.svelte-oq5621{background-color:#3f88c5;color:#fff}.hard.svelte-oq5621{background-color:#d72638;color:#fff}.selector-container.svelte-oq5621{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:#f0f0f0;border-radius:12px;max-width:400px;margin:0 auto;box-shadow:0 4px 5px #00000080}.difficulty-display.svelte-oq5621{position:fixed;top:30px;right:40px;font-size:21px;padding:10px 20px;border-radius:8px;cursor:default;font-weight:700;border:none;text-transform:capitalize}@media screen and (max-width: 1000px){.difficulty-button.svelte-oq5621{font-size:18px;padding:5px 15px}.difficulty-display.svelte-oq5621{top:15px;right:20px;font-size:18px;padding:5px 15px}}.ec-button.svelte-oq5621{position:fixed;display:block;top:30px;left:40px;font-size:21px;padding:5px 20px;border-radius:8px;cursor:default;border:none;cursor:pointer;color:#fff;background-color:#4169e1;text-decoration:none}.ec-button.svelte-oq5621:hover{animation:svelte-oq5621-flush .5s infinite alternate}@media screen and (max-width: 1000px){.ec-button.svelte-oq5621{top:15px;left:20px;padding:5px 15px;font-size:18px}}.tutorial-open-button.svelte-oq5621{position:fixed;bottom:30px;left:40px;cursor:pointer;font-size:21px;padding:5px 20px;border:none;border-radius:5px;color:#fff;background-color:#4169e1}.tutorial-open-button.svelte-oq5621:hover{animation:svelte-oq5621-flush .5s infinite alternate}.tutorial-modal.svelte-oq5621{position:fixed;z-index:1000000;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.tutorial-content.svelte-oq5621{background:#f0f0f0;padding:40px 20px;width:60%;height:80%;max-width:1152px;max-height:600px;min-width:800px;border-radius:12px;position:relative}.tutorial-slides.svelte-oq5621{width:90%;height:90%;margin:0 auto}.slide.svelte-oq5621{display:none;width:100%;height:100%;object-fit:contain;margin:auto}.slide.active.svelte-oq5621{display:block}.tutorial-footer.svelte-oq5621{display:flex;justify-content:center;gap:60px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tutorial-footer.svelte-oq5621 button:where(.svelte-oq5621){cursor:pointer;font-size:21px;padding:5px 20px;border:none;border-radius:5px;color:#fff;background-color:#4169e1}.tutorial-footer.svelte-oq5621 button:where(.svelte-oq5621):disabled{cursor:default;opacity:50%}.dots.svelte-oq5621{display:flex;flex-direction:row;justify-content:center;gap:15px;align-items:center}.dots.svelte-oq5621 span:where(.svelte-oq5621){width:10px;height:10px;border-radius:50%;background:#ccc;cursor:pointer;transition:.2s}.dots.svelte-oq5621 span.active:where(.svelte-oq5621){background:#4169e1;width:12px;height:12px}@media screen and (max-width: 1000px){.tutorial-open-button.svelte-oq5621{bottom:15px;left:20px;padding:5px 15px;font-size:18px}.tutorial-footer.svelte-oq5621 button:where(.svelte-oq5621){padding:5px 15px;font-size:18px}}