*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.menu-container{position:fixed;right:1rem;top:1rem;z-index:3000}.Menu-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:5rem;justify-content:center;position:relative;width:5rem;z-index:3002}.hamburger-icon span{background-color:#374151;display:block;height:.2rem;margin:.5rem 0;transition:all .3s ease-in-out;width:2.4rem}.menu--open .hamburger-icon span:first-child{transform:translateY(.7rem) rotate(45deg)}.menu--open .hamburger-icon span:nth-child(2){opacity:0}.menu--open .hamburger-icon span:nth-child(3){transform:translateY(-.7rem) rotate(-45deg)}.menu-nav{background-color:#fff;box-shadow:-4px 0 15px #0000001a;height:100%;padding-top:8rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:25rem;z-index:3001}.menu--open .menu-nav{transform:translateX(0)}.menu-nav ul{list-style:none;margin:0;padding:0}.menu-nav li button{background:none;border:1px solid #d1d5dd;border-left:none;border-right:none;cursor:pointer;display:block;font-size:1.6rem;padding:2rem 1.5rem;text-align:left;width:100%}.menu-nav li button:hover{background-color:#dae0ec}.menu-overlay{background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:3000}@media screen and (max-width:767px){.menu-container{position:absolute}}@media screen and (max-width:680px){.Menu-button{height:7rem;width:7rem}.menu-nav{width:30rem}.menu-nav li button{font-size:2rem;font-weight:700;padding:2.5rem 1rem}}@media (prefers-color-scheme:dark){.Menu-button{background:#777}.menu-nav{background-color:#444}.menu-nav ul li button{color:#dbdbdb}}.text-center{text-align:center}.indent{margin-left:16px}.guide-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:4000}.guide-modal{background:#eee;border-radius:12px;box-shadow:0 5px 20px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.guide-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.guide-modal-header h2{font-size:clamp(16px,2rem,20px);margin:0}.guide-modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;font-weight:700;padding:0 .5rem}.guide-modal-content{overflow-y:auto;padding:2rem 1.5rem}.guide-modal-content h3{font-size:clamp(16px,1.8rem,18px);margin-bottom:.5rem;margin-top:2rem}.guide-modal-content p{font-size:16px;line-height:1.6;margin-bottom:1rem;margin-top:.3rem}.guide-img{margin:0 auto;text-align:center;width:30rem}.guide-img-mini{width:15rem}.guide-img img{border:2px solid #c6c6c6;border-radius:8px;width:100%}@media screen and (max-width:680px){.guide-img{width:40rem}.guide-img-mini{width:20rem}}@media (prefers-color-scheme:dark){.guide-modal{background:#444}.guide-modal-close-button{color:#c6c6c6}}.tabs-container{display:flex;flex-direction:column;height:100%;width:100%}.tab-list{border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:clamp(16px,2rem,18px);font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.tab-button:hover{background-color:#f9fafb}.tab-button--active{border-bottom-color:#4f46e5;color:#4f46e5}.tab-panel{flex-grow:1;overflow-y:auto;padding:1rem 0}@media (prefers-color-scheme:dark){.tab-button--active{border-bottom-color:#b8b4ff;color:#b8b4ff}}.info-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:4000}.info-modal{background:#eee;border-radius:12px;box-shadow:0 5px 20px #00000040;display:flex;flex-direction:column;font-size:15px;max-height:80vh;max-width:700px;width:90%}.info-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.info-modal-header h2{font-size:clamp(16px,2rem,20px);margin:0}.info-modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;font-weight:700;padding:0 .5rem}.info-modal-content{overflow-y:auto;padding:2rem;scroll-behavior:smooth}.modal-nav-links{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding-bottom:1rem}.modal-nav-links a{border-radius:6px;color:#d0a1a1;font-weight:700;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s}.modal-nav-links a:hover{background-color:#f3f4f6}.info-modal-content hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.info-modal-content h3{font-size:clamp(16px,1.8rem,18px);margin-bottom:.5rem;margin-top:0}.info-modal-content h4{margin-top:1rem}.info-modal-content p{font-size:16px;line-height:1.6;margin-top:0}.info-modal-content ul{font-size:16px;line-height:1.6;margin:.5rem 0 1rem;padding-left:20px}@media (prefers-color-scheme:dark){.info-modal{background:#444}.info-modal-close-button{color:#c6c6c6}}html{font-size:10px}body{background-color:#f8f8f8;color:#374151;font-family:Inter,sans-serif;overscroll-behavior:none}.deckImageCutter{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;font-size:clamp(12px,1.5rem,16px);gap:1rem;margin-top:1rem;padding:1rem}.space{margin-right:1rem}.container{display:flex;justify-content:center;margin:0 auto;max-width:756px;padding:0}.header{margin:1rem;text-align:center}.title{font-size:2rem;font-weight:700}.status{font-size:1.6rem}.main-content{margin:0;width:100%}.result-popup-overlay{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.result-popup{background:#f8f8f8;border-radius:12px;box-shadow:0 5px 20px #00000040;padding:2.5rem 3rem;text-align:center}.field-grid{grid-gap:.8rem;aspect-ratio:1/1.5;background-color:#f8f8f8;border:1px solid #d1d3d7;border-radius:8px;display:grid;gap:.8rem;grid-template-areas:". header header header header header header header ." ". menu menu menu menu menu menu menu ." ". . field monster1 monster2 monster3 grave . ." ". . . spell1 spell2 spell3 grave . ." "hand hand hand hand hand hand hand hand hand" "extra extra extra extra extra extra extra extra extra" ". deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons ." "deck deck deck deck deck deck deck deck deck" "free-buttons free-buttons free-buttons free-buttons free-buttons free-buttons free-buttons free-buttons free-buttons" "free free free free free free free free free";grid-template-columns:repeat(6,1fr) 9rem repeat(2,1fr);grid-template-rows:auto auto 1fr 1fr 1.2fr 1.2fr auto 4fr auto 1.2fr;min-width:320px;padding:0 2rem 3rem}.card{aspect-ratio:59/88;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:grab;flex-shrink:0;height:9rem;object-fit:cover;position:relative;touch-action:none;transition:transform .2s ease-in-out,filter .2s ease-in-out,opacity .2s ease-in-out;width:auto}.card img{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--zone-bg-default:#f9fafb;--zone-border-default:#d1d5db;--zone-bg-deck:#f3e8d7;--zone-border-deck:#c7b299;--zone-bg-hand:#e7f0f0;--zone-border-hand:#d1d5db;--zone-bg-grave:#e8e8e8;--zone-border-grave:#a0a0a0;--zone-bg-extra:#f0e6f2;--zone-border-extra:#c5a9cc;--zone-bg-monster:#fff0d6;--zone-border-monster:#e6c37f;--zone-bg-spell:#d7f3f0;--zone-border-spell:#7fb3ab;--zone-bg-field:#d7e3f3;--zone-border-field:#a9b9cc;--zone-bg-free:#e6ebf2;--zone-border-free:#a9b8cc;--zone-bg-over:#eef2ff;--zone-border-over:#6366f1}.zone{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:4px;display:flex;justify-content:center;overflow-y:auto;padding:1rem .8rem;position:relative}.zone--deck{background-color:#f3e8d7;background-color:var(--zone-bg-deck);border-color:#c7b299;border-color:var(--zone-border-deck)}.zone--deck .card{height:7.2rem}.zone--hand{background-color:#e7f0f0;background-color:var(--zone-bg-hand);border-color:#d1d5db;border-color:var(--zone-border-hand)}.zone--grave{background-color:#e8e8e8;background-color:var(--zone-bg-grave);border-color:#a0a0a0;border-color:var(--zone-border-grave);overflow:hidden;padding:.3rem}.zone--extra{background-color:#f0e6f2;background-color:var(--zone-bg-extra);border-color:#c5a9cc;border-color:var(--zone-border-extra)}.zone--monster{background-color:#fff0d6;background-color:var(--zone-bg-monster);border-color:#e6c37f;border-color:var(--zone-border-monster);overflow:visible;padding:0}.zone--spell{background-color:#d7f3f0;background-color:var(--zone-bg-spell);border-color:#7fb3ab;border-color:var(--zone-border-spell)}.zone--field,.zone--spell{overflow:visible;padding:0}.zone--field{background-color:#d7e3f3;background-color:var(--zone-bg-field);border-color:#a9b9cc;border-color:var(--zone-border-field)}.zone--free{background-color:#e6ebf2;background-color:var(--zone-bg-free);border-color:#a9b8cc;border-color:var(--zone-border-free)}.zone--menu{display:flex}.zone-label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:4px;color:#374151;font-size:clamp(14px,1.5rem,16px);font-weight:600;padding:.2rem;position:absolute;right:.3rem;text-align:center;top:.3rem;-webkit-user-select:none;user-select:none;z-index:999}.zone--grave .zone-label:hover{opacity:.8}.card-stack{align-content:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;height:100%;padding-right:3rem;position:relative;width:100%}.zone--field .card-stack,.zone--monster .card-stack,.zone--spell .card-stack{overflow-y:visible;overflow-y:initial;padding-right:0}.single-card-zone{display:flex;height:100%;width:100%;z-index:2}.operation-button,.single-card-zone{align-items:center;justify-content:center}.operation-button{background-color:#e7f0f0;border:2px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:clamp(12px,1.5rem,16px);font-weight:600;padding:.5rem .8rem;transition:all .2s}.operation-button:hover{background-color:#d2d7e0;border-color:#9298a3}.top-menu{display:inline-flex;margin:0 1rem .5rem 0;min-width:20%}.deck-menu{background-color:#f3e8d7;border:2px solid #e6c37f;display:flex;margin:.4rem 0;min-width:30%}.deck-buttons-container{display:flex;grid-area:deck-buttons;justify-content:space-between}.free-buttons-container{display:flex;gap:2em;grid-area:free-buttons;justify-content:flex-end;margin-top:1em}.free-menu{background-color:#e6ebf2;border-color:#a9b8cc}.popup-overlay{display:flex;grid-area:grave;height:120%;width:250%;z-index:1000}.popup{background-color:#eee;border:3px solid #b8b8b8;border-radius:4px;display:flex;flex-direction:column;height:180%;padding:.8rem;width:100%}.popup-header{align-items:center;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:1rem}.popup-title{font-size:1.8rem;font-weight:700}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:700}.popup-content{background-color:#dedede;border-radius:8px;flex:1 1;overflow-y:auto;padding:.8rem;position:relative}.context-menu{background-color:#eee;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:fixed;width:180px;z-index:10000}.context-menu-button{background:none;border:none;cursor:pointer;display:block;padding:10px 15px;text-align:left;width:100%}.context-menu-button:hover{background-color:#b9b9b9}.red{background-color:#ffc9c9;border-color:#cca9a9}.blue{background-color:#b7e0ff}footer p{font-size:clamp(12px,1.2rem,14px);margin:3rem 0;text-align:center}footer a{color:#d0a1a1;text-decoration:none}footer a:hover{opacity:.7}.display{display:flex}@media screen and (max-width:767px){html{font-size:9px}}@media screen and (max-width:680px){html{font-size:8px}}@media screen and (max-width:576px){.header{margin:3rem 1rem}.field-grid{grid-gap:1.5rem 1rem;aspect-ratio:1/2.1;display:grid;gap:1.5rem 1rem;grid-template-areas:"header header header header header header" "menu menu menu menu menu menu" "field monster1 monster2 monster3 grave ." ". spell1 spell2 spell3 grave ." "hand hand hand hand hand hand" "extra extra extra extra extra extra" "deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons" "deck deck deck deck deck deck" "free-buttons free-buttons free-buttons free-buttons free-buttons free-buttons" ". free free free free free";grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto 1fr 1fr 1fr 1fr auto 3.5fr auto 1fr}.card{height:10rem}.zone--extra .card{height:9rem}.zone--deck .card{height:7.5rem}.zone--free .card{height:9rem}.popup-overlay{width:220%}}@media screen and (max-width:490px){html{font-size:7px}.card-stack{padding-right:4rem}}@media screen and (max-width:450px){.space{margin-right:0}.field-grid{aspect-ratio:1/2.3;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto 1fr 1fr 1.1fr 1.1fr auto 3.5fr auto 1.1fr}.zone--extra .card{height:8.5rem}.operation-button{font-weight:700;margin:.8rem;padding:.5rem .3rem;width:fit-content}.top-menu{padding:.5rem .6rem}}@media screen and (max-width:400px){html{font-size:6.2px}.popup-overlay{height:140%}}@media screen and (max-width:380px){.field-grid{aspect-ratio:1/2.5;grid-template-areas:"header header header header header" "menu menu menu menu menu" "field monster1 monster2 monster3 grave" ". spell1 spell2 spell3 grave" "hand hand hand hand hand" "extra extra extra extra extra" "deck-buttons deck-buttons deck-buttons deck-buttons deck-buttons" "deck deck deck deck deck" "free-buttons free-buttons free-buttons free-buttons free-buttons" ". free free free free";grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto 1fr 1fr 1.2fr 1.2fr auto 3fr auto 1.2fr}.card{height:9rem}.zone--deck .card{height:6rem}.zone--extra .card{height:7.2rem}.zone--free .card{height:8rem}}@media screen and (max-width:335px){.display{display:block}}@media (prefers-color-scheme:dark){body{background-color:#444;color:#dbdbdb}.deckImageCutter{background-color:#5b5b5b;color:#dbdbdb}.field-grid{background-color:#444}.result-popup{background-color:#555}.operation-button{background-color:#5b696c;border:2px solid #d1d5db;color:#dbdbdb}.deck-menu{background-color:#726249;border:2px solid #e6c37f}.red{background-color:#633f3f;border-color:#cca9a9}:root{--zone-bg-default:#4d4545;--zone-border-default:#d1d5db;--zone-bg-deck:#726249;--zone-border-deck:#c7b299;--zone-bg-hand:#2b4f4f;--zone-border-hand:#d1d5db;--zone-bg-grave:#4f4949;--zone-border-grave:#a0a0a0;--zone-bg-extra:#534156;--zone-border-extra:#c5a9cc;--zone-bg-monster:#726249;--zone-border-monster:#e6c37f;--zone-bg-spell:#2a4e4a;--zone-border-spell:#7fb3ab;--zone-bg-field:#2e3a4a;--zone-border-field:#a9b9cc;--zone-bg-free:#2b3645;--zone-border-free:#a9b8cc;--zone-bg-over:#56667f;--zone-border-over:#788daf}.operation-button:hover{background-color:#8793a9;border-color:#9298a3;opacity:.8}.context-menu-button:hover{background-color:#6d5353;opacity:.8}.popup{background-color:#7b7b7b;border-color:#4f4949}.popup-content{background-color:#4f4949}.close-button,.popup-title{color:#dbdbdb}}
/*# sourceMappingURL=main.958b92fe.css.map*/