/* futhooks.com/gallery: the To claim list, phone first (it's read at the console). Builds on site.css tokens. */
.gy{min-height:100vh;display:flex;flex-direction:column;--tk:#D9B8FF;--tk2:#8A5CF6}
.gy-top{position:sticky;top:0;z-index:5;background:rgba(11,16,22,.95);backdrop-filter:blur(8px);border-bottom:1px solid #1A2330;padding-top:env(safe-area-inset-top,0px)}
.gy-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;max-width:1100px;margin:0 auto}
.gy-bar .logo .d{font-size:22px}
.gy-bar .who{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut);min-width:0}
.gy-bar .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38vw}
.gy-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:18px 16px calc(48px + env(safe-area-inset-bottom,0px));box-sizing:border-box;display:flex;flex-direction:column;gap:14px}
.gy-center{max-width:420px;margin:12vh auto 0;padding:0 16px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.gy h1{margin:0;font:800 34px/1 "Saira Condensed",sans-serif;text-transform:uppercase}
.gy .sub{margin:0;color:var(--mut);font-size:14px}
.gy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 16px;border-radius:12px;border:1px solid #2E3D52;background:transparent;color:var(--ink);
  font:600 15px "Instrument Sans",sans-serif;cursor:pointer;white-space:nowrap;transition:transform .12s,border-color .15s,filter .15s}
