/* 第 13 輪：擂台／臨打團／留言牆／改名 */
.r13sheet.wide { max-width:560px; }
#r13banner { position:fixed; left:50%; top:calc(76px + env(safe-area-inset-top)); transform:translateX(-50%); z-index:12; padding:8px 18px; border-radius:999px; background:linear-gradient(90deg,#ff8a3d,#ffd23a); color:#5a2a00; font-weight:900; font-size:18px; box-shadow:0 4px 14px rgba(0,0,0,.3); max-width:92vw; text-align:center; }
#r13banner.pop { animation:r13pop .5s cubic-bezier(.3,1.6,.5,1); } @keyframes r13pop { from { transform:translateX(-50%) scale(.4); opacity:0; } }
.r13arena .champ { text-align:center; padding:12px; border-radius:14px; background:linear-gradient(#fff3c4,#ffe08a); color:#6a4a00; } .r13arena .champ b { display:block; font-size:24px; } .r13arena .champ small { display:block; opacity:.7; } .r13arena .stk { display:inline-block; margin-top:4px; font-weight:900; color:#c8433a; font-size:18px; }
.r13arena .rules { margin:6px 0; padding-left:18px; font-size:13px; line-height:1.6; }
.r13dp h3 { margin:0 0 4px; } .r13dp .when { font-size:20px; font-weight:900; margin:2px 0; } .r13dp .ph { font-size:13px; background:#e6f7ee; color:#2a7a52; border-radius:999px; padding:1px 9px; } .r13dp .mine { font-weight:800; color:#c8433a; }
.r13dp button { padding:8px 16px; border-radius:12px; font-weight:800; }
.r13wall { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; margin:8px 0; max-height:48vh; overflow-y:auto; padding:4px; touch-action:pan-y; } .r13wall.one { grid-template-columns:minmax(150px,200px); max-height:none; }
.wn { position:relative; background:var(--c,#ffe66d); color:#3a2a1a; border-radius:4px; padding:8px 8px 4px; min-height:112px; box-shadow:0 3px 8px rgba(0,0,0,.25); display:flex; flex-direction:column; transform:rotate(-1deg); } .wn:nth-child(2n) { transform:rotate(1.2deg); }
.wn p { margin:0; flex:1; font-size:14px; font-weight:700; line-height:1.4; word-break:break-all; } .wn img { width:100%; image-rendering:pixelated; border-radius:3px; background:#fff; } .wn .st { position:absolute; right:4px; top:2px; font-style:normal; font-size:22px; }
.wn footer { display:flex; align-items:center; gap:4px; font-size:11px; margin-top:4px; } .wn footer span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.75; }
.wn button { padding:2px 7px !important; font-size:11px; border-radius:999px !important; background:rgba(255,255,255,.7); } .wn .lk.on { background:#ff7f9f; color:#fff; }
.r13comp .note { --c:#ffe66d; background:var(--c); border-radius:4px; padding:10px; min-height:120px; position:relative; box-shadow:0 3px 8px rgba(0,0,0,.25); } .r13comp textarea { width:100%; border:0; background:transparent; font-size:16px; font-weight:700; resize:none; color:#3a2a1a; outline:0; } .r13comp canvas { width:200px; height:150px; image-rendering:pixelated; background:#fff; touch-action:none; border:2px solid rgba(0,0,0,.2); cursor:crosshair; display:block; margin:0 auto; } .r13comp canvas[hidden], .r13comp textarea[hidden] { display:none; }
.r13comp .st { position:absolute; right:8px; top:4px; font-style:normal; font-size:30px; }
.r13comp .row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:8px 0; } .r13comp .row > span { font-size:12px; font-weight:700; width:44px; } .r13comp .row[hidden] { display:none; }
.r13comp .sw { width:28px; height:28px; border-radius:50%; border:3px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,.25); padding:0 !important; } .r13comp .sw.on { box-shadow:0 0 0 3px var(--acc); } .r13comp .stk, .r13comp .md { padding:4px 8px !important; font-size:16px; } .r13comp .on:not(.sw) { background:var(--acc); color:var(--acc-tx); }
.r13name { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0; padding:6px 10px; border-radius:12px; background:rgba(255,176,46,.12); font-size:13px; } .r13name button { padding:4px 12px !important; font-size:12px; } .rnh { font-size:12px; padding-left:18px; margin:4px 0; }
.rtag .xt { display:inline-block; margin:0 3px; padding:0 7px; border-radius:999px; background:#ffd23a; color:#5a2a00; font-size:10px; font-weight:900; }