novaux-game-make-kit 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/apple-icon.png +0 -0
  2. package/dist/icon-dark-32x32.png +0 -0
  3. package/dist/icon-light-32x32.png +0 -0
  4. package/dist/icon.svg +26 -0
  5. package/dist/index.d.ts +259 -0
  6. package/dist/index.js +1643 -0
  7. package/dist/index.umd.cjs +30 -0
  8. package/dist/placeholder-logo.png +0 -0
  9. package/dist/placeholder-logo.svg +1 -0
  10. package/dist/placeholder-user.jpg +0 -0
  11. package/dist/placeholder.jpg +0 -0
  12. package/dist/placeholder.svg +1 -0
  13. package/dist/style.css +1 -0
  14. package/package.json +34 -0
package/dist/index.umd.cjs ADDED
@@ -0,0 +1,30 @@
1
+ (function(j,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],g):(j=typeof globalThis<"u"?globalThis:j||self,g(j.GameLandscapeUIKit={},j.React))})(this,function(j,g){"use strict";var ee={exports:{}},F={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var Ce;function Qe(){if(Ce)return F;Ce=1;var l=g,i=Symbol.for("react.element"),c=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,p=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function h(t,s,d){var u,y={},S=null,R=null;d!==void 0&&(S=""+d),s.key!==void 0&&(S=""+s.key),s.ref!==void 0&&(R=s.ref);for(u in s)o.call(s,u)&&!m.hasOwnProperty(u)&&(y[u]=s[u]);if(t&&t.defaultProps)for(u in s=t.defaultProps,s)y[u]===void 0&&(y[u]=s[u]);return{$$typeof:i,type:t,key:S,ref:R,props:y,_owner:p.current}}return F.Fragment=c,F.jsx=h,F.jsxs=h,F}var G={};/**
10
+ * @license React
11
+ * react-jsx-runtime.development.js
12
+ *
13
+ * Copyright (c) Facebook, Inc. and its affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */var be;function ea(){return be||(be=1,process.env.NODE_ENV!=="production"&&function(){var l=g,i=Symbol.for("react.element"),c=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),h=Symbol.for("react.provider"),t=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),R=Symbol.for("react.offscreen"),T=Symbol.iterator,P="@@iterator";function L(a){if(a===null||typeof a!="object")return null;var r=T&&a[T]||a[P];return typeof r=="function"?r:null}var I=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(a){{for(var r=arguments.length,n=new Array(r>1?r-1:0),f=1;f<r;f++)n[f-1]=arguments[f];le("error",a,n)}}function le(a,r,n){{var f=I.ReactDebugCurrentFrame,b=f.getStackAddendum();b!==""&&(r+="%s",n=n.concat([b]));var N=n.map(function(x){return String(x)});N.unshift("Warning: "+r),Function.prototype.apply.call(console[a],console,N)}}var oe=!1,ce=!1,z=!1,K=!1,C=!1,H;H=Symbol.for("react.module.reference");function de(a){return!!(typeof a=="string"||typeof a=="function"||a===o||a===m||C||a===p||a===d||a===u||K||a===R||oe||ce||z||typeof a=="object"&&a!==null&&(a.$$typeof===S||a.$$typeof===y||a.$$typeof===h||a.$$typeof===t||a.$$typeof===s||a.$$typeof===H||a.getModuleId!==void 0))}function ya(a,r,n){var f=a.displayName;if(f)return f;var b=r.displayName||r.name||"";return b!==""?n+"("+b+")":n}function Ae(a){return a.displayName||"Context"}function _(a){if(a==null)return null;if(typeof a.tag=="number"&&w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case o:return"Fragment";case c:return"Portal";case m:return"Profiler";case p:return"StrictMode";case d:return"Suspense";case u:return"SuspenseList"}if(typeof a=="object")switch(a.$$typeof){case t:var r=a;return Ae(r)+".Consumer";case h:var n=a;return Ae(n._context)+".Provider";case s:return ya(a,a.render,"ForwardRef");case y:var f=a.displayName||null;return f!==null?f:_(a.type)||"Memo";case S:{var b=a,N=b._payload,x=b._init;try{return _(x(N))}catch{return null}}}return null}var k=Object.assign,W=0,Re,Pe,Be,Ie,Me,Oe,_e;function ke(){}ke.__reactDisabledLog=!0;function Na(){{if(W===0){Re=console.log,Pe=console.info,Be=console.warn,Ie=console.error,Me=console.group,Oe=console.groupCollapsed,_e=console.groupEnd;var a={configurable:!0,enumerable:!0,value:ke,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}W++}}function La(){{if(W--,W===0){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:k({},a,{value:Re}),info:k({},a,{value:Pe}),warn:k({},a,{value:Be}),error:k({},a,{value:Ie}),group:k({},a,{value:Me}),groupCollapsed:k({},a,{value:Oe}),groupEnd:k({},a,{value:_e})})}W<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ue=I.ReactCurrentDispatcher,fe;function X(a,r,n){{if(fe===void 0)try{throw Error()}catch(b){var f=b.stack.trim().match(/\n( *(at )?)/);fe=f&&f[1]||""}return`
18
+ `+fe+a}}var pe=!1,J;{var Sa=typeof WeakMap=="function"?WeakMap:Map;J=new Sa}function De(a,r){if(!a||pe)return"";{var n=J.get(a);if(n!==void 0)return n}var f;pe=!0;var b=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var N;N=ue.current,ue.current=null,Na();try{if(r){var x=function(){throw Error()};if(Object.defineProperty(x.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(x,[])}catch(M){f=M}Reflect.construct(a,[],x)}else{try{x.call()}catch(M){f=M}a.call(x.prototype)}}else{try{throw Error()}catch(M){f=M}a()}}catch(M){if(M&&f&&typeof M.stack=="string"){for(var v=M.stack.split(`
19
+ `),B=f.stack.split(`
20
+ `),E=v.length-1,A=B.length-1;E>=1&&A>=0&&v[E]!==B[A];)A--;for(;E>=1&&A>=0;E--,A--)if(v[E]!==B[A]){if(E!==1||A!==1)do if(E--,A--,A<0||v[E]!==B[A]){var O=`
21
+ `+v[E].replace(" at new "," at ");return a.displayName&&O.includes("<anonymous>")&&(O=O.replace("<anonymous>",a.displayName)),typeof a=="function"&&J.set(a,O),O}while(E>=1&&A>=0);break}}}finally{pe=!1,ue.current=N,La(),Error.prepareStackTrace=b}var Z=a?a.displayName||a.name:"",D=Z?X(Z):"";return typeof a=="function"&&J.set(a,D),D}function Ta(a,r,n){return De(a,!1)}function Ea(a){var r=a.prototype;return!!(r&&r.isReactComponent)}function q(a,r,n){if(a==null)return"";if(typeof a=="function")return De(a,Ea(a));if(typeof a=="string")return X(a);switch(a){case d:return X("Suspense");case u:return X("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case s:return Ta(a.render);case y:return q(a.type,r,n);case S:{var f=a,b=f._payload,N=f._init;try{return q(N(b),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,He={},Ve=I.ReactDebugCurrentFrame;function Q(a){if(a){var r=a._owner,n=q(a.type,a._source,r?r.type:null);Ve.setExtraStackFrame(n)}else Ve.setExtraStackFrame(null)}function Aa(a,r,n,f,b){{var N=Function.call.bind(Y);for(var x in a)if(N(a,x)){var v=void 0;try{if(typeof a[x]!="function"){var B=Error((f||"React class")+": "+n+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw B.name="Invariant Violation",B}v=a[x](r,x,f,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){v=E}v&&!(v instanceof Error)&&(Q(b),w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",f||"React class",n,x,typeof v),Q(null)),v instanceof Error&&!(v.message in He)&&(He[v.message]=!0,Q(b),w("Failed %s type: %s",n,v.message),Q(null))}}}var Ra=Array.isArray;function me(a){return Ra(a)}function Pa(a){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&a[Symbol.toStringTag]||a.constructor.name||"Object";return n}}function Ba(a){try{return Ze(a),!1}catch{return!0}}function Ze(a){return""+a}function Fe(a){if(Ba(a))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Pa(a)),Ze(a)}var Ge=I.ReactCurrentOwner,Ia={key:!0,ref:!0,__self:!0,__source:!0},$e,Ue;function Ma(a){if(Y.call(a,"ref")){var r=Object.getOwnPropertyDescriptor(a,"ref").get;if(r&&r.isReactWarning)return!1}return a.ref!==void 0}function Oa(a){if(Y.call(a,"key")){var r=Object.getOwnPropertyDescriptor(a,"key").get;if(r&&r.isReactWarning)return!1}return a.key!==void 0}function _a(a,r){typeof a.ref=="string"&&Ge.current}function ka(a,r){{var n=function(){$e||($e=!0,w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(a,"key",{get:n,configurable:!0})}}function Da(a,r){{var n=function(){Ue||(Ue=!0,w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(a,"ref",{get:n,configurable:!0})}}var Ha=function(a,r,n,f,b,N,x){var v={$$typeof:i,type:a,key:r,ref:n,props:x,_owner:N};return v._store={},Object.defineProperty(v._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(v,"_self",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.defineProperty(v,"_source",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.freeze&&(Object.freeze(v.props),Object.freeze(v)),v};function Va(a,r,n,f,b){{var N,x={},v=null,B=null;n!==void 0&&(Fe(n),v=""+n),Oa(r)&&(Fe(r.key),v=""+r.key),Ma(r)&&(B=r.ref,_a(r,b));for(N in r)Y.call(r,N)&&!Ia.hasOwnProperty(N)&&(x[N]=r[N]);if(a&&a.defaultProps){var E=a.defaultProps;for(N in E)x[N]===void 0&&(x[N]=E[N])}if(v||B){var A=typeof a=="function"?a.displayName||a.name||"Unknown":a;v&&ka(x,A),B&&Da(x,A)}return Ha(a,v,B,b,f,Ge.current,x)}}var he=I.ReactCurrentOwner,We=I.ReactDebugCurrentFrame;function V(a){if(a){var r=a._owner,n=q(a.type,a._source,r?r.type:null);We.setExtraStackFrame(n)}else We.setExtraStackFrame(null)}var ve;ve=!1;function ge(a){return typeof a=="object"&&a!==null&&a.$$typeof===i}function Ye(){{if(he.current){var a=_(he.current.type);if(a)return`
22
+
23
+ Check the render method of \``+a+"`."}return""}}function Za(a){return""}var ze={};function Fa(a){{var r=Ye();if(!r){var n=typeof a=="string"?a:a.displayName||a.name;n&&(r=`
24
+
25
+ Check the top-level render call using <`+n+">.")}return r}}function Ke(a,r){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var n=Fa(r);if(ze[n])return;ze[n]=!0;var f="";a&&a._owner&&a._owner!==he.current&&(f=" It was passed a child from "+_(a._owner.type)+"."),V(a),w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,f),V(null)}}function Xe(a,r){{if(typeof a!="object")return;if(me(a))for(var n=0;n<a.length;n++){var f=a[n];ge(f)&&Ke(f,r)}else if(ge(a))a._store&&(a._store.validated=!0);else if(a){var b=L(a);if(typeof b=="function"&&b!==a.entries)for(var N=b.call(a),x;!(x=N.next()).done;)ge(x.value)&&Ke(x.value,r)}}}function Ga(a){{var r=a.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===s||r.$$typeof===y))n=r.propTypes;else return;if(n){var f=_(r);Aa(n,a.props,"prop",f,a)}else if(r.PropTypes!==void 0&&!ve){ve=!0;var b=_(r);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",b||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $a(a){{for(var r=Object.keys(a.props),n=0;n<r.length;n++){var f=r[n];if(f!=="children"&&f!=="key"){V(a),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",f),V(null);break}}a.ref!==null&&(V(a),w("Invalid attribute `ref` supplied to `React.Fragment`."),V(null))}}var Je={};function qe(a,r,n,f,b,N){{var x=de(a);if(!x){var v="";(a===void 0||typeof a=="object"&&a!==null&&Object.keys(a).length===0)&&(v+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var B=Za();B?v+=B:v+=Ye();var E;a===null?E="null":me(a)?E="array":a!==void 0&&a.$$typeof===i?(E="<"+(_(a.type)||"Unknown")+" />",v=" Did you accidentally export a JSX literal instead of a component?"):E=typeof a,w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,v)}var A=Va(a,r,n,b,N);if(A==null)return A;if(x){var O=r.children;if(O!==void 0)if(f)if(me(O)){for(var Z=0;Z<O.length;Z++)Xe(O[Z],a);Object.freeze&&Object.freeze(O)}else w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Xe(O,a)}if(Y.call(r,"key")){var D=_(a),M=Object.keys(r).filter(function(Xa){return Xa!=="key"}),xe=M.length>0?"{key: someKey, "+M.join(": ..., ")+": ...}":"{key: someKey}";if(!Je[D+xe]){var Ka=M.length>0?"{"+M.join(": ..., ")+": ...}":"{}";w(`A props object containing a "key" prop is being spread into JSX:
26
+ let props = %s;
27
+ <%s {...props} />
28
+ React keys must be passed directly to JSX without using spread:
29
+ let props = %s;
30
+ <%s key={someKey} {...props} />`,xe,D,Ka,D),Je[D+xe]=!0}}return a===o?$a(A):Ga(A),A}}function Ua(a,r,n){return qe(a,r,n,!0)}function Wa(a,r,n){return qe(a,r,n,!1)}var Ya=Wa,za=Ua;G.Fragment=o,G.jsx=Ya,G.jsxs=za}()),G}process.env.NODE_ENV==="production"?ee.exports=Qe():ee.exports=ea();var e=ee.exports;const $=({children:l,variant:i="primary",onClick:c,disabled:o=!1,type:p="button",state:m="normal"})=>{const[h,t]=g.useState(!1),s=m==="disabled"?"disable":m,d=o||s==="disable"?"disable":s==="pressed"||h?"pressed":"normal",u=d==="disable",S=["game-btn",{primary:"game-btn-primary",secondary:"game-btn-secondary",tertiary:"game-btn-tertiary"}[i]].filter(Boolean).join(" "),R=()=>{!u&&s!=="pressed"&&t(!0)},T=()=>{t(!1)};return e.jsx("button",{type:p,className:S,"data-state":d,"aria-pressed":d==="pressed","aria-disabled":u,onClick:c,onPointerDown:R,onPointerUp:T,onPointerLeave:T,onPointerCancel:T,disabled:u,children:l})},je={HOME:e.jsx("svg",{className:"game-bottom-tab-icon-svg",xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M21 0L27.489 13.8233L42 16.0536L31.5 26.8076L33.978 42L21 34.8233L8.022 42L10.5 26.8076L0 16.0536L14.511 13.8233L21 0Z",fill:"currentColor"})}),CLUB:e.jsx("svg",{className:"game-bottom-tab-icon-svg",xmlns:"http://www.w3.org/2000/svg",width:"36",height:"42",viewBox:"0 0 36 42",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M16 0L0 6V18C0 29.1 7.68 39.48 18 42C28.32 39.48 36 29.1 36 18V6L20 0H16Z",fill:"currentColor"})}),PLAY:e.jsx("svg",{className:"game-bottom-tab-icon-svg",xmlns:"http://www.w3.org/2000/svg",width:"30",height:"36",viewBox:"0 0 30 36",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M0 0L30 18L0 36V0Z",fill:"currentColor"})}),STORE:e.jsx("svg",{className:"game-bottom-tab-icon-svg",xmlns:"http://www.w3.org/2000/svg",width:"42",height:"48",viewBox:"0 0 42 48",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M29.4 12V8C29.4 3.582 25.6389 0 21 0C16.3611 0 12.6 3.582 12.6 8V12H0V40C0 44.418 3.7611 48 8.4 48H33.6C38.2389 48 42 44.418 42 40V12H29.4ZM16.8 8C16.8 5.79 18.6795 4 21 4C23.3205 4 25.2 5.79 25.2 8V12H16.8V8Z",fill:"currentColor"})})},we=({tabs:l=["HOME","CLUB","PLAY","STORE"],activeIndex:i,defaultActiveIndex:c=0,onChange:o})=>{const[p,m]=g.useState(c),h=i??p;return e.jsx("div",{className:"game-bottom-tabs",role:"tablist","aria-label":"Bottom Tabs",children:l.map((t,s)=>{const d=s===h;return e.jsxs("button",{type:"button",role:"tab","aria-selected":d,className:`game-bottom-tab-item${d?" active":""}`,onClick:()=>{i===void 0&&m(s),o==null||o(s,t)},children:[e.jsx("span",{className:"game-bottom-tab-icon",children:je[t]??je.HOME}),e.jsx("span",{className:"game-bottom-tab-label",children:t}),d?e.jsx("span",{className:"game-bottom-tab-indicator","aria-hidden":"true"}):null]},`${t}-${s}`)})})},ye=({tabs:l=["PROFILE","SETTINGS","FRIENDS","INBOX"],activeIndex:i,defaultActiveIndex:c=0,onChange:o})=>{const[p,m]=g.useState(c),h=i??p;return e.jsx("div",{className:"game-nav-tabs",role:"tablist","aria-label":"Navigation Tabs",children:l.map((t,s)=>{const d=s===h;return e.jsxs("button",{type:"button",role:"tab","aria-selected":d,className:`game-nav-tab-item${d?" active":""}`,onClick:()=>{i===void 0&&m(s),o==null||o(s,t)},children:[e.jsx("span",{className:"game-nav-tab-label",children:t}),d?e.jsx("span",{className:"game-nav-tab-indicator","aria-hidden":"true"}):null]},`${t}-${s}`)})})},ae=({children:l,state:i="normal",disabled:c=!1,type:o="button",onClick:p,ariaLabel:m="Circle button"})=>{const[h,t]=g.useState(!1),s=i==="disabled"?"disable":i,d=c||s==="disable"?"disable":s==="pressed"||h?"pressed":"normal",u=d==="disable",y=e.jsxs("svg",{className:"game-circle-icon",xmlns:"http://www.w3.org/2000/svg",width:"42",height:"30",viewBox:"0 0 42 30",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M14.3079 14.9423L0.0012207 0.927856V28.9936L14.3079 14.9423Z",fill:"currentColor"}),e.jsx("path",{d:"M1.08081 0L21.0685 19.5794L41.0563 0H1.08081Z",fill:"currentColor"}),e.jsx("path",{d:"M26.7357 16.0139L21.0694 21.5653L15.3225 15.9355L1 30H40.9663L26.7357 16.0139Z",fill:"currentColor"}),e.jsx("path",{d:"M41.9788 30H42.001V29.9782L41.9788 30Z",fill:"currentColor"}),e.jsx("path",{d:"M42.0012 1.0603L27.7498 15.0208L42.0012 29.0267V1.0603Z",fill:"currentColor"})]});return e.jsx("button",{type:o,className:"game-btn game-btn-circle","data-state":d,disabled:u,"aria-label":m,onClick:p,onPointerDown:()=>{!u&&s!=="pressed"&&t(!0)},onPointerUp:()=>t(!1),onPointerLeave:()=>t(!1),onPointerCancel:()=>t(!1),children:e.jsx("span",{className:"game-circle-content",children:l??y})})},Ne={STORE:e.jsxs("svg",{width:"48",height:"60",viewBox:"0 0 48 60",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M40.9756 18.8889V50L24 56.1111L7.02439 50V18.8889L24 13.8889L40.9756 18.8889Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M48 60H0V10.2439H48V60ZM4.64516 17.561V51.3924L24 58.5366L43.3548 51.3924V17.561L24 11.7073L4.64516 17.561Z",fill:"currentColor"}),e.jsx("path",{d:"M48 8.88889H0V0H48V8.88889Z",fill:"currentColor"})]}),COINS:e.jsxs("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M54.861 14.4796C54.861 17.2653 45.1758 21.3073 29.9891 21.3073C14.8024 21.3073 5.11719 17.2653 5.11719 14.4796C5.11719 13.8078 5.68047 13.0649 6.75781 12.3166H6.76329C11.0016 9.90235 19.3961 7.96875 29.9891 7.96875C40.5821 7.96875 48.9766 9.90235 53.2149 12.3166C53.2203 12.3166 53.2258 12.3221 53.2313 12.3275C54.2977 13.0704 54.861 13.8132 54.861 14.4796Z",fill:"currentColor"}),e.jsx("path",{d:"M56.2281 17.0304V26.753C56.2281 26.753 56.1789 26.7803 56.1516 26.7967C55.8453 26.9879 55.5172 27.1681 55.1672 27.3484C54.3086 27.7908 53.3242 28.2059 52.236 28.5883C52.061 28.6538 51.8695 28.7194 51.6836 28.7795C51.4867 28.8505 51.2734 28.916 51.0656 28.987C50.6938 29.1072 50.3219 29.2219 49.9281 29.3257C49.2938 29.5059 48.632 29.6807 47.9485 29.8391C47.757 29.8883 47.5547 29.9374 47.3524 29.9702C46.8438 30.0904 46.3352 30.1942 45.7992 30.3034C45.1539 30.429 44.4977 30.5492 43.8141 30.6584C43.3055 30.7404 42.8078 30.8168 42.2938 30.8878C42.0422 30.9261 41.7852 30.9589 41.5227 30.9916C41.0797 31.0517 40.6149 31.1118 40.1555 31.1555C39.5485 31.2265 38.9305 31.2866 38.307 31.3467C37.9352 31.3794 37.5633 31.4122 37.1805 31.445C36.7539 31.4832 36.3274 31.5105 35.9008 31.5378C33.9922 31.658 32.018 31.7236 30 31.7236C27.982 31.7236 26.0078 31.658 24.0992 31.5378C23.6672 31.5105 23.2461 31.4832 22.8195 31.445C22.4367 31.4122 22.0648 31.3794 21.693 31.3467C21.0641 31.2866 20.4516 31.2265 19.8445 31.1555C19.3852 31.1118 18.9203 31.0517 18.4773 30.9916C18.2148 30.9589 17.9578 30.9261 17.7062 30.8878C17.1867 30.8168 16.6891 30.7404 16.1859 30.6584C15.5023 30.5492 14.8406 30.429 14.1953 30.3034C13.6649 30.1942 13.1508 30.0904 12.6422 29.9702C12.4453 29.9374 12.243 29.8883 12.0516 29.8391C11.368 29.6807 10.7008 29.5059 10.0719 29.3257C9.67813 29.2219 9.30079 29.1072 8.93438 28.987C8.71563 28.916 8.51329 28.8505 8.31641 28.7795C8.13047 28.7194 7.93906 28.6538 7.76406 28.5883C6.67578 28.2059 5.69141 27.7908 4.83282 27.3484C4.47735 27.1681 4.15468 26.9879 3.84843 26.7967C3.82656 26.7803 3.79922 26.7639 3.77188 26.753V17.0304C7.14063 20.7119 17.6133 23.3938 30.0109 23.3938C42.4086 23.3938 52.8758 20.7119 56.25 17.0304H56.2281Z",fill:"currentColor"}),e.jsx("path",{d:"M56.2281 28.8396V37.1638C56.2281 37.1638 56.1789 37.1966 56.1516 37.213C55.8453 37.4042 55.5172 37.5844 55.1672 37.7647C54.3086 38.2071 53.3242 38.6222 52.236 39.0046C52.061 39.0701 51.8695 39.1357 51.6836 39.1957C51.4867 39.2668 51.2734 39.3323 51.0656 39.4033C50.6938 39.5235 50.3219 39.6382 49.9281 39.742C49.2938 39.9222 48.632 40.097 47.9485 40.2499C47.757 40.3046 47.5547 40.3537 47.3524 40.3865C46.8438 40.5067 46.3352 40.6104 45.7992 40.7197C45.1539 40.8453 44.4977 40.96 43.8141 41.0747C43.3055 41.1566 42.8078 41.2331 42.2938 41.3041C42.0422 41.3424 41.7852 41.3751 41.5227 41.4079C41.0797 41.468 40.6149 41.5281 40.1555 41.5718C39.5485 41.6428 38.9305 41.7029 38.307 41.7629C37.9352 41.7957 37.5633 41.8285 37.1805 41.8613C36.7539 41.8995 36.3274 41.9268 35.9008 41.9541C33.9922 42.0743 32.018 42.1398 30 42.1398C27.982 42.1398 26.0078 42.0743 24.0992 41.9541C23.6672 41.9268 23.2461 41.8995 22.8195 41.8613C22.4367 41.8285 22.0648 41.7957 21.693 41.7629C21.0641 41.7029 20.4516 41.6428 19.8445 41.5718C19.3852 41.5281 18.9203 41.468 18.4773 41.4079C18.2148 41.3751 17.9578 41.3424 17.7062 41.3041C17.1867 41.2331 16.6891 41.1566 16.1859 41.0747C15.5023 40.96 14.8406 40.8453 14.1953 40.7197C13.6649 40.6104 13.1508 40.5067 12.6422 40.3865C12.4453 40.3537 12.243 40.3046 12.0516 40.2499C11.368 40.097 10.7008 39.9222 10.0719 39.742C9.67813 39.6382 9.30079 39.5235 8.93438 39.4033C8.71563 39.3323 8.51329 39.2668 8.31641 39.1957C8.13047 39.1357 7.93906 39.0701 7.76406 39.0046C6.67578 38.6222 5.69141 38.2071 4.83282 37.7647C4.47735 37.5844 4.15468 37.4042 3.84843 37.213C3.82656 37.1966 3.79922 37.1802 3.77188 37.1638V28.8396C8.55157 31.7836 18.5047 33.8101 30.0109 33.8101C41.5172 33.8101 51.4703 31.7836 56.25 28.8396H56.2281Z",fill:"currentColor"}),e.jsx("path",{d:"M3.75 43.9751V39.2558C8.52969 42.1999 18.4828 44.2264 29.9891 44.2264C41.4953 44.2264 51.4484 42.1999 56.2281 39.2558V43.9751C56.2281 47.673 45.4492 51.7969 29.9891 51.7969C14.5289 51.7969 3.75 47.673 3.75 43.9751Z",fill:"currentColor"})]}),KIT:e.jsxs("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M30.4688 13.5047C32.7445 13.5023 34.9266 12.5977 36.5344 10.9875C38.1422 9.37734 39.0492 7.19766 39.0516 4.92188H21.8859C21.8883 7.19766 22.793 9.37969 24.4031 10.9875C26.0133 12.5953 28.193 13.5023 30.4688 13.5047Z",fill:"currentColor"}),e.jsx("path",{d:"M41.1914 5.7C40.9922 8.38359 39.7664 10.8844 37.7695 12.6867C35.7727 14.4891 33.157 15.45 30.4688 15.3703C27.7805 15.293 25.2258 14.1797 23.3367 12.2648C21.4477 10.35 20.3695 7.78125 20.3273 5.09063L2.57812 13.043L4.45312 24.9188L14.4352 22.2891V54.9188H45.6867V22.2867L55.7039 24.9188L57.5789 13.043L41.1914 5.7Z",fill:"currentColor"})]}),GIFT:e.jsx("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M28.1758 52.5H9.22754V30.9463H28.1758V52.5ZM51.2852 30.9463V52.5H31.6797V30.9463H51.2852ZM53.4375 28.6104L31.6826 28.6172L31.6807 20.4629H53.4102L53.4375 28.6104ZM28.1748 28.6162H6.5625V20.4609H28.1748V28.6162ZM28.2305 18.1318H19.9697L13.4395 11.6182L17.5693 7.5L28.2305 18.1318ZM46.4541 11.6182L39.9238 18.1318H31.6631L42.3242 7.5L46.4541 11.6182Z",fill:"currentColor"})})},Le=({tabs:l=["STORE","COINS","KIT","GIFT"],activeIndex:i,defaultActiveIndex:c=0,onChange:o})=>{const[p,m]=g.useState(c),h=i??p;return e.jsx("div",{className:"game-icon-sidebar-tabs",role:"tablist","aria-label":"Icon Sidebar Tabs",children:l.map((t,s)=>{const d=s===h;return e.jsx("button",{type:"button",role:"tab","aria-selected":d,className:`game-icon-sidebar-tab-item${d?" active":""}`,onClick:()=>{i===void 0&&m(s),o==null||o(s,t)},children:e.jsx("span",{className:"game-icon-sidebar-tab-icon",children:Ne[t]??Ne.STORE})},`${t}-${s}`)})})},aa=()=>e.jsx("svg",{width:"30",height:"12",viewBox:"0 0 30 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M0 12L15 0L30 12L0 12Z",fill:"#A6A6A1"})}),U=({variant:l="text",options:i,value:c,defaultValue:o,onChange:p,placeholder:m,width:h=474})=>{var K;const[t,s]=g.useState(!1),[d,u]=g.useState(!1),[y,S]=g.useState(o??((K=i[0])==null?void 0:K.value)??""),R=g.useRef(null),T=g.useRef(null),P=c??y,L=i.find(C=>C.value===P)??i[0],I=m??(L==null?void 0:L.label)??"SELECT",w=()=>{if(!t&&R.current){const C=R.current.getBoundingClientRect(),H=window.innerHeight-C.bottom,de=C.top;u(de>H)}s(C=>!C)},le=C=>{c===void 0&&S(C.value),p==null||p(C.value,C),s(!1)};g.useEffect(()=>{if(!t)return;const C=H=>{T.current&&!T.current.contains(H.target)&&s(!1)};return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[t]);const oe=()=>{switch(l){case"icon":return L!=null&&L.icon?e.jsx("span",{className:"game-dropdown-trigger-icon",children:L.icon}):null;case"icon-text":return e.jsxs("span",{className:"game-dropdown-trigger-inner",children:[(L==null?void 0:L.icon)&&e.jsx("span",{className:"game-dropdown-trigger-icon",children:L.icon}),e.jsx("span",{className:"game-dropdown-trigger-label",children:I})]});case"text-param":return e.jsxs("span",{className:"game-dropdown-trigger-inner",children:[e.jsx("span",{className:"game-dropdown-trigger-label",children:I}),(L==null?void 0:L.param)!==void 0&&e.jsx("span",{className:"game-dropdown-trigger-param",children:L.param})]});case"text":default:return e.jsx("span",{className:"game-dropdown-trigger-label",children:I})}},ce=C=>{switch(l){case"icon":return C.icon?e.jsx("span",{className:"game-dropdown-option-icon",children:C.icon}):null;case"icon-text":return e.jsxs(e.Fragment,{children:[C.icon&&e.jsx("span",{className:"game-dropdown-option-icon",children:C.icon}),e.jsx("span",{className:"game-dropdown-option-label",children:C.label})]});case"text-param":return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"game-dropdown-option-label",children:C.label}),C.param!==void 0&&e.jsx("span",{className:"game-dropdown-option-param",children:C.param})]});case"text":default:return e.jsx("span",{className:"game-dropdown-option-label",children:C.label})}},z=t?e.jsx("div",{className:"game-dropdown-list",role:"listbox",children:i.map(C=>e.jsx("button",{type:"button",role:"option","aria-selected":C.value===P,className:`game-dropdown-option${C.value===P?" active":""}`,onClick:()=>le(C),children:ce(C)},C.value))}):null;return e.jsxs("div",{ref:T,className:`game-dropdown game-dropdown--${l}${t?" open":""}${d?" upward":""}`,style:{width:h},children:[d&&z,e.jsxs("button",{ref:R,type:"button",className:"game-dropdown-trigger",onClick:w,"aria-haspopup":"listbox","aria-expanded":t,children:[oe(),e.jsx("span",{className:`game-dropdown-chevron${t?" open":""}`,children:e.jsx(aa,{})})]}),!d&&z]})},Se=({label:l="STAMINA",value:i=38,max:c=100,showValue:o=!0,width:p=832})=>{const m=Math.min(Math.max(i/c,0),1)*100;return e.jsxs("div",{className:"game-progress-bar",style:{width:p},children:[(l||o)&&e.jsxs("div",{className:"game-progress-bar-header",children:[l&&e.jsx("span",{className:"game-progress-bar-label",children:l}),o&&e.jsxs("span",{className:"game-progress-bar-value",children:[i,"/",c]})]}),e.jsx("div",{className:"game-progress-bar-track-wrap",children:e.jsx("div",{className:"game-progress-bar-track",children:e.jsx("div",{className:"game-progress-bar-fill",style:{width:`${m}%`},role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":c,"aria-label":l})})})]})},ra=()=>e.jsxs("svg",{width:"58",height:"32",viewBox:"0 0 58 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M44.6 17.6C48.0808 17.6 50.9 14.7808 50.9 11.3C50.9 7.81925 48.0808 5 44.6 5C41.1193 5 38.3 7.81925 38.3 11.3C38.3 14.7808 41.1193 17.6 44.6 17.6ZM44.6 20.75C40.3947 20.75 32 22.2305 32 26.42L32 32C40.4 32 48.8 32 57.2 32V26.42C57.2 22.2305 48.8053 20.75 44.6 20.75Z",fill:"#787873"}),e.jsx("path",{d:"M12.6 17.6C16.0808 17.6 18.9 14.7808 18.9 11.3C18.9 7.81925 16.0808 5 12.6 5C9.11925 5 6.3 7.81925 6.3 11.3C6.3 14.7808 9.11925 17.6 12.6 17.6ZM12.6 20.75C8.39475 20.75 0 22.2305 0 26.42V32C8.4 32 16.8 32 25.2 32V26.42C25.2 22.2305 16.8053 20.75 12.6 20.75Z",fill:"#787873"}),e.jsx("path",{d:"M28.6001 16C33.0201 16 36.6001 12.42 36.6001 8C36.6001 3.58 33.0201 0 28.6001 0C24.1801 0 20.6001 3.58 20.6001 8C20.6001 12.42 24.1801 16 28.6001 16ZM28.6001 20C23.2601 20 12.6001 21.88 12.6001 27.2V32C23.2668 32 33.9334 32 44.6001 32V27.2C44.6001 21.88 33.9401 20 28.6001 20Z",fill:"#DEDED8"})]}),ta=()=>e.jsx("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M46.1375 35.8169C43.4277 33.5203 41.3555 30.5837 40.1159 27.283L39.9492 26.8134C38.6978 23.4066 37.717 19.9095 37.0155 16.3534C36.0922 11.3825 32.8774 7.32924 28.6414 5.58756C28.7811 4.91073 28.7661 4.21188 28.5976 3.54143C28.4291 2.87099 28.1112 2.24577 27.6669 1.71102C27.2226 1.17627 26.6632 0.745397 26.0289 0.449486C25.3946 0.153576 24.7014 0 23.9994 0C23.2974 0 22.604 0.153576 21.9697 0.449486C21.3354 0.745397 20.776 1.17627 20.3317 1.71102C19.8875 2.24577 19.5695 2.87099 19.401 3.54143C19.2325 4.21188 19.2175 4.91073 19.3572 5.58756C15.1206 7.32737 11.9046 11.38 10.9825 16.3534C10.2814 19.9095 9.30079 23.4067 8.04939 26.8134L7.88271 27.283C6.64265 30.5835 4.57074 33.52 1.86128 35.8169C1.2754 36.3308 0.806653 36.9608 0.485867 37.6655C0.16508 38.3703 -0.000500728 39.1339 1.13743e-06 39.9061L1.13743e-06 40.233H16.1053C16.1053 42.2929 16.937 44.2685 18.4176 45.7251C19.8981 47.1817 21.9062 48 24 48C26.0938 48 28.1019 47.1817 29.5824 45.7251C31.063 44.2685 31.8947 42.2929 31.8947 40.233H48V39.9061C48.0004 39.1338 47.8345 38.3702 47.5135 37.6654C47.1925 36.9606 46.7236 36.3306 46.1375 35.8169Z",fill:"#DEDED8"})}),sa=()=>e.jsx("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M16 0L29.8564 8V24L16 32L2.14359 24V8L16 0Z",fill:"#787873"})}),na=()=>e.jsx("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("circle",{cx:"16",cy:"16",r:"16",fill:"#787873"})}),ia=()=>e.jsx("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M42.8824 26.906C43.0564 25.9458 43.1475 24.974 43.1548 24C43.1475 23.026 43.0564 22.0542 42.8824 21.094L47.3517 17.036C47.6925 16.7261 47.9134 16.3181 47.9793 15.8768C48.0453 15.4355 47.9525 14.9861 47.7156 14.6L44.5232 9.4C44.2832 9.01533 43.9143 8.71622 43.4742 8.54942C43.034 8.38261 42.5475 8.35749 42.0906 8.478L36.1315 10.078C34.5181 8.84305 32.7017 7.86292 30.7534 7.176L29.2572 1.516C29.1423 1.08314 28.8767 0.698795 28.5027 0.424099C28.1286 0.149403 27.6675 0.000123246 27.1928 0H20.808C20.3333 0.000123246 19.8722 0.149403 19.4981 0.424099C19.1241 0.698795 18.8585 1.08314 18.7436 1.516L17.2389 7.176C15.2936 7.8637 13.4801 8.8438 11.8693 10.078L5.91015 8.478C5.45324 8.35784 4.96687 8.38313 4.52685 8.5499C4.08683 8.71668 3.71789 9.01557 3.47754 9.4L0.285148 14.6C0.0478005 14.9863 -0.0453035 15.4361 0.0206394 15.8779C0.0865822 16.3196 0.307786 16.728 0.649081 17.038L5.11844 21.096C4.94453 22.0555 4.85343 23.0267 4.84602 24C4.85332 24.974 4.94442 25.9458 5.11844 26.906L0.649081 30.964C0.308286 31.2739 0.087393 31.6819 0.0214608 32.1232C-0.0444715 32.5645 0.048334 33.0139 0.285148 33.4L3.47754 38.6C3.66451 38.9043 3.93351 39.157 4.25744 39.3325C4.58137 39.5081 4.94881 39.6003 5.32275 39.6C5.52056 39.5992 5.71738 39.5736 5.90802 39.524L11.8672 37.924C13.4806 39.1589 15.297 40.1391 17.2453 40.826L18.75 46.486C18.865 46.9175 19.1298 47.3006 19.5025 47.5748C19.8753 47.849 20.3346 47.9987 20.808 48H27.1928C27.6675 47.9999 28.1286 47.8506 28.5027 47.5759C28.8767 47.3012 29.1423 46.9169 29.2572 46.484L30.7619 40.824C32.7072 40.1363 34.5207 39.1562 36.1315 37.922L42.0906 39.522C42.2813 39.5716 42.4781 39.5972 42.6759 39.598C43.0499 39.5983 43.4173 39.5061 43.7412 39.3305C44.0652 39.155 44.3341 38.9023 44.5211 38.598L47.7135 33.398C47.9509 33.0117 48.044 32.5619 47.978 32.1201C47.9121 31.6784 47.6909 31.27 47.3496 30.96L42.8824 26.906ZM24.0004 32C22.3167 32 20.6708 31.5308 19.2708 30.6518C17.8708 29.7727 16.7797 28.5233 16.1354 27.0615C15.491 25.5997 15.3224 23.9911 15.6509 22.4393C15.9794 20.8874 16.7902 19.462 17.9808 18.3431C19.1713 17.2243 20.6882 16.4624 22.3396 16.1537C23.991 15.845 25.7026 16.0035 27.2582 16.609C28.8138 17.2145 30.1433 18.2398 31.0787 19.5554C32.0142 20.871 32.5135 22.4177 32.5135 24C32.5135 26.1217 31.6165 28.1566 30.02 29.6569C28.4235 31.1571 26.2582 32 24.0004 32Z",fill:"#DEDED8"})}),la=()=>e.jsx("svg",{width:"25",height:"38",viewBox:"0 0 25 38",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M21.8539 2.85436L5.70823 19L21.8539 35.1456",stroke:"#DEDED8",strokeWidth:"8",strokeLinecap:"round"})}),oa=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M39.5 15.5V20.5H42.5V27.5H39.5V32.5H5.5V15.5H39.5Z",stroke:"#787873",strokeWidth:"3"}),e.jsx("path",{d:"M10 20H35V28H10V20Z",fill:"#787873"})]}),ca=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M24 32C25.58 32 27.08 32.34 28.43 32.96L24 37L19.57 32.96C20.92 32.34 22.42 32 24 32Z",fill:"#787873"}),e.jsx("path",{d:"M24 21C28.57 21 32.81 22.44 36.3 24.87L32.41 28.77C29.96 27.26 27.08 26.4 24 26.4C20.92 26.4 18.04 27.26 15.59 28.77L11.7 24.87C15.19 22.44 19.43 21 24 21Z",fill:"#787873"}),e.jsx("path",{d:"M24 10C31.55 10 38.5 12.6 44 16.95L40.16 20.8C35.66 17.41 30.07 15.4 24 15.4C17.94 15.4 12.34 17.41 7.84 20.8L4 16.95C9.5 12.6 16.45 10 24 10Z",fill:"#787873"})]}),Te=({pageTitle:l=["USER","PROFILE"],notificationCount:i=52,fpAmount:c="20,560",coinsAmount:o="65,880",onBack:p,onSettings:m})=>e.jsxs("div",{className:"game-topbar",children:[e.jsx("button",{type:"button",className:"game-topbar-back-btn",onClick:p,"aria-label":"Go back",children:e.jsx(la,{})}),e.jsx("div",{className:"game-topbar-title",children:l.map((h,t)=>e.jsx("span",{className:"game-topbar-title-line",children:h},t))}),e.jsxs("div",{className:"game-topbar-pill",children:[e.jsxs("div",{className:"game-topbar-pill-inner",children:[e.jsx("span",{className:"game-topbar-user-icon",children:e.jsx(ra,{})}),e.jsx("span",{className:"game-topbar-divider","aria-hidden":"true"}),e.jsx("button",{type:"button",className:"game-topbar-icon-btn","aria-label":"Mail",children:e.jsx(ta,{})})]}),i>0&&e.jsxs("div",{className:"game-topbar-badge",children:[e.jsx("span",{className:"game-topbar-badge-dot","aria-hidden":"true"}),e.jsx("span",{className:"game-topbar-badge-count",children:i})]})]}),e.jsx("div",{className:"game-topbar-resources",children:e.jsxs("div",{className:"game-topbar-slots",children:[e.jsxs("div",{className:"game-topbar-slot game-topbar-slot--coins",children:[e.jsx(na,{}),e.jsx("span",{className:"game-topbar-slot-value",children:o})]}),e.jsxs("div",{className:"game-topbar-slot game-topbar-slot--fp",children:[e.jsx(sa,{}),e.jsx("span",{className:"game-topbar-slot-value",children:c})]})]})}),e.jsx("button",{type:"button",className:"game-topbar-small-pill",onClick:m,"aria-label":"Settings",children:e.jsx(ia,{})}),e.jsxs("div",{className:"game-topbar-right",children:[e.jsx("span",{className:"game-topbar-menu-icon","aria-hidden":"true",children:e.jsx(oa,{})}),e.jsx("span",{className:"game-topbar-menu-icon","aria-hidden":"true",children:e.jsx(ca,{})})]})]}),re=({checked:l,defaultChecked:i=!1,disabled:c=!1,state:o,label:p="READY CHECK",onChange:m,ariaLabel:h="Game checkbox"})=>{const t=l!==void 0,[s,d]=g.useState(i),u=t?l:s,y=o==="disabled"?"disable":o,S=c||y==="disable"?"disable":y==="on"||y==="off"?y:u?"on":"off",R=S==="disable",T=S==="on",P=()=>{if(R||o!==void 0)return;const L=!u;t||d(L),m==null||m(L)};return e.jsxs("button",{type:"button",className:`game-checkbox game-checkbox-${S}`,role:"checkbox","aria-checked":T,"aria-label":h,disabled:R,onClick:P,children:[e.jsx("span",{className:"game-checkbox-box",children:T?e.jsx("span",{className:"game-checkbox-check"}):null}),e.jsx("span",{className:"game-checkbox-label",children:p})]})},Ee=({tabs:l=["OVERVIEW","SQUAD","TACTICS","ROLES"],activeIndex:i,defaultActiveIndex:c=0,onChange:o})=>{const[p,m]=g.useState(c),h=i??p;return e.jsx("div",{className:"game-header-tabs",role:"tablist","aria-label":"Header Tabs",children:l.map((t,s)=>{const d=s===h;return e.jsx("button",{type:"button",role:"tab","aria-selected":d,className:`game-header-tab-item${d?" active":""}`,onClick:()=>{i===void 0&&m(s),o==null||o(s,t)},children:e.jsx("span",{className:"game-header-tab-label",children:t})},`${t}-${s}`)})})},te=({actionText:l="BUY PACK",amountText:i="2,500",state:c="normal",disabled:o=!1,type:p="button",onClick:m})=>{const[h,t]=g.useState(!1),s=c==="disabled"?"disable":c,d=o||s==="disable"?"disable":s==="pressed"||h?"pressed":"normal",u=d==="disable";return e.jsxs("button",{type:p,className:"game-btn game-btn-primary-purchase","data-state":d,disabled:u,onClick:m,onPointerDown:()=>{!u&&s!=="pressed"&&t(!0)},onPointerUp:()=>t(!1),onPointerLeave:()=>t(!1),onPointerCancel:()=>t(!1),children:[e.jsx("span",{className:"purchase-left",children:l}),e.jsx("span",{className:"purchase-divider","aria-hidden":"true"}),e.jsxs("span",{className:"purchase-right",children:[e.jsx("span",{className:"purchase-coin","aria-hidden":"true",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0ZM24 4.00028C12.9543 4.00028 4.00028 12.9543 4.00028 24C4.00028 35.0457 12.9543 43.9997 24 43.9997C35.0457 43.9997 43.9997 35.0457 43.9997 24C43.9997 12.9543 35.0457 4.00028 24 4.00028Z",fill:"currentColor"}),e.jsx("path",{d:"M20.8461 22.4172C22.2117 22.4172 22.5753 23.2178 22.5754 23.8946V24.0286C22.5754 24.7245 22.2045 25.5637 20.8461 25.5637C19.4876 25.5637 19.1167 24.7053 19.1167 24.0093V23.8946C19.1168 23.2178 19.4514 22.4172 20.8461 22.4172Z",fill:"currentColor"}),e.jsx("path",{d:"M36.658 24.6103H35.1321L35.8879 22.4265L36.658 24.6103Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.0001 5.6C34.1621 5.60006 42.4002 13.8381 42.4002 24.0001C42.4002 34.1621 34.1621 42.4002 24.0001 42.4002C13.8381 42.4002 5.60006 34.1621 5.6 24.0001C5.6 13.8381 13.8381 5.6 24.0001 5.6ZM20.672 20.3196C17.0977 20.3196 16.5888 22.4172 16.5888 23.8377V24.124C16.5889 25.5255 17.0978 27.6798 20.672 27.6798H21.0202C24.6016 27.6798 25.1108 25.5255 25.1109 24.124V23.8377C25.1109 22.4172 24.6018 20.3196 21.0202 20.3196H20.672ZM8.20658 20.4535V27.5467H10.6474V23.6661L13.7353 27.5467H16.2122V20.4535H13.7713V24.0378L10.9597 20.4535H8.20658ZM24.5936 20.4535L27.2303 27.5467H30.6379L33.0863 20.4535H30.5434L29.0032 25.0958L27.3684 20.4535H24.5936ZM34.2532 20.4535L31.6525 27.5467H34.1293L34.4633 26.564H37.3478L37.6893 27.5467H40.4064L37.6382 20.4535H34.2532Z",fill:"currentColor"})]})}),e.jsx("span",{children:i})]})]})},se=({actionText:l="BUY PACK",amountText:i="2,500",state:c="normal",disabled:o=!1,type:p="button",onClick:m})=>{const[h,t]=g.useState(!1),s=c==="disabled"?"disable":c,d=o||s==="disable"?"disable":s==="pressed"||h?"pressed":"normal",u=d==="disable";return e.jsxs("button",{type:p,className:"game-btn game-btn-secondary-purchase","data-state":d,disabled:u,onClick:m,onPointerDown:()=>{!u&&s!=="pressed"&&t(!0)},onPointerUp:()=>t(!1),onPointerLeave:()=>t(!1),onPointerCancel:()=>t(!1),children:[e.jsx("span",{className:"secondary-purchase-left",children:l}),e.jsx("span",{className:"secondary-purchase-divider","aria-hidden":"true"}),e.jsxs("span",{className:"secondary-purchase-right",children:[e.jsx("span",{className:"secondary-purchase-coin","aria-hidden":"true",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0ZM24 4.00028C12.9543 4.00028 4.00028 12.9543 4.00028 24C4.00028 35.0457 12.9543 43.9997 24 43.9997C35.0457 43.9997 43.9997 35.0457 43.9997 24C43.9997 12.9543 35.0457 4.00028 24 4.00028Z",fill:"currentColor"}),e.jsx("path",{d:"M20.8461 22.4172C22.2117 22.4172 22.5753 23.2178 22.5754 23.8946V24.0286C22.5754 24.7245 22.2045 25.5637 20.8461 25.5637C19.4876 25.5637 19.1167 24.7053 19.1167 24.0093V23.8946C19.1168 23.2178 19.4514 22.4172 20.8461 22.4172Z",fill:"currentColor"}),e.jsx("path",{d:"M36.658 24.6103H35.1321L35.8879 22.4265L36.658 24.6103Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.0001 5.6C34.1621 5.60006 42.4002 13.8381 42.4002 24.0001C42.4002 34.1621 34.1621 42.4002 24.0001 42.4002C13.8381 42.4002 5.60006 34.1621 5.6 24.0001C5.6 13.8381 13.8381 5.6 24.0001 5.6ZM20.672 20.3196C17.0977 20.3196 16.5888 22.4172 16.5888 23.8377V24.124C16.5889 25.5255 17.0978 27.6798 20.672 27.6798H21.0202C24.6016 27.6798 25.1108 25.5255 25.1109 24.124V23.8377C25.1109 22.4172 24.6018 20.3196 21.0202 20.3196H20.672ZM8.20658 20.4535V27.5467H10.6474V23.6661L13.7353 27.5467H16.2122V20.4535H13.7713V24.0378L10.9597 20.4535H8.20658ZM24.5936 20.4535L27.2303 27.5467H30.6379L33.0863 20.4535H30.5434L29.0032 25.0958L27.3684 20.4535H24.5936ZM34.2532 20.4535L31.6525 27.5467H34.1293L34.4633 26.564H37.3478L37.6893 27.5467H40.4064L37.6382 20.4535H34.2532Z",fill:"currentColor"})]})}),e.jsx("span",{children:i})]})]})},ne=({actionText:l="BUY PACK",amountText:i="2,500",state:c="normal",disabled:o=!1,type:p="button",onClick:m})=>{const[h,t]=g.useState(!1),s=c==="disabled"?"disable":c,d=o||s==="disable"?"disable":s==="pressed"||h?"pressed":"normal",u=d==="disable";return e.jsxs("button",{type:p,className:"game-btn game-btn-tertiary-purchase","data-state":d,disabled:u,onClick:m,onPointerDown:()=>{!u&&s!=="pressed"&&t(!0)},onPointerUp:()=>t(!1),onPointerLeave:()=>t(!1),onPointerCancel:()=>t(!1),children:[e.jsx("span",{className:"tertiary-purchase-left",children:l}),e.jsx("span",{className:"tertiary-purchase-divider","aria-hidden":"true"}),e.jsxs("span",{className:"tertiary-purchase-right",children:[e.jsx("span",{className:"tertiary-purchase-coin","aria-hidden":"true",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0ZM24 4.00028C12.9543 4.00028 4.00028 12.9543 4.00028 24C4.00028 35.0457 12.9543 43.9997 24 43.9997C35.0457 43.9997 43.9997 35.0457 43.9997 24C43.9997 12.9543 35.0457 4.00028 24 4.00028Z",fill:"currentColor"}),e.jsx("path",{d:"M20.8461 22.4172C22.2117 22.4172 22.5753 23.2178 22.5754 23.8946V24.0286C22.5754 24.7245 22.2045 25.5637 20.8461 25.5637C19.4876 25.5637 19.1167 24.7053 19.1167 24.0093V23.8946C19.1168 23.2178 19.4514 22.4172 20.8461 22.4172Z",fill:"currentColor"}),e.jsx("path",{d:"M36.658 24.6103H35.1321L35.8879 22.4265L36.658 24.6103Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.0001 5.6C34.1621 5.60006 42.4002 13.8381 42.4002 24.0001C42.4002 34.1621 34.1621 42.4002 24.0001 42.4002C13.8381 42.4002 5.60006 34.1621 5.6 24.0001C5.6 13.8381 13.8381 5.6 24.0001 5.6ZM20.672 20.3196C17.0977 20.3196 16.5888 22.4172 16.5888 23.8377V24.124C16.5889 25.5255 17.0978 27.6798 20.672 27.6798H21.0202C24.6016 27.6798 25.1108 25.5255 25.1109 24.124V23.8377C25.1109 22.4172 24.6018 20.3196 21.0202 20.3196H20.672ZM8.20658 20.4535V27.5467H10.6474V23.6661L13.7353 27.5467H16.2122V20.4535H13.7713V24.0378L10.9597 20.4535H8.20658ZM24.5936 20.4535L27.2303 27.5467H30.6379L33.0863 20.4535H30.5434L29.0032 25.0958L27.3684 20.4535H24.5936ZM34.2532 20.4535L31.6525 27.5467H34.1293L34.4633 26.564H37.3478L37.6893 27.5467H40.4064L37.6382 20.4535H34.2532Z",fill:"currentColor"})]})}),e.jsx("span",{children:i})]})]})},ie=({checked:l,defaultChecked:i=!1,disabled:c=!1,state:o,onChange:p,ariaLabel:m="Toggle button"})=>{const h=l!==void 0,[t,s]=g.useState(i),d=h?l:t,u=o==="disabled"?"disable":o,y=c||u==="disable"?"disable":u==="on"||u==="off"?u:d?"on":"off",S=y==="disable",R=y==="on",T=()=>{if(S||o!==void 0)return;const P=!d;h||s(P),p==null||p(P)};return e.jsx("button",{type:"button",className:`game-toggle game-toggle-${y}`,role:"switch","aria-checked":R,"aria-label":m,disabled:S,onClick:T,children:e.jsx("span",{className:"game-toggle-thumb"})})},da=()=>{const[l,i]=g.useState(!1),[c,o]=g.useState(!1),[p,m]=g.useState(0),[h,t]=g.useState(0),[s,d]=g.useState(0),[u,y]=g.useState(0),[S,R]=g.useState("balanced"),[T,P]=g.useState("balanced"),[L,I]=g.useState("balanced");return e.jsxs("div",{style:{display:"grid",gap:"20px",justifyItems:"center",width:"100%",maxWidth:"2100px",margin:"0 auto"},children:[e.jsx("div",{style:{color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"28px",letterSpacing:"0.8px"},children:"BUTTON VARIANTS"}),e.jsx($,{variant:"primary",state:"normal",children:"START MATCH"}),e.jsx($,{variant:"primary",state:"disable",children:"START MATCH"}),e.jsx($,{variant:"secondary",state:"normal",children:"SETTING"}),e.jsx($,{variant:"tertiary",state:"normal",children:"SETTINGS"}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"CIRCLE BUTTON"}),e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(ae,{}),e.jsx(ae,{state:"disable"})]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"PRIMARY PURCHASE BUTTON"}),e.jsx(te,{state:"normal"}),e.jsx(te,{state:"disable"}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"SECONDARY PURCHASE BUTTON"}),e.jsx(se,{state:"normal"}),e.jsx(se,{state:"disable"}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"TERTIARY PURCHASE BUTTON"}),e.jsx(ne,{state:"normal"}),e.jsx(ne,{state:"disable"}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"TOGGLE BUTTON"}),e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(ie,{checked:l,onChange:i}),e.jsx(ie,{state:"disable"})]}),e.jsxs("div",{style:{color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"20px",letterSpacing:"0.8px"},children:["TOGGLE STATE: ",l?"ON":"OFF"]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"CHECK BOX"}),e.jsxs("div",{style:{display:"grid",gap:"12px"},children:[e.jsx(re,{checked:c,onChange:o}),e.jsx(re,{state:"disable"})]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"HEADER TABS"}),e.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:e.jsx(Ee,{activeIndex:p,onChange:w=>m(w)})}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"BOTTOM TABS"}),e.jsx("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:e.jsx(we,{activeIndex:h,onChange:w=>t(w)})}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"NAVIGATION TABS"}),e.jsx(ye,{activeIndex:s,onChange:w=>d(w)}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"ICON SIDEBAR TABS"}),e.jsx(Le,{activeIndex:u,onChange:w=>y(w)}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"TOP BAR"}),e.jsx("div",{style:{width:"100%"},children:e.jsx(Te,{pageTitle:["USER","PROFILE"],notificationCount:52,fpAmount:"20,560",coinsAmount:"65,880"})}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"PROGRESS BAR"}),e.jsx(Se,{label:"STAMINA",value:38,max:100}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"DROPDOWN — TEXT"}),e.jsx(U,{variant:"text",value:S,onChange:R,options:[{value:"balanced",label:"BALANCED"},{value:"attacking",label:"ATTACKING"},{value:"defensive",label:"DEFENSIVE"},{value:"pressing",label:"PRESSING"}]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"DROPDOWN — ICON TEXT"}),e.jsx(U,{variant:"icon-text",value:T,onChange:P,options:[{value:"balanced",label:"BALANCED",icon:e.jsx("svg",{width:"32",height:"37",viewBox:"0 0 32 37",fill:"none",children:e.jsx("path",{d:"M16 0L20 11H32L22 18L26 29L16 22L6 29L10 18L0 11H12L16 0Z",fill:"currentColor"})})},{value:"attacking",label:"ATTACKING",icon:e.jsx("svg",{width:"32",height:"37",viewBox:"0 0 32 37",fill:"none",children:e.jsx("path",{d:"M16 0L20 11H32L22 18L26 29L16 22L6 29L10 18L0 11H12L16 0Z",fill:"currentColor"})})},{value:"defensive",label:"DEFENSIVE",icon:e.jsx("svg",{width:"32",height:"37",viewBox:"0 0 32 37",fill:"none",children:e.jsx("path",{d:"M16 0L20 11H32L22 18L26 29L16 22L6 29L10 18L0 11H12L16 0Z",fill:"currentColor"})})},{value:"pressing",label:"PRESSING",icon:e.jsx("svg",{width:"32",height:"37",viewBox:"0 0 32 37",fill:"none",children:e.jsx("path",{d:"M16 0L20 11H32L22 18L26 29L16 22L6 29L10 18L0 11H12L16 0Z",fill:"currentColor"})})}]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"DROPDOWN — TEXT PARAM"}),e.jsx(U,{variant:"text-param",value:L,onChange:I,options:[{value:"balanced",label:"BALANCED",param:30},{value:"attacking",label:"ATTACKING",param:85},{value:"defensive",label:"DEFENSIVE",param:15},{value:"pressing",label:"PRESSING",param:60}]}),e.jsx("div",{style:{marginTop:"8px",color:"#a6a6a1",fontFamily:'"Bebas Neue", "Arial Narrow", Arial, sans-serif',fontSize:"24px",letterSpacing:"0.8px"},children:"DROPDOWN — ICON ONLY"}),e.jsx(U,{variant:"icon",options:[{value:"a",label:"A",icon:e.jsxs("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:[e.jsx("circle",{cx:"15",cy:"15",r:"13",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"15",cy:"15",r:"4",fill:"currentColor"})]})},{value:"b",label:"B",icon:e.jsxs("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:[e.jsx("rect",{x:"3",y:"3",width:"24",height:"24",rx:"4",stroke:"currentColor",strokeWidth:"2"}),e.jsx("rect",{x:"9",y:"9",width:"12",height:"12",fill:"currentColor"})]})},{value:"c",label:"C",icon:e.jsx("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:e.jsx("path",{d:"M15 3L27 24H3L15 3Z",stroke:"currentColor",strokeWidth:"2",fill:"none"})})}],width:200})]})},ua="https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c8dd1c2-6160-4b0a-9611-09d4ac85b279",fa="https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad05d794-c4cc-4e8b-9171-347d6e4832ce",pa={default:{width:720,height:1020},504:{width:504,height:504},252:{width:252,height:252}},ma=({frontImageUrl:l=ua,backImageUrl:i=fa,alt:c="Player card",className:o,size:p="default"})=>{const[m,h]=g.useState(!1),t=pa[p],s=["player-card",o].filter(Boolean).join(" "),d={"--player-card-width":`${t.width}px`,"--player-card-height":`${t.height}px`};return e.jsx("button",{type:"button",className:s,style:d,onClick:()=>h(u=>!u),"aria-label":"Flip player card","aria-pressed":m,children:e.jsxs("span",{className:`player-card-inner${m?" is-flipped":""}`,children:[e.jsx("span",{className:"player-card-face player-card-front",children:e.jsx("img",{src:l,alt:`${c} front`,className:"player-card-image"})}),e.jsx("span",{className:"player-card-face player-card-back",children:i?e.jsx("img",{src:i,alt:`${c} back`,className:"player-card-image"}):e.jsx("span",{className:"player-card-back-fallback",children:"Player Card Back"})})]})})},ha=({children:l,title:i,footer:c,className:o})=>{const p=["game-panel",o].filter(Boolean).join(" ");return e.jsxs("section",{className:p,children:[i&&e.jsx("header",{className:"game-panel-header",children:e.jsx("h3",{className:"game-panel-title",children:i})}),e.jsx("div",{className:"game-panel-content",children:l}),c&&e.jsx("footer",{className:"game-panel-footer",children:c})]})},va=({children:l})=>e.jsx("div",{className:"game-icon-wrap",children:l}),ga=({children:l})=>e.jsx("div",{className:"game-resource-bar",children:l}),xa=({children:l,isActive:i=!1,onClick:c})=>{const o=`game-tab ${i?"active":""}`;return e.jsx("button",{className:o,onClick:c,children:l})},Ca=({children:l})=>e.jsx("div",{className:"game-background",children:l}),ba=({label:l="SLIDER",min:i=0,max:c=100,step:o=1,value:p,defaultValue:m=42,showValue:h=!0,width:t=832,disabled:s=!1,onChange:d})=>{const u=p!==void 0,[y,S]=g.useState(m),T=Math.min(c,Math.max(i,u?p:y)),P=(T-i)/Math.max(1,c-i)*100,L=I=>{const w=Number(I.target.value);u||S(w),d==null||d(w)};return e.jsxs("div",{className:"game-slider-bar",style:{width:t},children:[(l||h)&&e.jsxs("div",{className:"game-slider-bar-header",children:[l&&e.jsx("span",{className:"game-slider-bar-label",children:l}),h&&e.jsx("span",{className:"game-slider-bar-value",children:Math.round(T)})]}),e.jsxs("div",{className:"game-slider-bar-track-wrap",children:[e.jsx("div",{className:"game-slider-bar-track","aria-hidden":"true"}),e.jsx("div",{className:"game-slider-bar-fill",style:{width:`${P}%`},"aria-hidden":"true"}),e.jsx("span",{className:"game-slider-bar-thumb",style:{left:`${P}%`},"aria-hidden":"true"}),e.jsx("input",{className:"game-slider-bar-input",type:"range",min:i,max:c,step:o,value:T,onChange:L,disabled:s,"aria-label":l||"Slider"})]})]})},ja="https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91821ca4-1b17-4522-979f-0f117f624ca5",wa=({className:l,text:i="Loading",imageUrl:c=ja})=>{const o=["game-loading",l].filter(Boolean).join(" ");return e.jsx("div",{className:o,role:"status","aria-live":"polite","aria-label":i,children:e.jsxs("div",{className:"game-loading-orb",children:[e.jsx("span",{className:"game-loading-arc","aria-hidden":"true"}),e.jsx("span",{className:"game-loading-logo-alpha","aria-hidden":"true",children:e.jsx("img",{src:c,alt:"",className:"game-loading-logo-alpha-image"})}),e.jsx("img",{src:c,alt:"Loading visual",className:"game-loading-logo"})]})})};j.GameBackground=Ca,j.GameBottomTabs=we,j.GameButton=$,j.GameButtonStatesDemo=da,j.GameCheckBox=re,j.GameCircleButton=ae,j.GameDropdown=U,j.GameHeaderTabs=Ee,j.GameIcon=va,j.GameIconSidebarTabs=Le,j.GameLoading=wa,j.GameNavigationTabs=ye,j.GamePanel=ha,j.GamePrimaryPurchaseButton=te,j.GameProgressBar=Se,j.GameResourceBar=ga,j.GameSecondaryPurchaseButton=se,j.GameSliderBar=ba,j.GameTab=xa,j.GameTertiaryPurchaseButton=ne,j.GameToggleButton=ie,j.GameTopBar=Te,j.PlayerCard=ma,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})});
package/dist/placeholder-logo.png ADDED
Binary file
package/dist/placeholder-logo.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="215" height="48" fill="none"><path fill="#000" d="M57.588 9.6h6L73.828 38h-5.2l-2.36-6.88h-11.36L52.548 38h-5.2l10.24-28.4Zm7.16 17.16-4.16-12.16-4.16 12.16h8.32Zm23.694-2.24c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.486-7.72.12 3.4c.534-1.227 1.307-2.173 2.32-2.84 1.04-.693 2.267-1.04 3.68-1.04 1.494 0 2.76.387 3.8 1.16 1.067.747 1.827 1.813 2.28 3.2.507-1.44 1.294-2.52 2.36-3.24 1.094-.747 2.414-1.12 3.96-1.12 1.414 0 2.64.307 3.68.92s1.84 1.52 2.4 2.72c.56 1.2.84 2.667.84 4.4V38h-4.96V25.92c0-1.813-.293-3.187-.88-4.12-.56-.96-1.413-1.44-2.56-1.44-.906 0-1.68.213-2.32.64-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.84-.48 3.04V38h-4.56V25.92c0-1.2-.133-2.213-.4-3.04-.24-.827-.626-1.453-1.16-1.88-.506-.427-1.133-.64-1.88-.64-.906 0-1.68.227-2.32.68-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.827-.48 3V38h-4.96V16.8h4.48Zm26.723 10.6c0-2.24.427-4.187 1.28-5.84.854-1.68 2.067-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.84 0 3.494.413 4.96 1.24 1.467.827 2.64 2.08 3.52 3.76.88 1.653 1.347 3.693 1.4 6.12v1.32h-15.08c.107 1.813.614 3.227 1.52 4.24.907.987 2.134 1.48 3.68 1.48.987 0 1.88-.253 2.68-.76a4.803 4.803 0 0 0 1.84-2.2l5.08.36c-.64 2.027-1.84 3.64-3.6 4.84-1.733 1.173-3.733 1.76-6 1.76-2.08 0-3.906-.453-5.48-1.36-1.573-.907-2.786-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84Zm15.16-2.04c-.213-1.733-.76-3.013-1.64-3.84-.853-.827-1.893-1.24-3.12-1.24-1.44 0-2.6.453-3.48 1.36-.88.88-1.44 2.12-1.68 3.72h9.92ZM163.139 9.6V38h-5.04V9.6h5.04Zm8.322 7.2.24 5.88-.64-.36c.32-2.053 1.094-3.56 2.32-4.52 1.254-.987 2.787-1.48 4.6-1.48 2.32 0 4.107.733 5.36 2.2 1.254 1.44 1.88 3.387 1.88 5.84V38h-4.96V25.92c0-1.253-.12-2.28-.36-3.08-.24-.8-.64-1.413-1.2-1.84-.533-.427-1.253-.64-2.16-.64-1.44 0-2.573.48-3.4 1.44-.8.933-1.2 2.307-1.2 4.12V38h-4.96V16.8h4.48Zm30.003 7.72c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.443 8.16V38h-5.6v-5.32h5.6Z"/><path fill="#171717" fill-rule="evenodd" d="m7.839 40.783 16.03-28.054L20 6 0 40.783h7.839Zm8.214 0H40L27.99 19.894l-4.02 7.032 3.976 6.914H20.02l-3.967 6.943Z" clip-rule="evenodd"/></svg>
package/dist/placeholder-user.jpg ADDED
Binary file
package/dist/placeholder.jpg ADDED
Binary file
package/dist/placeholder.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" fill="none"><rect width="1200" height="1200" fill="#EAEAEA" rx="3"/><g opacity=".5"><g opacity=".5"><path fill="#FAFAFA" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/></g><path stroke="url(#a)" stroke-width="2.418" d="M0-1.209h553.581" transform="scale(1 -1) rotate(45 1163.11 91.165)"/><path stroke="url(#b)" stroke-width="2.418" d="M404.846 598.671h391.726"/><path stroke="url(#c)" stroke-width="2.418" d="M599.5 795.742V404.017"/><path stroke="url(#d)" stroke-width="2.418" d="m795.717 796.597-391.441-391.44"/><path fill="#fff" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/><g clip-path="url(#e)"><path fill="#666" fill-rule="evenodd" d="M616.426 586.58h-31.434v16.176l3.553-3.554.531-.531h9.068l.074-.074 8.463-8.463h2.565l7.18 7.181V586.58Zm-15.715 14.654 3.698 3.699 1.283 1.282-2.565 2.565-1.282-1.283-5.2-5.199h-6.066l-5.514 5.514-.073.073v2.876a2.418 2.418 0 0 0 2.418 2.418h26.598a2.418 2.418 0 0 0 2.418-2.418v-8.317l-8.463-8.463-7.181 7.181-.071.072Zm-19.347 5.442v4.085a6.045 6.045 0 0 0 6.046 6.045h26.598a6.044 6.044 0 0 0 6.045-6.045v-7.108l1.356-1.355-1.282-1.283-.074-.073v-17.989h-38.689v23.43l-.146.146.146.147Z" clip-rule="evenodd"/></g><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/></g><defs><linearGradient id="a" x1="554.061" x2="-.48" y1=".083" y2=".087" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="796.912" x2="404.507" y1="599.963" y2="599.965" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="600.792" x2="600.794" y1="403.677" y2="796.082" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="404.85" x2="796.972" y1="403.903" y2="796.02" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><clipPath id="e"><path fill="#fff" d="M581.364 580.535h38.689v38.689h-38.689z"/></clipPath></defs></svg>
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--game-primary: #2563eb;--game-secondary: #7c3aed;--game-dark: #0f172a;--game-light: #f8fafc;--game-radius: 12px;--game-border-radius: 20px}.game-btn{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:300px;border:0;background:transparent;color:inherit;transition:background-color .16s ease,color .16s ease,transform .12s ease;transform-origin:center;text-align:center;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:72px;letter-spacing:.48px}.game-btn[data-state=pressed]{transform:scale(.96)}.game-btn-primary{width:336px;height:84px;padding:0 64px;background:#deded8;color:#151616}.game-btn-primary[data-state=pressed]{background:#deded8cc;color:#111212}.game-btn-primary[data-state=disable],.game-btn-primary:disabled{background:#393939;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.game-btn-primary-purchase{width:474px;height:84px;padding:0;border-radius:174px;border:2px solid #f0f0ea;background:#deded8;color:#151616;justify-content:flex-start}.game-btn-primary-purchase[data-state=pressed]{border-color:#deded8;background:#deded8cc;color:#111212}.game-btn-primary-purchase[data-state=disable],.game-btn-primary-purchase:disabled{height:84px;align-self:stretch;border-radius:174px;border:2px solid rgba(240,240,234,.1);background:#393939;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.purchase-left{width:254px;height:84px;display:inline-flex;align-items:center;justify-content:center;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:44px;letter-spacing:1px}.purchase-divider{width:6px;height:54px;background:#151616;opacity:.35;flex-shrink:0}.purchase-right{width:214px;height:84px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:42px;letter-spacing:1px}.purchase-coin{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.purchase-coin svg{width:48px;height:48px;display:block}.game-btn-primary-purchase[data-state=disable] .purchase-divider,.game-btn-primary-purchase:disabled .purchase-divider{background:#575753;opacity:.35}.game-btn-primary-purchase[data-state=disable] .purchase-left,.game-btn-primary-purchase[data-state=disable] .purchase-right,.game-btn-primary-purchase[data-state=disable] .purchase-coin,.game-btn-primary-purchase:disabled .purchase-left,.game-btn-primary-purchase:disabled .purchase-right,.game-btn-primary-purchase:disabled .purchase-coin{color:#575753}.game-btn-primary-purchase[data-state=disable] .purchase-coin svg,.game-btn-primary-purchase:disabled .purchase-coin svg{color:#575753}.game-btn-secondary-purchase{width:474px;height:84px;padding:0;border-radius:174px;border:2px solid #deded8;background:#787873;color:#deded8;justify-content:flex-start}.game-btn-secondary-purchase[data-state=pressed]{border-color:#deded8cc;background:#787873cc;color:#deded8cc}.game-btn-secondary-purchase[data-state=disable],.game-btn-secondary-purchase:disabled{border:2px solid rgba(240,240,234,.1);background:#393939;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.secondary-purchase-left{width:254px;height:84px;display:inline-flex;align-items:center;justify-content:center;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:44px;letter-spacing:1px}.secondary-purchase-divider{width:6px;height:54px;background:#deded8;opacity:.35;flex-shrink:0}.secondary-purchase-right{width:214px;height:84px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:42px;letter-spacing:1px}.secondary-purchase-coin{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.secondary-purchase-coin svg{width:48px;height:48px;display:block}.game-btn-secondary-purchase[data-state=disable] .secondary-purchase-divider,.game-btn-secondary-purchase:disabled .secondary-purchase-divider{background:#575753;opacity:.35}.game-btn-secondary-purchase[data-state=disable] .secondary-purchase-left,.game-btn-secondary-purchase[data-state=disable] .secondary-purchase-right,.game-btn-secondary-purchase[data-state=disable] .secondary-purchase-coin,.game-btn-secondary-purchase:disabled .secondary-purchase-left,.game-btn-secondary-purchase:disabled .secondary-purchase-right,.game-btn-secondary-purchase:disabled .secondary-purchase-coin{color:#575753}.game-btn-secondary-purchase[data-state=disable] .secondary-purchase-coin svg,.game-btn-secondary-purchase:disabled .secondary-purchase-coin svg{color:#575753}.game-btn-tertiary-purchase{width:474px;height:84px;padding:0;border-radius:174px;border:2px solid #deded8;background:#15161680;color:#deded8;justify-content:flex-start}.game-btn-tertiary-purchase[data-state=pressed]{border-color:#b2b2ad;background:linear-gradient(#0003,#0003),#15161680;color:#b2b2ad}.game-btn-tertiary-purchase[data-state=disable],.game-btn-tertiary-purchase:disabled{border-color:#393939;background:#39393980;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.tertiary-purchase-left{width:254px;height:84px;display:inline-flex;align-items:center;justify-content:center;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:44px;letter-spacing:1px}.tertiary-purchase-divider{width:6px;height:54px;background:#deded8;opacity:.35;flex-shrink:0}.tertiary-purchase-right{width:214px;height:84px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 30px;box-sizing:border-box;font-size:48px;line-height:42px;letter-spacing:1px}.tertiary-purchase-coin{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tertiary-purchase-coin svg{width:48px;height:48px;display:block}.game-btn-tertiary-purchase[data-state=disable] .tertiary-purchase-divider,.game-btn-tertiary-purchase:disabled .tertiary-purchase-divider{background:#575753;opacity:.35}.game-btn-tertiary-purchase[data-state=disable] .tertiary-purchase-left,.game-btn-tertiary-purchase[data-state=disable] .tertiary-purchase-right,.game-btn-tertiary-purchase[data-state=disable] .tertiary-purchase-coin,.game-btn-tertiary-purchase:disabled .tertiary-purchase-left,.game-btn-tertiary-purchase:disabled .tertiary-purchase-right,.game-btn-tertiary-purchase:disabled .tertiary-purchase-coin{color:#575753}.game-btn-tertiary-purchase[data-state=disable] .tertiary-purchase-coin svg,.game-btn-tertiary-purchase:disabled .tertiary-purchase-coin svg{color:#575753}.game-btn-secondary{width:336px;height:84px;padding:0 40px;border-radius:294px;background:#787873;color:#deded8;font-size:48px;line-height:54px;letter-spacing:.48px}.game-btn-secondary[data-state=pressed]{background:#787873cc;color:#deded8cc}.game-btn-secondary[data-state=disable],.game-btn-secondary:disabled{background:#393939;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.game-btn-tertiary{width:336px;height:84px;padding:0 40px;border-radius:144px;border:2px solid #deded8;background:#15161680;color:#deded8;font-size:48px;line-height:54px;letter-spacing:.48px}.game-btn-tertiary[data-state=pressed]{border-color:#b2b2ad;background:linear-gradient(#0003,#0003),#15161680;color:#b2b2ad}.game-btn-tertiary[data-state=disable],.game-btn-tertiary:disabled{border-color:#393939;background:#39393980;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none;transform:none}.game-btn-circle{width:84px;height:84px;padding:0;border-radius:999px;border:0;background:#57575380;color:#deded8}.game-btn-circle[data-state=pressed]{background:linear-gradient(#0003,#0003),#57575380;color:#b2b2ad}.game-btn-circle[data-state=disable],.game-btn-circle:disabled{border:0;background:#393939;color:#575753;cursor:not-allowed;opacity:1;pointer-events:none}.game-circle-content{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.game-circle-icon{width:42px;height:30px;display:block}.game-toggle{position:relative;display:block;width:96px;height:48px;box-sizing:border-box;padding:0;border-radius:44px;border:2px solid #575753;background:#151616;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transform-origin:center;transition:background-color .3s ease-in,border-color .3s ease-in,transform .12s ease}.game-toggle:active:not(:disabled){transform:scale(.96)}.game-toggle-thumb{position:absolute;top:50%;left:4px;width:40px;height:40px;border-radius:20px;background:#787873;transform:translateY(-50%);transition:left .3s ease-in,background-color .3s ease-in}.game-toggle-on{border-radius:29.3333px;border-width:1.3333px;border-color:#deded8;background:#deded8}.game-toggle-on .game-toggle-thumb{left:50px;border-radius:22px;background:#151616}.game-toggle-off{border-color:#575753;background:#151616}.game-toggle-off .game-toggle-thumb{left:2px;background:#787873}.game-toggle-disable,.game-toggle:disabled{border-color:#393939;background:#39393980;cursor:not-allowed}.game-toggle-disable .game-toggle-thumb,.game-toggle:disabled .game-toggle-thumb{left:2px;background:#393939}.game-checkbox{width:360px;height:84px;display:flex;align-items:center;gap:22px;box-sizing:border-box;padding:17px 24px;border-radius:18px;border:2px solid #575753;background:#15161680;color:#a6a6a1;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:transform .12s ease,background-color .2s ease,border-color .2s ease,color .2s ease;transform-origin:center}.game-checkbox:active:not(:disabled){transform:scale(.96)}.game-checkbox-box{width:48px;height:48px;box-sizing:border-box;border:2px solid #a6a6a1;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.game-checkbox-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:40px;line-height:40px;letter-spacing:1px;color:inherit}.game-checkbox-check{width:18px;height:12px;border-left:5px solid #151616;border-bottom:5px solid #151616;transform:rotate(-45deg);box-sizing:border-box}.game-checkbox-on{border-color:transparent;background:#deded8;color:#151616}.game-checkbox-on .game-checkbox-box{border-color:#151616}.game-checkbox-off{border-color:#575753;background:#15161680;color:#a6a6a1}.game-checkbox-off .game-checkbox-box{border-color:#a6a6a1}.game-checkbox-disable,.game-checkbox:disabled{border-color:#393939;background:#39393980;color:#575753;cursor:not-allowed}.game-checkbox-disable .game-checkbox-box,.game-checkbox:disabled .game-checkbox-box{border-color:#393939}.game-checkbox-disable .game-checkbox-check,.game-checkbox:disabled .game-checkbox-check{border-left-color:#575753;border-bottom-color:#575753}.game-tab{display:flex;width:288px;height:108px;padding:24px 0 24px 24px;justify-content:flex-start;align-items:center;background:#30312f1a;border-radius:12px;transition:all .2s ease;transform-origin:center;color:#575753;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.2px;position:relative}.game-tab:active{width:288px;height:108px;padding:24px 0 24px 24px;justify-content:flex-start;background:#575753;border-radius:12px;transform:scale(.96);color:#deded8}.game-tab.active{width:288px;height:108px;padding:24px 0 24px 24px;justify-content:flex-start;background:#575753;border-radius:12px;color:#deded8}.game-tab.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:60px;background:#deded8}.game-header-tabs{width:min(1080px,100%);height:84px;display:inline-flex;align-items:center;border-radius:20px;background:#575753;overflow:hidden}.game-header-tab-item{flex:1 1 0;min-width:0;height:84px;border:0;border-radius:20px;background:transparent;color:#fcfcf7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .16s ease,transform .12s ease,color .16s ease}.game-header-tab-item:active{transform:scale(.98)}.game-header-tab-item.active{background:#ffffffb3;color:#151616}.game-header-tab-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:54px;letter-spacing:1px;color:currentColor}.game-nav-tabs{width:288px;display:flex;flex-direction:column;gap:6px;border-radius:12px;overflow:hidden}.game-nav-tab-item{position:relative;width:288px;height:108px;border:0;border-radius:12px;background:#ffffff08;color:#787873;display:inline-flex;align-items:center;justify-content:flex-start;padding:0 24px;box-sizing:border-box;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .12s ease}.game-nav-tab-item:active{transform:scale(.98)}.game-nav-tab-item.active{background:#575753;color:#deded8}.game-nav-tab-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:72px;letter-spacing:1.2px;color:currentColor}.game-nav-tab-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:60px;background:#deded8}.game-bottom-tabs{width:fit-content;min-height:120px;display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:0px;padding:0;background:#151616cc}.game-bottom-tab-item{position:relative;width:213px;height:120px;border:0;border-radius:0;background:transparent;color:#787873;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .12s ease,border-radius 0s}.game-bottom-tab-item:active{transform:scale(.98);background:#deded84d}.game-bottom-tab-item.active{background:#575753;color:#deded8}.game-bottom-tab-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.game-bottom-tab-icon-svg{display:block;width:auto;height:auto}.game-bottom-tab-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:1px;color:currentColor}.game-bottom-tab-indicator{position:absolute;top:0;left:12px;width:189px;height:6px;background:#deded8}.game-dropdown{position:relative;display:inline-flex;flex-direction:column;gap:12px}.game-dropdown-trigger{width:100%;height:96px;border-radius:48px;border:2px solid #787873;background:#15161680;color:#deded8;display:flex;align-items:center;justify-content:space-between;padding:0 36px;cursor:pointer;gap:14px;box-sizing:border-box;transition:background-color .16s ease,transform .12s ease;flex-shrink:0}.game-dropdown-trigger:active{transform:scale(.98);background:#151616b3}.game-dropdown--icon .game-dropdown-trigger{position:relative;padding:0 24px;justify-content:center}.game-dropdown--icon .game-dropdown-chevron{display:inline-flex;position:absolute;right:24px}.game-dropdown-trigger-inner{display:flex;align-items:center;gap:24px;flex:1;overflow:hidden}.game-dropdown--text-param .game-dropdown-trigger-inner{justify-content:space-between;gap:12px}.game-dropdown-trigger-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:40px;font-weight:400;line-height:40px;letter-spacing:.8px;color:#deded8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-dropdown-trigger-param{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:34px;font-weight:400;line-height:34px;letter-spacing:.68px;color:#deded8;flex-shrink:0}.game-dropdown-trigger-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.game-dropdown-chevron{display:inline-flex;align-items:center;flex-shrink:0;transform:rotate(180deg);transition:transform .2s ease}.game-dropdown-chevron.open,.game-dropdown.upward .game-dropdown-chevron{transform:rotate(0)}.game-dropdown.upward .game-dropdown-chevron.open{transform:rotate(180deg)}.game-dropdown-list{width:100%;background:#151616;border:2px solid #787873;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px #00000059;box-sizing:border-box}.game-dropdown-option{width:100%;height:64px;display:flex;align-items:center;gap:14px;padding:0 36px;border:0;border-bottom:1px solid #575753;background:#151616;color:#deded8;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease;text-align:left}.game-dropdown-option:last-child{border-bottom:0}.game-dropdown-option.active{background:#deded84d}.game-dropdown-option:active{background:#deded880}.game-dropdown--icon .game-dropdown-option{justify-content:center;padding:0 24px}.game-dropdown--icon-text .game-dropdown-option{gap:24px}.game-dropdown-option-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:40px;font-weight:400;line-height:32px;letter-spacing:.64px;color:#deded8;white-space:nowrap}.game-dropdown--icon-text .game-dropdown-option-label{line-height:40px;letter-spacing:.8px}.game-dropdown-option-param{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:34px;font-weight:400;line-height:34px;letter-spacing:.68px;color:#deded8;flex-shrink:0}.game-dropdown--text-param .game-dropdown-trigger-param,.game-dropdown--text-param .game-dropdown-option-param{margin-right:8px}.game-dropdown--text-param .game-dropdown-option{justify-content:space-between;gap:12px;padding-right:80px}.game-dropdown-option-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.game-topbar{width:2052px;height:96px;display:grid;align-items:center;grid-template-columns:84px 24px 460px 676px 236px 12px 396px 12px 80px 12px 60px;justify-content:start;gap:0;padding:0;box-sizing:border-box}.game-topbar-left{display:flex;align-items:center;gap:12px;grid-column:3;width:896px;height:80px;flex-shrink:0}.game-topbar-pill{grid-column:5;position:relative;display:flex;align-items:center;justify-content:center;width:236px;height:80px;border-radius:48px;background:#57575380;padding:0;box-sizing:border-box;flex-shrink:0;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.game-topbar-pill:active{transform:scale(.98);opacity:.88}.game-topbar-pill-inner{display:flex;align-items:center;justify-content:flex-start;width:162px;height:48px;gap:32px}.game-topbar-user-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;transform:translateY(-8px)}.game-topbar-divider{width:2px;height:48px;background:#787873;border-radius:1px;flex-shrink:0}.game-topbar-badge{position:absolute;left:36px;top:48px;display:flex;align-items:center;gap:12px;width:56px;height:32px;padding:0}.game-topbar-badge-dot{width:10px;height:10px;border-radius:50%;background:#d9d9d9;flex-shrink:0}.game-topbar-badge-count{display:flex;width:34px;height:32px;flex-direction:column;justify-content:center;font-family:Selecta Trial Unlicensed,Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:28px;font-weight:400;line-height:normal;letter-spacing:.7px;color:#deded8;text-align:center}.game-topbar-pill .game-topbar-icon-btn{width:48px;height:48px}.game-topbar-resources{grid-column:7;display:flex;align-items:center;justify-content:flex-start;width:396px;height:80px;border-radius:48px;background:#57575380;padding:0 22px 0 36px;gap:32px;box-sizing:border-box;flex-shrink:0;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.game-topbar-resources:active{transform:scale(.98);opacity:.88}.game-topbar-slots{display:flex;align-items:center;gap:44px}.game-topbar-slot{display:flex;align-items:center;gap:12px}.game-topbar-slot-value{font-family:Selecta Trial Unlicensed,Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:32px;font-weight:400;line-height:32px;letter-spacing:0;color:#787873}.game-topbar-add-btn,.game-topbar-icon-btn,.game-topbar-back-btn,.game-topbar-menu-btn,.game-topbar-small-pill{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .12s ease,opacity .12s ease}.game-topbar-add-btn:active,.game-topbar-icon-btn:active,.game-topbar-back-btn:active,.game-topbar-menu-btn:active,.game-topbar-small-pill:active{transform:scale(.92);opacity:.8}.game-topbar-settings-btn{width:48px;height:48px;background:#deded8;border-radius:50%;padding:0;margin-left:auto}.game-topbar-settings-btn svg{width:28px;height:28px}.game-topbar-slot--coins{width:148px}.game-topbar-slot--fp{width:146px}.game-topbar-small-pill{grid-column:9;width:80px;height:80px;border-radius:40px;background:#57575380;flex-shrink:0}.game-topbar-small-pill svg{width:48px;height:48px}.game-topbar-center{display:flex;align-items:center;justify-content:space-between;grid-column:1;width:484px;height:80px;border-radius:48px;background:transparent;padding:0;box-sizing:border-box;flex-shrink:0}.game-topbar-back-btn{grid-column:1;position:relative;width:84px;height:84px;border-radius:42px;background:transparent}.game-topbar-back-btn:before{content:"";position:absolute;width:80px;height:80px;top:2px;right:2px;bottom:2px;left:2px;border-radius:40px;background:#57575380}.game-topbar-back-btn svg{position:relative;z-index:1}.game-topbar-title{grid-column:3;display:flex;flex-direction:column;width:460px;height:84px;padding:0;gap:4px;justify-content:center;align-items:flex-start}.game-topbar-title-line{display:block;position:relative;font-family:Druk Wide Trial,Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:40px;font-weight:700;line-height:48px;letter-spacing:2px;color:#787873;text-transform:uppercase;white-space:nowrap}.game-topbar-title-line:first-child{top:2px}.game-topbar-title-line:last-child{top:-2px}.game-topbar-right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-column:11;width:60px;height:96px;gap:0;flex-shrink:0}.game-topbar-right .game-topbar-menu-icon:first-child{transform:translate(-1px)}.game-topbar-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;pointer-events:none}@media (max-width: 1400px){.game-topbar-pill,.game-topbar-resources,.game-topbar-small-pill{max-width:100%}.game-topbar-right{width:48px;height:96px}}@media (max-width: 900px){.game-topbar-resources{width:min(100%,396px)}.game-topbar-slots{gap:12px}.game-topbar-slot{gap:6px}.game-topbar-slot-value{font-size:26px}.game-topbar-title-line{font-size:30px;line-height:34px}}.game-progress-bar{display:flex;flex-direction:column;gap:0;padding-top:34px;box-sizing:border-box}.game-progress-bar-header{display:flex;align-items:flex-end;justify-content:space-between;height:48px;margin-bottom:0}.game-progress-bar-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:28px;font-weight:400;line-height:42px;letter-spacing:.7px;color:#a6a6a1}.game-progress-bar-value{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:32px;font-weight:400;line-height:48px;letter-spacing:.8px;color:#deded8}.game-progress-bar-track-wrap{display:flex;align-items:center;height:24px;padding-top:8px;box-sizing:border-box}.game-progress-bar-track{width:100%;height:16px;border-radius:9999px;background:#15161680;overflow:hidden;display:flex;align-items:center;padding:0 2px;box-sizing:border-box}.game-progress-bar-fill{height:12px;border-radius:9999px;background:#787873;transition:width .3s ease;min-width:0}.game-slider-bar{display:flex;flex-direction:column;gap:0;padding-top:34px;box-sizing:border-box}.game-slider-bar-header{display:flex;align-items:flex-end;justify-content:space-between;height:48px}.game-slider-bar-label{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:28px;font-weight:400;line-height:42px;letter-spacing:.7px;color:#a6a6a1}.game-slider-bar-value{font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:32px;font-weight:400;line-height:48px;letter-spacing:.8px;color:#deded8}.game-slider-bar-track-wrap{position:relative;display:flex;align-items:center;height:24px;margin-top:8px}.game-slider-bar-track{position:absolute;left:0;right:0;height:16px;border-radius:9999px;background:#15161680}.game-slider-bar-fill{position:absolute;left:2px;height:12px;border-radius:9999px;background:#787873;transition:width .16s ease;pointer-events:none}.game-slider-bar-thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#deded8;transform:translate(-50%,-50%);pointer-events:none}.game-slider-bar-input{position:relative;z-index:2;width:100%;height:24px;margin:0;opacity:0;cursor:pointer}.game-slider-bar-input:disabled{cursor:not-allowed}.game-icon-sidebar-tabs{width:132px;display:inline-flex;flex-direction:column;gap:24px;padding:0}.game-icon-sidebar-tab-item{position:relative;width:132px;height:132px;border:0;border-radius:20px;background:#575753;color:#fcfcfc;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .16s ease,transform .12s ease;flex-shrink:0}.game-icon-sidebar-tab-item:active{transform:scale(.96);background:#4a4a46}.game-icon-sidebar-tab-item.active{background:#d5d5d5;color:#000}.game-icon-sidebar-tab-item.active:active{background:#bebebe}.game-icon-sidebar-tab-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.game-panel{width:100%;max-width:720px;border-radius:20px;background:linear-gradient(180deg,#fcfcfc14,#fcfcfc05),#30312f;padding:22px;display:flex;flex-direction:column;gap:14px}.game-panel-header{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(252,252,252,.12)}.game-panel-title{margin:0;color:#fcfcfc;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:38px;font-weight:400;line-height:1;letter-spacing:.48px}.game-panel-content{color:#fcfcfc}.game-panel-footer{margin-top:6px;padding-top:12px;border-top:1px solid rgba(252,252,252,.12)}.game-top-bar{width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;background:#30312f;border-bottom:1px solid rgba(252,252,252,.1)}.game-top-bar-start,.game-top-bar-end{display:flex;align-items:center;gap:8px;min-width:80px}.game-top-bar-end{justify-content:flex-end}.game-top-bar-center{flex:1;display:flex;align-items:center;justify-content:center}.game-top-bar-title{margin:0;color:#fcfcfc;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:36px;font-weight:400;line-height:1;letter-spacing:.48px;text-transform:uppercase}.game-top-bar-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#fcfcfcb8;cursor:pointer;padding:6px 8px;border-radius:10px;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:26px;font-weight:400;letter-spacing:.4px;line-height:1;transition:color .14s ease,background .14s ease}.game-top-bar-back:hover{color:#fcfcfc;background:#fcfcfc14}.game-top-bar-back-icon{display:inline-flex;align-items:center}.game-top-bar-action{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#fcfcfcb8;cursor:pointer;transition:color .14s ease,background .14s ease}.game-top-bar-action:hover{color:#fcfcfc;background:#fcfcfc14}.game-card{position:relative;width:720px;height:1020px;overflow:hidden;transform:scale(1);transform-origin:top left}.card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='719' height='1020' viewBox='0 0 719 1020' fill='none'%3E%3Cpath d='M359 0C471.208 0 620.818 77.5314 719 77.5314V924.681C719 947.377 700.901 966.403 677.078 968.748L518.039 989.944C518.039 989.944 469.282 994.766 438.52 1000.54C407.058 1006.45 359 1020 359 1020C359 1020 310.942 1006.45 279.48 1000.54C248.718 994.766 199.961 989.944 199.961 989.944L40.9215 968.748C17.0993 966.403 -1 947.377 -1 924.681V77.5314C97.1818 77.5314 246.792 0 359 0Z' fill='%23787873'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;background-position:center;z-index:1}.player-image{position:absolute;top:-199px;left:-92px;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='719' height='1020' viewBox='0 0 719 1020' fill='none'%3E%3Cpath d='M359 0C471.208 0 620.818 77.5314 719 77.5314V924.681C719 947.377 700.901 966.403 677.078 968.748L518.039 989.944C518.039 989.944 469.282 994.766 438.52 1000.54C407.058 1006.45 359 1020 359 1020C359 1020 310.942 1006.45 279.48 1000.54C248.718 994.766 199.961 989.944 199.961 989.944L40.9215 968.748C17.0993 966.403 -1 947.377 -1 924.681V77.5314C97.1818 77.5314 246.792 0 359 0Z' fill='%23787873'/%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2}.rating-box{position:absolute;top:84px;left:5px;color:#fff;width:236px;height:192px;flex-direction:column;justify-content:center;z-index:10}.rating{color:#fcfcfc;text-align:center;font-family:Bebas Neue;font-size:192px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase}.position{position:absolute;width:236px;height:96px;flex-direction:column;justify-content:center;color:#fcfcfc;text-align:center;font-family:Selecta Trial Unlicensed;font-size:96px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase}.diamonds{position:absolute;width:521px;height:72px;bottom:288px;left:50%;transform:translate(-50%);gap:24px;z-index:10}.diamond{width:85px;height:72px;aspect-ratio:85/72;background:#fff;clip-path:polygon(76.47% 0,100% 31.25%,50% 100%,0 31.25%,23.53% 0);fill:var(--Neutral-Palette-Neutral-200, #A6A6A1)}.player-name{position:absolute;bottom:192px;display:flex;width:708px;height:96px;flex-direction:column;justify-content:center;color:#fcfcfc;text-align:center;font-family:Selecta Trial Unlicensed;font-size:80px;font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize;z-index:10}.bottom-blocks{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:66px;z-index:10}.block{width:168px;height:120px;background:#d9d9d9}.game-resource-bar{display:flex;align-items:center;gap:12px;padding:0}.game-icon-wrap{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center}.game-background{width:2340px;height:1080px;background:linear-gradient(180deg,#000,#323232)}.player-card{width:var(--player-card-width, 720px);height:var(--player-card-height, 1020px);border:0;outline:none;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;perspective:1200px;filter:grayscale(1)}.player-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s ease}.player-card-inner.is-flipped{transform:rotateY(180deg)}.player-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:12px;overflow:hidden;backface-visibility:hidden}.player-card-front{transform:rotateY(0)}.player-card-back{transform:rotateY(180deg);background:transparent;border:0}.player-card-image{display:block;width:100%;height:100%;object-fit:cover}.player-card-back-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#deded8;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif;font-size:36px;letter-spacing:1px;text-transform:uppercase}.game-loading{width:190px;height:190px;display:flex;align-items:center;justify-content:center}.game-loading-orb{position:relative;display:flex;align-items:center;justify-content:center;width:190px;height:190px}.game-loading-arc{position:absolute;width:122px;height:122px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,#fff0,#fff0 248deg,#ffffff57 282deg,#fff3 308deg,#fff0 332deg,#fff0 360deg);-webkit-mask:radial-gradient(circle,transparent 59.5px,#000 59.5px,#000 61px,transparent 61px);mask:radial-gradient(circle,transparent 59.5px,#000 59.5px,#000 61px,transparent 61px);animation:game-loading-arc-spin 1.2s linear infinite}.game-loading-logo-alpha{position:absolute;width:84px;height:84px;pointer-events:none}.game-loading-logo-alpha-image{width:84px;height:84px;object-fit:contain;filter:grayscale(1) brightness(1.12) blur(.7px);transform-origin:center;opacity:0;animation:game-loading-logo-alpha-spread 1.9s ease-out infinite}.game-loading-logo{width:84px;height:84px;object-fit:contain;filter:grayscale(1);animation:game-loading-logo-breathe 1.9s ease-in-out infinite}@keyframes game-loading-arc-spin{to{transform:rotate(360deg)}}@keyframes game-loading-logo-breathe{0%,to{opacity:.62}50%{opacity:1}}@keyframes game-loading-logo-alpha-spread{0%{transform:scale(.92);opacity:.62}55%{opacity:.28}to{transform:scale(1.35);opacity:0}}
package/package.json ADDED
@@ -0,0 +1,34 @@
1
+ {
2
+ "name": "novaux-game-make-kit",
3
+ "version": "1.0.0",
4
+ "type": "module",
5
+ "main": "dist/index.umd.js",
6
+ "module": "dist/index.es.js",
7
+ "types": "dist/index.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "scripts": {
12
+ "dev": "vite",
13
+ "build": "tsc && vite build"
14
+ },
15
+ "dependencies": {
16
+ "react": "^18.3.1",
17
+ "react-dom": "^18.3.1"
18
+ },
19
+ "devDependencies": {
20
+ "@types/react": "^18.3.28",
21
+ "@types/react-dom": "^18.3.7",
22
+ "@vitejs/plugin-react": "^4.7.0",
23
+ "typescript": "^5.9.3",
24
+ "vite": "^5.4.21",
25
+ "vite-plugin-dts": "^3.9.1"
26
+ },
27
+ "description": "",
28
+ "directories": {
29
+ "lib": "lib"
30
+ },
31
+ "keywords": [],
32
+ "author": "",
33
+ "license": "ISC"
34
+ }