.gy-btn:hover{border-color:var(--gr)}.gy-btn:active{transform:scale(.97)}.gy-btn:disabled{opacity:.45;cursor:default}
.gy-btn.go{background:var(--gr);color:var(--bg);border:0}.gy-btn.go:hover{filter:brightness(1.08)}
.gy-btn.sm{height:34px;padding:0 12px;font-size:13px;border-radius:10px}
.gy-clubs{display:flex;gap:6px;flex-wrap:wrap}
.gy-clubs button{border:1px solid #2E3D52;background:transparent;color:var(--mut);border-radius:999px;padding:6px 12px;font:600 13px "Instrument Sans",sans-serif;cursor:pointer}
.gy-clubs button[aria-pressed="true"]{background:#1B2636;color:var(--ink);border-color:#3A4C66}
.gy-sum{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.gy-sum b{font:800 30px/1 "Saira Condensed",sans-serif}
.tok{display:inline-block;width:.62em;height:.62em;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#ecdcff,var(--tk2));box-shadow:0 0 8px rgba(160,110,255,.6);margin:0 .32em 0 .1em;vertical-align:.08em}
.gy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.gy-card{background:var(--s2);border:1px solid var(--ln);border-left:4px solid var(--gc,var(--gold));border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.gy-card{cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.gy-card:hover{transform:translateY(-2px);border-color:#3A4C66 #3A4C66 #3A4C66 var(--gc,var(--gold));box-shadow:0 16px 30px -18px rgba(0,0,0,.9);background:#18212E}}
.gy-card:active{transform:scale(.99)}
.gy-card:focus-visible{outline:2px solid var(--gr);outline-offset:2px}
.gy-card.is-open{background:#18212E;border-color:#3A4C66 #3A4C66 #3A4C66 var(--gc,var(--gold))}
.gy-more{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--mut);transition:color .15s}
.gy-card:hover .gy-more,.gy-card.is-open .gy-more{color:var(--ink)}
.gy-more i{font-style:normal;font-size:12px;transition:transform .2s}
.gy-players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;counter-reset:gyp;animation:gyin .22s ease-out}
.gy-players li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:#0E141B;border:1px solid var(--ln);font-size:14px;counter-increment:gyp;min-width:0}
.gy-players li::before{content:counter(gyp);color:var(--mut);font-size:11px;min-width:14px}
.gy-players span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gy-players em{font-style:normal;color:var(--mut);font-size:12px}
@keyframes gyin{from{opacity:0;transform:translateY(-4px)}}
/* tabs + All sets */
.gy-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid #2E3D52;border-radius:12px;background:#0E141B;align-self:flex-start}
.gy-tabs button{border:0;background:none;color:var(--mut);font:600 14px "Instrument Sans",sans-serif;padding:8px 14px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}
.gy-tabs button:hover{color:var(--ink)}
.gy-tabs button[aria-selected="true"]{background:#1B2636;color:var(--ink)}
.gy-tabs i{font-style:normal;font-size:12px;font-weight:700;background:var(--gold);color:var(--bg);border-radius:999px;padding:1px 7px;margin-left:4px}
.gy-q{width:100%;box-sizing:border-box;height:44px;border-radius:12px;border:1px solid #2E3D52;background:#0E141B;color:var(--ink);padding:0 14px;font:500 15px "Instrument Sans",sans-serif}
.gy-q:focus{outline:2px solid var(--gr);outline-offset:1px}
.gy-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.gy-chips::-webkit-scrollbar{display:none}
.gy-chips button{flex:none;border:1px solid #2E3D52;background:transparent;color:var(--mut);border-radius:999px;padding:6px 12px;font:600 13px "Instrument Sans",sans-serif;cursor:pointer;transition:all .15s}
.gy-chips button:hover{color:var(--ink);border-color:#3A4C66}
.gy-chips button[aria-pressed="true"]{background:#1B2636;color:var(--ink);border-color:#3A4C66}
.gy-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.gy-set{background:var(--s2);border:1px solid var(--ln);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s}
@media (hover:hover){.gy-set:hover{border-color:#3A4C66;background:#18212E}}
.gy-set.is-done{background:linear-gradient(150deg,#211a38,var(--s2) 70%)}
.gy-sethd{display:flex;align-items:center;gap:8px;min-width:0}
.gy-sethd b{flex:1;min-width:0;font:700 19px/1.1 "Saira Condensed",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gy-wait{flex:none;font-size:11px;font-weight:700;background:var(--gold);color:var(--bg);border-radius:999px;padding:2px 8px}
.gy-setsub{font-size:12.5px;color:var(--mut)}
.gy-pips{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.gy-pip{--gc:#8a96a3;height:44px;border-radius:9px;border:1px solid #2E3D52;background:#0E141B;color:var(--mut);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  font:800 17px/1 "Saira Condensed",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .2s,color .2s,border-color .2s}
.gy-pip small{font:600 10.5px/1 "Instrument Sans",sans-serif;opacity:.8}
.gy-pip.g-D{--gc:#b88a63}.gy-pip.g-C{--gc:#c9d1d9}.gy-pip.g-B{--gc:#f2c14e}.gy-pip.g-A{--gc:#5cc8ff}.gy-pip.g-S{--gc:#c792ff}
@media (hover:hover){.gy-pip:hover{transform:translateY(-2px);border-color:var(--gc);color:var(--ink)}}
.gy-pip:active{transform:scale(.92)}
.gy-pip.is-d{background:linear-gradient(160deg,#fff,var(--gc));color:#10141a;border-color:transparent}
.gy-pip.is-pop{animation:gypop .4s ease-out}
@keyframes gypop{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
.gy-btn:active{transform:scale(.96)}
.gy-clubs button{transition:background .15s,color .15s,border-color .15s}
.gy-clubs button:hover{color:var(--ink);border-color:#3A4C66}
.gy-card.g-D{--gc:#b88a63}.gy-card.g-C{--gc:#c9d1d9}.gy-card.g-B{--gc:#f2c14e}.gy-card.g-A{--gc:#5cc8ff}.gy-card.g-S{--gc:#c792ff}
.gy-head{display:flex;gap:12px;align-items:flex-start}
.gy-head .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.gy-head .t b{font:700 24px/1.05 "Saira Condensed",sans-serif}
.gy-path{font-size:14px;font-weight:600;color:var(--ink2);background:#0E141B;border:1px solid var(--ln);border-radius:8px;padding:5px 9px;line-height:1.35}
.gy-grade{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;font:800 30px/1 "Saira Condensed",sans-serif;color:#10141a;background:linear-gradient(160deg,#fff,var(--gc))}
.gy-reward{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.gy-reward b{font:800 30px/1 "Saira Condensed",sans-serif;color:var(--tk)}
.gy-reward span{font-size:13px;color:var(--mut)}
.gy-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gy-cards label{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#0E141B;border:1px solid var(--ln);font-size:14px;cursor:pointer;min-height:40px}
.gy-cards input{width:20px;height:20px;accent-color:var(--gr);flex:none;margin:0}
.gy-cards em{font-style:normal;color:var(--mut);font-size:12px;margin-left:auto}
.gy-cards label:has(input:checked){opacity:.55;text-decoration:line-through}
.gy-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gy-acts .when{margin-left:auto;font-size:12px;color:var(--mut)}
.gy-empty{padding:24px 16px;border:1px dashed var(--ln);border-radius:14px;color:var(--mut);text-align:center;display:flex;flex-direction:column;gap:8px}
.gy-empty b{color:var(--ink);font-size:17px}
.gy-note{padding:11px 13px;border-radius:10px;background:#2A2310;color:#F7D46B;font-size:14px}
.gy-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#1A2531;border:1px solid #33465f;border-radius:12px;
  padding:10px 10px 10px 14px;display:flex;gap:12px;align-items:center;font-size:14px;box-shadow:0 14px 34px -10px rgba(0,0,0,.9);max-width:calc(100% - 32px);z-index:9}
.gy-toast button{background:none;border:0;color:var(--gr);font:700 14px "Instrument Sans",sans-serif;padding:4px 8px;cursor:pointer}
@media (max-width:420px){.gy-players{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gy *{transition:none!important}}