:root{--cream:#fff1d0;--panel:#fff9ea;--brown:#773f21;--brown2:#9c6644;--gold:#e9b44c;--gold-soft:#f5d68a;--yellow:#ffd685;--pink:#ef476f;--ink:#5c3317;--row-line:#eedcb4;--plate:#fff3d4;--sky:#a8d8f0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:#fffcf6;justify-content:center;align-items:flex-start;padding:clamp(16px,3vmin,34px);font-family:Comfortaa,"Baloo 2",Trebuchet MS,system-ui,sans-serif;display:flex}#app{width:min(1080px,100%)}.mono{font-family:ui-monospace,Consolas,monospace}.win{background:var(--panel);border:4px solid var(--brown);box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 5px var(--gold-soft), 0 7px 0 #4e321947;border-radius:18px;padding:clamp(18px,3vmin,30px);position:relative}.tab{background:linear-gradient(180deg, #ffe3a6, var(--yellow));border:3px solid var(--brown);letter-spacing:.18em;color:var(--brown);border-radius:10px;align-items:center;gap:7px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-15px;left:18px;box-shadow:0 3px #4e32194d}.tab:before{content:"";border:2px solid var(--brown);border-radius:50%;width:8px;height:8px}.tab-pink:before{background:var(--pink)}.tab-green:before{background:#7fc98f}.btn{color:var(--brown);cursor:pointer;background:linear-gradient(180deg, #ffe3a6, var(--yellow));border:3px solid var(--brown);border-radius:14px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:transform 60ms;box-shadow:0 4px #4e32194d}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #4e32194d}.btn:disabled{opacity:.55;cursor:default}.btn.big{width:100%;margin-top:18px;padding:14px;font-size:17px}.btn.primary{background:linear-gradient(#cff0dd,#b8eacf)}.hero{text-align:center;max-width:560px;margin:12vmin auto 0}.hero .pack{border:3px solid var(--brown);border-radius:20px;width:150px;margin:8px auto 4px;display:block}.hero h1{letter-spacing:.02em;margin:14px 0 10px;font-size:clamp(17px,2.6vmin,23px)}.hero p{color:var(--brown2);font-size:13.5px;line-height:1.6}.bob{animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bar{background:var(--plate);border:3px solid var(--brown);border-radius:999px;height:16px;margin:16px 0 8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--gold-soft), var(--gold));height:100%;transition:width .3s;display:block}.layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:26px;margin-top:16px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;margin-top:6px;display:grid}.card{cursor:pointer;text-align:center;background:var(--plate);border:3px solid var(--brown);color:var(--ink);border-radius:14px;padding:8px 8px 6px;font-family:inherit;position:relative;box-shadow:0 3px #4e321938}.card img{aspect-ratio:1;object-fit:contain;background:#dff3ea;border-radius:9px;width:100%}.card b{margin-top:5px;font-size:12.5px;display:block}.card.sel,.card:hover:not(.locked){background:#ffedc2;transform:translateY(-2px)}.card .gbadge{background:var(--pink);color:#fff;letter-spacing:.08em;border:2px solid #fffdf3;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:4px;left:4px}.card.locked{cursor:not-allowed}.card.locked img{filter:grayscale()opacity(.55)}.card.locked b{color:#b9a17c}.card.locked .lock{font-size:14px;position:absolute;top:6px;right:6px}.card.locked:after{content:attr(data-tip);background:var(--brown);color:var(--cream);opacity:0;pointer-events:none;z-index:5;border-radius:10px;width:max-content;max-width:210px;padding:7px 11px;font-size:11px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.card.locked:hover:after,.card.locked.shake:after{opacity:1}.card.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.empty-note{color:var(--brown2);padding:18px 6px;font-size:14px}.scan-note{color:var(--brown2);margin-top:14px;font-size:11px}.scan-note a{color:var(--pink);cursor:pointer;text-decoration:underline}.placeholder{text-align:center;color:var(--brown2);padding:40px 10px;font-size:14px}.placeholder img{border:3px solid var(--brown);border-radius:16px;width:110px;margin-bottom:12px}.pouch-head{gap:16px;margin-top:6px;display:flex}.portrait{aspect-ratio:1;object-fit:contain;border:3px solid var(--brown);width:118px;box-shadow:inset 0 0 0 3px #fffdf3e6, inset 0 0 0 5px var(--gold-soft);background:#dff3ea;border-radius:12px;flex:none}.meta{flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;display:flex}.nameplate{background:var(--brown);border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 14px;display:flex;box-shadow:inset 0 -3px #00000040}.nameplate b{color:var(--cream);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.nameplate span{color:var(--yellow);letter-spacing:.1em;flex:none;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-stat{background:var(--plate);border:2px solid var(--row-line);border-radius:9px;align-items:baseline;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex}.chip-stat i{letter-spacing:.1em;color:var(--brown2);font-size:9px;font-style:normal}.rows{margin-top:16px}.row{border-radius:10px;align-items:center;gap:12px;padding:7px 12px 7px 8px;display:flex}.row:nth-child(2n){background:#fff3d480}.plate{background:var(--plate);border:3px solid var(--brown);border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 3px #773f211f}.plate.gold{background:linear-gradient(135deg,#fff0c4 30%,#ffe29a)}.plate img{object-fit:contain;width:94%;height:94%}.row.dim{opacity:.5}.row.dim .plate{border-color:var(--row-line)}.row.dim .nm{color:#c9ae7f;letter-spacing:.2em;font-size:11px;font-weight:400}.nm{font-size:14.5px;font-weight:700}.nm em{color:var(--ink);background:var(--gold);vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:9px;font-style:normal;font-weight:700}.lead{border-bottom:3px dotted var(--row-line);flex:1;margin:0 6px;transform:translateY(4px)}.qt{color:var(--brown2);font-size:13.5px;font-weight:700}.addr{background:var(--brown);border-radius:12px;margin-top:16px;padding:9px 14px}.addr code{color:#ffe9bc;word-break:break-all;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Consolas,monospace;font-size:12px}.backdrop{z-index:100;background:#5c331773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:center;width:100%;max-width:420px}.modal h2{margin-bottom:12px;font-size:19px}.modal p{color:var(--brown2);font-size:13.5px;line-height:1.65}.modal .preview{color:var(--ink)}.big-amount{color:var(--ink);margin-top:8px;font-size:21px;display:inline-block}.modal-btns{gap:12px;margin-top:20px;display:flex}.modal-btns .btn{flex:1}.wallet-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.wallet-opt{justify-content:center;align-items:center;gap:10px;display:flex}.wallet-opt img{border-radius:6px}.hint{color:var(--pink);margin-top:12px;font-size:12px}.row.item{cursor:pointer;transition:background .1s}.row.item:before{content:"▶";text-align:center;width:14px;color:var(--pink);opacity:0;flex:none;font-size:12px;transition:opacity .12s}.row.item:hover:before,.row.item.sel:before{opacity:1}.row.item:hover{background:#ffedc2}.row.item.sel{box-shadow:inset 0 0 0 2px var(--gold);background:#ffedc2}.row.dim:before{content:"";flex:none;width:14px}.faq-fab{z-index:60;background:linear-gradient(180deg, #ffe3a6, var(--yellow));border:3px solid var(--brown);width:46px;height:46px;color:var(--brown);cursor:pointer;border-radius:50%;font-family:inherit;font-size:20px;font-weight:700;position:fixed;bottom:22px;right:22px;box-shadow:0 4px #4e32194d}.faq-fab:hover{transform:translateY(-1px)}.faq-modal{text-align:left;flex-direction:column;max-width:520px;max-height:82vh;display:flex}.faq-list{margin-top:4px;padding-right:6px;overflow-y:auto}.faq-item{padding:10px 2px}.faq-item+.faq-item{border-top:3px dotted var(--row-line)}.faq-item h3{color:var(--ink);margin-bottom:5px;font-size:14px}.faq-item p{color:var(--brown2);font-size:12.5px;line-height:1.6}