:root{color-scheme:light;--ink: #18324b;--ink-soft: #526578;--paper: #fffdf8;--cream: #f7f3e8;--cream-deep: #ede5d3;--navy: #163f5f;--blue: #dcebf5;--green: #2f765c;--green-dark: #215642;--green-soft: #e3f2eb;--orange: #e47b3f;--orange-dark: #a9451f;--yellow: #f3c85f;--line: #d9d6cd;--focus: #0b63b6;--white: #ffffff;--shadow: 0 .8rem 2rem rgba(24, 50, 75, .09);--shadow-small: 0 .35rem .9rem rgba(24, 50, 75, .1);--radius-xl: 1.5rem;--radius-lg: 1.1rem;--radius-md: .8rem}*{box-sizing:border-box}html{min-width:20rem;background:var(--cream)}body{min-width:20rem;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 4% 2%,rgba(243,200,95,.3),transparent 20rem),radial-gradient(circle at 96% 14%,rgba(117,178,211,.2),transparent 26rem),var(--cream);font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,Arial,sans-serif;font-size:1rem;line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{min-height:2.75rem}button,input{border-radius:.7rem}button:focus-visible,input:focus-visible{outline:.2rem solid var(--focus);outline-offset:.15rem}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.7rem 1rem;color:var(--white);background:var(--navy);border-radius:.6rem;transform:translateY(-150%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.alert-region{position:fixed;z-index:90;top:.75rem;left:50%;display:flex;justify-content:center;width:min(30rem,calc(100% - 2rem));transform:translate(-50%);pointer-events:none}.give-error{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .9rem;color:#fff;background:var(--orange-dark);border-radius:.7rem;box-shadow:0 .4rem 1.1rem #18324b40;font-weight:700;pointer-events:auto}.give-error span{flex:1 1 auto}.give-error-dismiss{flex:0 0 auto;padding:.3rem .6rem;color:#fff;font:inherit;font-size:.85rem;background:#fff3;border:.08rem solid rgba(255,255,255,.55);border-radius:.5rem;cursor:pointer}.give-error-dismiss:hover{background:#ffffff52}.topbar{display:flex;align-items:center;gap:.9rem;width:min(94rem,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 1rem}.brand-mark{position:relative;display:grid;flex:0 0 auto;width:3.25rem;height:3.25rem;place-items:center;color:#73461d;background:radial-gradient(circle at 36% 27%,#fff1a8 0 7%,transparent 8%),radial-gradient(circle at 40% 34%,#ffd979,#d99a34 60%,#a76822);border:.16rem solid rgba(115,70,29,.45);border-radius:50%;box-shadow:inset 0 0 0 .2rem #ffefb16b,var(--shadow-small);font-size:1.75rem;font-weight:900;letter-spacing:-.08rem}.brand-mark:after{content:"";position:absolute;inset:.35rem;border:.08rem dashed rgba(115,70,29,.42);border-radius:50%}.brand-copy{min-width:0}.brand-copy h1{margin:0;font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.05;letter-spacing:-.035em}.brand-copy p{margin:.18rem 0 0;color:var(--ink-soft);font-size:.95rem}.app-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(20rem,.92fr);gap:1.25rem;width:min(94rem,calc(100% - 2rem));margin:0 auto;padding-bottom:2rem;align-items:start}.main-column{display:grid;min-width:0;gap:1.25rem}.panel{min-width:0;background:#fffdf8f0;border:.08rem solid rgba(24,50,75,.11);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.coin-section,.wallet-section,.friends-section{padding:clamp(1rem,2.6vw,1.55rem)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.15;letter-spacing:-.02em}.eyebrow{margin:0 0 .2rem;color:var(--green-dark);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.section-note{max-width:28rem;margin:0;color:var(--ink-soft);font-size:.9rem;text-align:right}.coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.coin-card{display:grid;min-width:0;grid-template-rows:8.75rem 2.3rem 1.55rem 2.9rem 3rem 2.35rem auto;gap:.28rem;padding:.85rem;background:var(--white);border:.08rem solid var(--line);border-radius:var(--radius-lg);box-shadow:0 .28rem .8rem #18324b0f;text-align:center}.coin-stage{display:flex;min-width:0;height:8.75rem;align-items:flex-end;justify-content:center;perspective:60rem}.coin-stage.is-draggable{cursor:grab;touch-action:none}.coin-stage.is-draggable:active{cursor:grabbing}.coin-card.is-dragging{opacity:.6}.coin-flipper{position:relative;width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.coin-flipper.is-flipped{transform:rotateY(180deg)}.coin-face{position:absolute;inset:0;overflow:hidden;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 .55rem .32rem rgba(24,50,75,.22))}.coin-face.back{transform:rotateY(180deg)}.coin-photo{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#fff;border-radius:50%;filter:contrast(1.03) saturate(.96)}.coin-name{display:flex;align-items:center;justify-content:center;margin:0;font-size:1.1rem;font-weight:850;line-height:1.1}.coin-value{margin:0;color:var(--orange-dark);font-size:.95rem;font-weight:850}.president{display:flex;align-items:center;justify-content:center;margin:0;color:var(--ink-soft);font-size:.87rem;line-height:1.22}.text-button{align-self:center;min-width:0;width:100%;padding:.55rem .5rem;color:var(--navy);background:var(--blue);border:.08rem solid rgba(22,63,95,.24);font-size:.88rem;font-weight:800;cursor:pointer}.text-button:hover{background:#cce1ee}.coin-count{align-self:center;margin:0;font-size:.9rem;font-weight:700}.coin-count strong{color:var(--navy);font-size:1.35rem;line-height:1}.coin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;align-self:end}.action-button{min-width:0;width:100%;padding:.55rem .3rem;border:0;font-size:.87rem;font-weight:850;overflow-wrap:anywhere;cursor:pointer}.action-button.add{color:var(--white);background:var(--green)}.action-button.add:hover{background:var(--green-dark)}.action-button.subtract{color:#793314;background:#ffe1ce;border:.08rem solid #f1b28f}.action-button.subtract:hover:not(:disabled){background:#ffd1b5}.action-button:disabled{color:#7b858e;background:#e8e8e5;border-color:#d3d3cf;cursor:not-allowed}.wallet-heading{align-items:center}.total-box{flex:0 0 auto;min-width:10.5rem;padding:.72rem 1rem;color:var(--white);background:var(--navy);border-radius:1rem;box-shadow:var(--shadow-small);text-align:right}.total-box span{display:block;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.total-box strong{display:block;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.15}.total-box small{display:block;font-size:.75rem;opacity:.8}.tabletop{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;overflow:hidden;padding:1rem;background:linear-gradient(90deg,#ffffff14,#5032180a),repeating-linear-gradient(0deg,#d6b588 0 .24rem,#d1ae7f .25rem .32rem,#ddbf95 .33rem 2.2rem);border:.08rem solid rgba(89,59,31,.22);border-radius:var(--radius-lg);box-shadow:inset 0 .35rem 1.2rem #5433161f}.tabletop:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.38),transparent 65%)}.stack-station{position:relative;z-index:1;display:grid;min-width:0;min-height:10.5rem;grid-template-rows:1.6rem 1fr 1.4rem;padding:.6rem .35rem;background:#fffdf8b8;border:.08rem solid rgba(89,59,31,.16);border-radius:.9rem;text-align:center}.stack-label{margin:0;color:var(--ink);font-size:.83rem;font-weight:850}.stack-area{position:relative;width:100%;min-height:6.8rem}.empty-stack{position:absolute;right:12%;bottom:.5rem;left:12%;height:2.75rem;display:grid;place-items:center;color:#18324b9e;border:.1rem dashed rgba(24,50,75,.35);border-radius:50%;font-size:.72rem;font-weight:750}.stack-coin{position:absolute;left:50%;bottom:calc(.42rem + (var(--layer) * .28rem));width:var(--stack-width);height:calc(var(--stack-width) * .34);border:.08rem solid rgba(54,43,32,.38);border-radius:50%;box-shadow:0 .18rem #4e381f8c,0 .32rem .32rem #2e201333;transform:translate(-50%)}.stack-coin.copper{background:radial-gradient(ellipse at 38% 28%,#ffd4aa 0 5%,transparent 7%),radial-gradient(ellipse at center,#dc8f53,#a94e23 72%,#733418)}.stack-coin.silver{background:radial-gradient(ellipse at 38% 28%,#ffffff 0 5%,transparent 7%),radial-gradient(ellipse at center,#e7edf0,#abb8bf 72%,#718087)}.stack-coin.top:before{content:attr(data-mark);position:absolute;inset:0;display:grid;place-items:center;color:#2d2d2885;font-size:clamp(.65rem,1.5vw,.9rem);font-weight:900;transform:scaleY(.76)}.stack-quantity{margin:0;color:var(--ink-soft);font-size:.78rem;font-weight:800}.friends-section{position:sticky;top:1rem}.friends-intro{margin:0 0 1rem;color:var(--ink-soft);font-size:.88rem}.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.friend-card{position:relative;display:grid;min-width:0;gap:.55rem;padding:.75rem;background:var(--white);border:.08rem solid var(--line);border-radius:1rem;box-shadow:0 .2rem .65rem #18324b0e;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.friend-card.drop-target{border-color:var(--green);box-shadow:0 0 0 .18rem var(--green-soft);transform:translateY(-.1rem)}.friend-card.drop-target *{pointer-events:none}.friend-topline{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.55rem;align-items:center}.friend-topline label{min-width:0}.avatar-frame{display:grid;width:3rem;height:3rem;overflow:hidden;place-items:center;background:var(--blue);border:.12rem solid rgba(24,50,75,.2);border-radius:50%}.avatar-frame svg{display:block;width:100%;height:100%}.friend-name{min-width:0;width:100%;height:2.5rem;padding:.45rem .5rem;color:var(--ink);background:#fbfaf6;border:.08rem solid #cfcabf;font-size:.86rem;font-weight:800}.friend-wallet{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.friend-total{color:var(--green-dark);font-size:.92rem;font-weight:900}.avatar-button{min-height:2.4rem;padding:.4rem .6rem;color:var(--navy);background:var(--blue);border:.08rem solid rgba(22,63,95,.23);font-size:.78rem;font-weight:850;cursor:pointer}.mini-coins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.mini-coin{display:grid;gap:.05rem;min-width:0;padding:.3rem .1rem;color:var(--ink);background:#f5f3ed;border-radius:.45rem;text-align:center}.mini-coin-name{font-size:.55rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}.mini-coin-count{font-size:1rem;font-weight:900;line-height:1;color:var(--navy)}.mini-coin.penny{color:#713619;background:#f7d2b8}.mini-coin.penny .mini-coin-count{color:#713619}.avatar-picker{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.55rem;background:#f7fafc;border:.1rem solid #bdd2df;border-radius:.8rem}.avatar-option{display:grid;min-width:0;min-height:2.75rem;padding:.12rem;place-items:center;overflow:hidden;background:var(--white);border:.12rem solid transparent;border-radius:50%;cursor:pointer}.avatar-option.is-selected,.avatar-option[aria-checked=true]{background:var(--green-soft);border-color:var(--green-dark);box-shadow:0 0 0 .12rem var(--green-soft)}.avatar-option svg{display:block;width:100%;height:auto;border-radius:50%}.save-note{display:flex;align-items:center;gap:.35rem;margin:.9rem 0 0;color:var(--ink-soft);font-size:.75rem}.save-dot{width:.55rem;height:.55rem;background:var(--green);border-radius:50%}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:74rem){.app-shell{grid-template-columns:minmax(0,1fr)}.friends-section{position:static}.friends-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:64rem){.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:47rem){.topbar,.app-shell{width:min(100% - 1rem,94rem)}.topbar{padding-top:.8rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.45rem}.section-note{text-align:left}.wallet-heading{flex-direction:row;align-items:center}.tabletop,.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:29rem){.coin-grid,.friends-grid{grid-template-columns:minmax(0,1fr)}.coin-card{grid-template-rows:8.75rem 2.1rem 1.4rem 2.5rem 2.9rem 2.2rem auto}.wallet-heading{align-items:stretch;flex-direction:column}.total-box{width:100%;text-align:left}.tabletop{gap:.5rem;padding:.55rem}.stack-station{min-height:9.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}