*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--color-surface-2);color:var(--color-text)}.top-nav{position:fixed;top:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-top,0px));background-color:var(--color-surface-3);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;padding:env(safe-area-inset-top,0px)max(var(--space-4),env(safe-area-inset-right,0px))0 max(var(--space-4),env(safe-area-inset-left,0px));z-index:1000;width:100%}.nav-left{display:flex;align-items:center;gap:var(--space-4)}.logo-link{display:flex;align-items:center;text-decoration:none}#logo{width:48px;height:48px;display:block}.nav-links{display:flex;gap:var(--space-4);list-style:none;margin-left:var(--space-4)}.nav-links li a{color:var(--color-text);text-decoration:none;font-weight:var(--weight-semibold);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);transition:background var(--motion-base)var(--ease-out),color var(--motion-base)var(--ease-out);display:flex;align-items:center}.nav-links li a:hover{background-color:var(--color-surface-4);color:var(--color-accent)}.right-icons{display:flex;align-items:center;gap:var(--space-4)}.address{font-family:monospace;font-size:var(--text-sm);color:var(--color-text);user-select:all}.hamburger{display:none;font-size:var(--text-xl);cursor:pointer}#wallet-img{width:44px;height:44px;border:2px solid var(--color-state-idle);background-color:var(--color-card-face);cursor:pointer;border-radius:var(--radius-sm);transition:border-color var(--motion-base)var(--ease-out),box-shadow var(--motion-base)var(--ease-out)}#wallet-img.disconnected{border-color:var(--color-state-idle)}#wallet-img.connected{border-color:var(--color-state-connected);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent) 25%,transparent)}#wallet-img:hover{border-color:var(--color-accent-hover)}#wallet{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}#wallet-address{display:none;margin-right:var(--space-2);font-weight:var(--weight-semibold);white-space:nowrap}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:var(--color-surface-4);color:var(--color-text);text-align:center;padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);position:absolute;bottom:calc(var(--space-6) * -1);left:50%;transform:translateX(-50%);opacity:0;font-size:var(--text-sm);z-index:1;transition:opacity var(--motion-base)var(--ease-out)}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}@media(max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:calc(var(--nav-height) + env(safe-area-inset-top,0px));right:max(var(--space-4),env(safe-area-inset-right,0px));background-color:var(--color-surface-3);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-lg);z-index:1001}.nav-links.show{display:flex}.nav-links li{display:flex;align-items:center;height:var(--nav-height)}.nav-links li:last-child{margin-bottom:0}.hamburger{display:block}.nav-title{font-size:var(--text-md)}}#main-content{flex:1 0 auto;width:100%;margin-top:calc(var(--nav-height) + env(safe-area-inset-top,0px));padding:var(--space-6)max(var(--space-4),env(safe-area-inset-right,0px))var(--space-7)max(var(--space-4),env(safe-area-inset-left,0px));max-width:var(--content-max);margin-left:auto;margin-right:auto;white-space:normal;overflow-wrap:break-word}#main-content h1{font-size:var(--text-2xl);line-height:var(--leading-tight);text-align:center;margin-bottom:var(--space-4)}#main-content p{font-size:var(--text-base);text-align:center;margin-bottom:var(--space-4);line-height:var(--leading-normal)}#main-content button{margin:var(--space-2)0;padding:var(--space-3)var(--space-5);font-size:var(--text-base);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-surface-1);color:var(--color-text);width:100%;max-width:250px}#main-content button:hover{background-color:var(--color-surface-3)}#main-content li{padding-bottom:var(--space-3)}.button-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}#main-content .mint-button,#main-content a.mint-button{display:inline-block;width:auto;max-width:none;background-color:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-3)var(--space-5);border:none;border-radius:var(--radius-pill);text-decoration:none;font-family:inherit;font-weight:var(--weight-semibold);font-size:var(--text-base);margin-top:var(--space-4);cursor:pointer;transition:background-color var(--motion-base)var(--ease-out),transform var(--motion-base)var(--ease-out);box-shadow:var(--shadow-1)}#main-content .mint-button:hover,#main-content a.mint-button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}#main-content .mint-button[aria-disabled=true],#main-content a.mint-button[aria-disabled=true]{background-color:var(--color-surface-4);color:var(--color-text-muted);opacity:1;cursor:not-allowed;pointer-events:none;box-shadow:none}#main-content .mint-button[aria-disabled=true]:hover{background-color:var(--color-surface-4);transform:none}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}p,h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-4)}#main-content a,#footer a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em;border-radius:var(--radius-sm);transition:color var(--motion-base)var(--ease-out)}#main-content a:hover,#footer a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}#main-content a:visited,#footer a:visited{color:var(--color-accent)}#main-content a:active,#footer a:active{color:var(--color-orchid)}#main-content .game-img-row a,#main-content .card-link{color:var(--color-text);text-decoration:none}#footer{flex:none;text-align:center;padding:var(--space-5)var(--space-4)calc(var(--space-5) + env(safe-area-inset-bottom,0px));background-color:var(--color-surface-1);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2)var(--space-5);margin-bottom:var(--space-3)}.footer-legal{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.message{border-radius:var(--radius-sm);background-color:var(--color-surface-4);font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-2)var(--space-3)}.error-message{color:var(--color-danger);background-color:var(--color-card-face)}.success-message{color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);background-color:color-mix(in oklch,var(--color-accent) 16%,transparent);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.badge::before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background-color:var(--color-accent)}.lite-paper-image{width:100%}hr{width:50%;height:1px;background-color:var(--color-border);border:none;margin:var(--space-5)auto}.subdomain-select{font-size:var(--text-base);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-4);color:var(--color-text);height:2.25rem;line-height:var(--leading-snug);margin:0}.nav-links li{display:flex;align-items:center;height:var(--nav-height)}input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.nv-form{display:flex;flex-direction:column;align-items:center}.nv-form label{margin-bottom:var(--space-1);font-weight:var(--weight-semibold);text-align:center}.nv-form input{width:300px;max-width:90%;margin:var(--space-2)0;padding:var(--space-2);font-size:var(--text-base);text-align:center}.nv-form input::placeholder{text-align:center}.nv-form button{margin:var(--space-2)0;padding:var(--space-2)var(--space-4);font-size:var(--text-base);cursor:pointer;text-align:center}.game-img-row{--game-img-size:72px}.game-img-row a{display:flex;align-items:center;gap:var(--space-3);width:min(100%,15rem);margin-inline:auto;text-decoration:none;line-height:var(--leading-snug);font-weight:var(--weight-semibold);white-space:nowrap}.game-img{width:var(--game-img-size);height:var(--game-img-size);display:block;object-fit:contain;flex:none}#main-content .game-img-row{margin:0 0 var(--space-5)}#main-content .game-img-row:last-of-type{margin-bottom:0}@media(max-width:600px){.game-img-row{--game-img-size:56px}.game-img-row a{gap:var(--space-2);width:min(100%,13rem)}#main-content .game-img-row{margin-bottom:var(--space-4)}}@media(max-width:380px){.game-img-row{--game-img-size:48px}.game-img-row a{gap:var(--space-2);width:min(100%,11.5rem)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}