.equipment-profile-page{min-height:100vh;color:var(--ink);background:#f3f4f4}.equipment-profile-page>header{z-index:20;background:#fff;border-bottom:1px solid #dde5e2;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px max(16px,50vw - 410px);display:grid;position:sticky;top:0}.equipment-profile-page>header a{color:#2f7ac6;border:1px solid #5499de;border-radius:9px;justify-self:start;padding:8px 11px;text-decoration:none}.equipment-profile-page>header>b{font-size:18px}.equipment-profile-page>header button{background:var(--accent);color:#fff;border:0;border-radius:9px;justify-self:end;padding:9px 16px;font-weight:600}.equipment-profile-page>main{width:min(760px,100% - 24px);margin:auto;padding:18px 0 90px}.equipment-page-tabs{background:#e5eeeb;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:6px;display:grid}.equipment-page-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:11px;font-weight:600}.equipment-page-tabs button.active{background:var(--accent);color:#fff}.play-style-editor,.racket-editor{background:#fff;border:1px solid #dce4e1;border-radius:17px;padding:18px}.owned-list{gap:12px;display:grid}.owned-list article{background:#f6faf8;border-radius:14px;gap:8px;padding:12px;display:grid}.owned-list>button{color:#fff;background:#147a4e;border:0;border-radius:12px;padding:10px;font-weight:500}.play-style-editor>header,.racket-editor>header{justify-content:space-between;align-items:flex-start;display:flex}.play-style-editor h1,.racket-editor h1{margin:0;font-size:23px;font-weight:500}.play-style-editor header p,.racket-editor header p{color:var(--muted);margin:3px 0}.play-style-editor>header>span,.racket-editor>header>span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:9px 12px}.play-style-editor>article{border:1px solid var(--line);background:#f8faf9;border-radius:15px;margin-top:16px;padding:13px}.play-style-editor h2{margin:0 0 12px;font-size:15px;font-weight:500}.hand-choice{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hand-choice>button{color:#1c5792;text-align:center;background:#f7f8fa;border:1px solid #cfe3f7;border-radius:16px;flex-direction:column;align-items:center;padding:16px;display:flex}.hand-choice>button.left{color:#c45620;background:#fff5eb;border-color:#f1be8b}.hand-choice>button>b{justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:500;display:flex}.hand-choice>button>b>i{font-size:28px;font-style:normal;line-height:1}.hand-choice>button.right>b>i{transform:scaleX(-1)}.hand-choice>button>span{letter-spacing:1px;opacity:.55;margin-top:5px}.hand-choice>button>em{grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:13px;font-style:normal;display:grid}.hand-choice small{text-align:center;color:#0e2b48;background:#fff;border:1px solid;border-radius:9px;padding:10px;font-size:14px;font-weight:500}.hand-choice small.selected{color:#154270;background:#f7f8fa;border-color:#296bae;font-weight:600}.hand-choice .left small.selected{color:#8a3410;background:#ffe4d2;border-color:#e77736}.rubber-type-grid{grid-template-columns:1fr;gap:18px;margin-top:16px;display:grid}.rubber-type-grid>article{border:1px solid var(--line);background:#f8faf9;border-radius:14px;padding:14px}.rubber-type-grid h2,.rubber-type-grid h3{color:#0e2b48;margin:0 0 10px;font-size:15px;font-weight:500}.rubber-type-grid h3{margin-top:14px}.rubber-type-buttons{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rubber-type-grid button{color:#0e2b48;background:#fff;border:1px solid #cfe3f7;border-radius:10px;padding:12px 4px;font-weight:500}.rubber-type-grid button.active{color:#fff;background:#296bae;border-color:#296bae}.forehand-color-card{border:1px solid var(--line);background:#f8faf9;border-radius:14px;margin-top:11px;padding:12px}.forehand-color-card h2{margin:0 0 12px;font-size:15px;font-weight:500}.forehand-color-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.forehand-color-row button{color:#0e2b48;background:#fff;border:1px solid #d5ddd9;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-weight:500;display:flex}.forehand-color-row button.active{color:#296bae;background:#f7f8fa;border-color:#2f7ac6}.forehand-color-row i{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000002e}.catalog-summary{background:#f0f8f5;border:1px solid #cfe1da;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:13px;display:flex}.catalog-summary b{white-space:nowrap}.catalog-summary span{color:var(--muted);text-align:right;font-size:13px}.racket-slot-tabs{box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 9%,transparent);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:7px;display:grid}.racket-slot-tabs button{color:var(--muted);background:#eff5f3;border:0;border-radius:9px;justify-content:space-between;padding:12px 15px;font-size:16px;font-weight:600;display:flex}.racket-slot-tabs button.active{background:var(--accent);color:#fff}.racket-editor>nav{grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 10px 12px;display:grid}.racket-editor>nav button{color:var(--muted);background:#fff;border:1px solid #bed5ce;border-radius:9px;padding:10px;font-weight:600}.racket-editor>nav button.active{border-color:var(--accent);color:var(--accent);background:#edf9f5}.equipment-part-card{background:#f7faf9;border:1px solid #d3e2dd;border-radius:14px;padding:13px}.equipment-part-card>header{align-items:center;gap:9px;margin-bottom:12px;display:flex}.equipment-part-card>header>span{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.equipment-part-card>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.equipment-part-card label>span,.racket-quantity>span{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.equipment-part-card input,.equipment-part-card select{box-sizing:border-box;width:100%;min-height:42px;font:inherit;background:#f9fbff;border:1px solid #cfe3f7;border-radius:10px;padding:8px 10px}.racket-quantity{background:var(--accent-soft);border-radius:12px;margin-top:16px;padding:12px;display:block;position:relative}.racket-quantity input{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #cfe3f7;border-radius:9px;width:100%;padding:10px;font-size:17px;font-weight:600}.racket-quantity small{margin-top:4px;display:block}.racket-editor>footer{color:var(--muted);margin-top:14px}.equipment-save-notice{z-index:30;background:var(--ink);color:#fff;border:0;border-radius:10px;padding:11px 18px;position:fixed;bottom:18px;right:18px}.player-equipment-entry{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:13px;text-decoration:none;display:grid}.equipment-entry-paddle{width:48px;height:48px;position:relative}.equipment-entry-paddle>i{background:#d9413a;border-radius:50%;width:31px;height:31px;position:absolute;top:1px;left:7px;box-shadow:inset -7px -5px 10px #a92525}.equipment-entry-paddle>span{background:#8f5d32;border-radius:0 0 6px 6px;width:11px;height:18px;position:absolute;top:29px;left:20px}.player-equipment-entry p,.player-equipment-entry b,.player-equipment-entry small{margin:0;display:block}.player-equipment-entry small{color:var(--muted);margin-top:4px}.player-equipment-entry>div:last-child{text-align:right}.player-equipment-entry strong,.player-equipment-entry em{display:block}.player-equipment-entry strong{color:var(--accent)}.player-equipment-entry em{color:var(--accent);margin-top:5px;font-style:normal;font-weight:600}@media (max-width:620px){.equipment-profile-page>header{padding:9px 12px}.equipment-profile-page>main{width:calc(100% - 16px);padding-top:9px}.play-style-editor,.racket-editor{padding:13px}.hand-choice{gap:7px}.hand-choice>button{padding:12px 7px}.hand-choice>button>i{font-size:32px}.rubber-type-grid{grid-template-columns:1fr}.catalog-summary{flex-direction:column;align-items:flex-start}.catalog-summary span{text-align:left}.equipment-part-card>div{grid-template-columns:1fr 1fr}.player-equipment-entry{grid-template-columns:45px 1fr auto;padding:10px}.equipment-entry-paddle{transform-origin:0;transform:scale(.82)}.player-equipment-entry small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}}@media (max-width:390px){.equipment-part-card>div{grid-template-columns:1fr}.hand-choice small{padding:8px 4px}.racket-editor>nav{margin-left:0;margin-right:0}}.wear-size-card{background:linear-gradient(135deg,#e9f2fc,#fff);border:1px solid #cfe3f7;border-radius:15px;margin-bottom:12px;padding:15px}.wear-size-card>header{justify-content:space-between;align-items:center;display:flex}.wear-size-card header b,.wear-size-card header small{display:block}.wear-size-card header small{color:#7b8998;margin-top:4px;font-size:12px}.wear-size-card header>span{color:#296bae;background:#f7f8fa;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:600}.wear-size-card>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.wear-size-card label>span{color:#617184;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.wear-size-card select{box-sizing:border-box;color:#1c5792;background:#fff;border:1px solid #cfe3f7;border-radius:10px;width:100%;min-height:43px;padding:8px 11px;font-size:15px;font-weight:600}@media (max-width:480px){.wear-size-card>div{grid-template-columns:1fr 1fr;gap:7px}.wear-size-card{padding:12px}.wear-size-card select{padding:7px;font-size:14px}}.equipment-profile-page:has(.gear-tables){background:var(--page,#f7f8fa)}.equipment-profile-page:has(.gear-tables)>header{border-bottom-color:var(--line,#cfe3f7);background:#fff}.equipment-profile-page:has(.gear-tables)>main{width:100%;padding:8px 8px 72px}.gear-tables{gap:6px;display:grid}.gear-now,.gear-block{border-radius:12px;padding:6px}.gear-now{border:1px solid var(--accent,#0c6b4d);background:#fff}.gear-block{border:1px solid var(--line,#cfe3f7);background:#fff}.gear-now table,.gear-sheet{border-collapse:collapse;table-layout:fixed;width:100%}.gear-now th,.gear-now td,.gear-sheet th,.gear-sheet td{border:1px solid var(--line,#cfe3f7);text-align:center;color:var(--ink,#0e2b48);background:#fff;padding:2px 1px;font-size:10px}.gear-now thead th,.gear-sheet thead th{background:var(--accent,#0c6b4d);color:#fff;font-weight:500}.gear-now tbody th,.gear-sheet tbody th{background:var(--accent-soft,#e7f4ee);color:var(--accent-strong,#084833);width:16%}.gear-now td:nth-child(2),.gear-now td:nth-child(3){width:24%}.gear-now select{box-sizing:border-box;border:1px solid var(--line,#cfe3f7);background:var(--accent-soft,#e7f4ee);width:100%;min-width:0;height:30px;color:var(--ink,#0e2b48);text-align:left;text-align-last:left;border-radius:6px;padding:0 2px;font-size:10px}.gear-block header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.gear-block header b{color:var(--accent-strong,#084833);font-size:12px}.gear-add{gap:6px;display:flex}.gear-block header button{background:var(--accent,#0c6b4d);color:#fff;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:14px;line-height:20px}.gear-block header button:disabled{background:#c5d0c8}.gear-row{align-items:center;gap:3px;display:grid}.gear-block.blade .gear-row{grid-template-columns:1.4fr 1.6fr .7fr 14px}.gear-block.rubber .gear-row{grid-template-columns:1.15fr 1.35fr .7fr .85fr .7fr .5fr 14px}.gear-labels span{color:var(--muted,#5c6b7a);text-align:center;white-space:nowrap;font-size:10px}.gear-row select,.gear-row input{box-sizing:border-box;border:1px solid var(--line,#cfe3f7);background:var(--accent-soft,#e7f4ee);width:100%;min-width:0;height:30px;color:var(--ink,#0e2b48);text-align:left;text-align-last:left;border-radius:6px;padding:0 2px;font-size:10px}.gear-row button{color:var(--muted,#5c6b7a);background:0 0;border:0;padding:0;font-size:13px}.gear-row input[type=number]{text-align:center}.gear-row i{width:14px;display:block}.gear-armory{border-top:1px solid var(--line,#cfe3f7);gap:6px;margin-top:10px;padding-top:8px;display:grid}.gear-armory>b{color:var(--accent-strong,#084833);font-size:13px}.gear-cell{border:1px solid var(--line,#cfe3f7);background:var(--accent-soft,#e7f4ee);color:#000;text-align:center;white-space:normal;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:32px;padding:3px 2px;font-size:11px;line-height:1.2;display:flex}.gear-now select,.gear-row select{display:none}.gear-row input,.gear-now input{color:#000;text-align:center}.gear-menu-mask{z-index:80;background:#0e2b4866;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gear-menu{background:#fff;border-radius:14px;gap:6px;width:min(280px,86vw);max-height:70dvh;padding:8px;display:grid;overflow:auto}.gear-menu.cols{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;align-content:start;gap:4px;width:min(420px,96vw);max-height:88dvh}.gear-menu.gear-menu-groups{width:min(420px,94vw);max-height:78dvh;padding:0 8px 8px;display:block;overflow:auto}.gear-menu-bar{z-index:1;background:#fff;border-bottom:1px solid #cfe3f7;justify-content:space-between;align-items:center;gap:8px;margin:0 -8px 8px;padding:10px 12px;display:flex;position:sticky;top:0}.gear-menu-bar b{color:#456;font-size:13px;font-weight:500}.gear-menu-bar button,.gear-group-toggle{color:#fff;background:#0e2b48;border:0;border-radius:8px;min-height:32px;padding:0 10px;font-size:13px}.gear-group-toggle{color:#0e2b48;background:#f7f8fa;justify-content:space-between;width:100%;margin:6px 0;display:flex}.gear-menu-groups>section>button.on{color:#fff;background:#0e2b48}.gear-menu button{color:#000;background:#f7f8fa;border:0;border-radius:8px;min-height:36px;font-size:14px}.gear-menu.cols button{min-height:28px;padding:2px;font-size:13px}.gear-menu button.on{background:var(--accent,#0c6b4d);color:#fff}.gear-sheet{border-collapse:collapse;table-layout:fixed;width:100%}.gear-sheet input{box-sizing:border-box;border:1px solid var(--line,#cfe3f7);background:var(--accent-soft,#e7f4ee);color:#000;text-align:center;border-radius:6px;width:100%;height:30px;font-size:11px}.gear-sheet tbody th button{color:#000;background:0 0;border:0;font-size:11px}.brand-cell{width:28%}.brand-cell .gear-cell{white-space:nowrap;word-break:keep-all}.gear-now tbody th{width:14%}
