.console{width:360px;height:600px;transform-style:preserve-3d;isolation:isolate;background:linear-gradient(145deg,#ededed 0%,#d8d8d8 42%,#c3c3c3 100%);border:12px solid #d4d4d4;border-top-color:#f7f7f7;border-radius:40px;grid-template-rows:4fr 160px;grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:relative;transform:perspective(1400px)rotateX(6deg);box-shadow:0 28px 54px #00000073,0 10px 22px #00000047,inset 0 4px #ffffffd1,inset 0 -10px 18px #88888838}.console:before{content:"";pointer-events:none;background:linear-gradient(#ffffff7a,#fff0);border-radius:28px 28px 60px 60px;height:72px;position:absolute;inset:14px 18px auto}.console:after{content:"";filter:blur(22px);z-index:-1;pointer-events:none;background:#00000047;border-radius:50%;width:82%;height:34px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.lines{flex-direction:column;align-items:center;gap:2px;width:50px;height:40px;display:flex;position:absolute;bottom:15px;right:35px;transform:rotate(45deg)}.line{background-color:#9d9d9d;border-radius:12px;width:50px;height:8px;box-shadow:inset 2px 6px 10px 1px #f0f0f0c7}.display{background-color:var(--screen-base);width:310px;height:395px;box-shadow:inset 2px 3px 0px 0px var(--screen-inner-shadow), 0px -2px 0px 3px #c5d2b0;box-sizing:border-box;grid-area:1/1/2/4;grid-template-rows:auto auto 1fr;justify-items:center;row-gap:6px;padding:6px;font-family:inherit;display:grid}.header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:2px 4px 0;display:flex}.header h1{width:120px;margin:0;font-size:.86em;line-height:1.1}.title{color:#586100;text-align:center;justify-content:center;align-items:center;width:94%;min-height:34px;margin:0;font-size:.74em;line-height:1.2;display:flex}.title-win{color:#2e4f00}.score{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:148px;display:grid}.score-item{color:#3c4600;background:#f6f6ee59;border:1px solid #5e6a1659;border-radius:10px;flex-direction:column;padding:5px 7px;display:flex}.score-item span{text-transform:uppercase;letter-spacing:.08em;font-size:.45em}.score-item strong{font-size:.92em}.card-container{box-sizing:border-box;grid-row:3/4;grid-template-rows:repeat(3,92px);grid-template-columns:repeat(3,88px);place-content:start center;align-self:center;gap:8px;width:100%;height:100%;padding:4px 2px 2px;display:grid}.card-container-message{grid-template-rows:1fr;grid-template-columns:1fr}.board-message{color:#465000;text-align:center;background:#f6f6ee85;border:1px solid #5e6a1640;border-radius:14px;place-self:center;width:82%;padding:14px 16px;font-size:.82em;line-height:1.3}.board-message-error{color:#7c2108}.btn-reset{flex-direction:column;grid-area:2/2/3/3;justify-content:center;align-self:start;align-items:center;gap:10px;width:80px;height:60px;display:flex}.btn-reset h3{color:#2f2f2f;margin:0;font-size:.6em;font-weight:500}.reset{background:linear-gradient(#3c3c3c 0%,#111 100%);border:none;border-radius:12px;width:60px;height:10px;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #858484}.reset:active{transform:translateY(6px);box-shadow:0 0 #050505}.action-btn{grid-area:2/3/3/4;align-items:center;gap:10px;width:90px;height:50px;display:flex;position:absolute;bottom:91px;transform:rotate(332deg)}.btn{width:40px;height:40px;box-shadow:0px 4px 0px 0px var(--btn-red-dark);background-color:var(--btn-red-base);color:#fff;border:none;border-radius:12px;transition:transform .1s,box-shadow .1s}.btn:active{transform:translateY(6px);box-shadow:0 0 #730000}.d-pad-button{cursor:pointer;background:0 0;border:none;grid-row:2/3;align-self:start;width:100px;height:140px;padding:0;transition:transform .1s,filter .1s}.d-pad-button svg{filter:drop-shadow(0 5px #0a0a0a80)}.d-pad-button:active{transform:scale(.95)}.d-pad-button:focus{outline:none}.d-pad-button:focus-visible{outline-offset:4px;outline:2px dashed #1a1a1a}.card{cursor:pointer;perspective:1000px;width:88px;height:92px;font:inherit;background:0 0;border:none;padding:0}.card:disabled{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s,filter .2s;display:block;position:relative}.card:hover .card-inner{filter:brightness(1.04)}.card:disabled .card-inner{filter:none}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.card-front{background:linear-gradient(#f5f7ec 0%,#e7f0bf 100%);border:1px solid #5a670f38;padding:6px;box-shadow:0 8px 18px #677b1e29}.card-back{background:radial-gradient(circle at top,#ffffff59,#0000 55%),linear-gradient(160deg,#7e910c 0%,#49560a 100%);border:1px solid #343f0038;justify-content:center;transform:rotateY(180deg);box-shadow:0 8px 18px #46500a2e}.card-back-mark{color:#f8f9ea;letter-spacing:.12em;border:2px solid #f8f9eab3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 6px #f8f9ea1f}.card-image{object-fit:contain;width:100%;height:42px}.card-image-placeholder{color:#4e5900;justify-content:center;align-items:center;width:100%;height:42px;font-size:1.15rem;font-weight:700;display:inline-flex}.card-content{flex-direction:column;gap:2px;width:100%;display:flex}.card-name{color:#364000;margin:0;font-size:.72rem;line-height:1}.card-type,.card-xp{color:#586200;font-size:.54rem;line-height:1.15}html,body,#root{width:100%;min-height:100vh}body{box-sizing:border-box;color:#354100;background-color:#0000;background-image:radial-gradient(circle at 50% 30%,#3030302e,#0000 26%),linear-gradient(#101010 0%,#060606 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}#root{box-sizing:border-box;justify-content:center;align-items:center;padding:28px 16px 40px;display:flex;position:relative}#root:before{content:"";filter:blur(30px);background:#0000006b;border-radius:50%;height:46px;position:absolute;bottom:6%;left:18%;right:18%}#root>*{z-index:1;position:relative}.app-shell{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 68px);display:flex}.github-link{color:#314000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#f8ffd7eb;border:1px solid #6e80122e;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;position:fixed;top:18px;right:18px;box-shadow:0 12px 24px #00000047,inset 0 1px #fffc}.github-link:hover{background:#fbffe4fa;transform:translateY(-2px);box-shadow:0 16px 28px #00000057,inset 0 1px #ffffffe0}.github-link svg{fill:currentColor;width:20px;height:20px}.github-link span{letter-spacing:.01em;font-size:.92rem;font-weight:700}@media (width<=640px){#root{padding-top:78px}.github-link{padding:9px 12px;top:14px;right:14px}.github-link span{display:none}}:root{--bg-page:#0d0d0d;--console-base:#d9d9d9;--console-light:#f3f3f3;--console-dark:#bcbcbc;--screen-base:#d9ec4e;--screen-inner-shadow:#bfd53f;--pad-base:#6c7807;--pad-light:#85920f;--pad-dark:#525d05;--btn-red-base:#ba2747;--btn-red-dark:#8d1531;--card-front-bg:#fbfce9;--card-border:#e0e7a8}