.tiles-board{max-width:760px;margin:16px auto;padding:8px}.tiles-stack{position:relative;width:100%;aspect-ratio:8.4/4.5;background:radial-gradient(ellipse at center,#d8eada,#edf2e5);border-radius:18px}.pair-tile{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;min-height:0!important;padding:2px!important;border:2px solid #b9b493!important;border-radius:7px!important;background:#fffbee!important;color:#20584e!important;box-shadow:0 4px 0 #b4a97e,1px 6px 5px #173a3533;line-height:1;cursor:pointer}.tiles-stack .pair-tile{position:absolute;width:11.6%;height:21.5%}.pair-tile span{font-family:Georgia,serif;font-size:clamp(17px,5vw,38px);line-height:1.1}.pair-tile small{font-size:clamp(9px,1.8vw,12px);font-weight:bold;line-height:1.1}.pair-tile:disabled{opacity:1!important;filter:brightness(.76) saturate(.5);cursor:default}.pair-tile.tone-1{color:#9c394e!important}.pair-tile.tone-2{color:#65549a!important}.pair-tile.tone-3{color:#7b561d!important}.pair-layer-1{box-shadow:0 5px 0 #a59a6d,2px 7px 6px #153b3555}.pair-layer-2{box-shadow:0 6px 0 #95895f,3px 9px 7px #153b3555}.pair-tile.pair-selected{outline:3px solid #214fb0!important;outline-offset:-4px;background:#e6efff!important}.pair-tile.pair-hint{outline:3px dashed #98601b!important;outline-offset:-4px;background:#fff0b7!important}.pair-tile:focus-visible{outline:3px solid #133db9!important;outline-offset:1px;z-index:10!important}.tiles-links{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));aspect-ratio:10/8;gap:4px;padding:4px;background:#e2ede5;border:1px solid #bbcebf;border-radius:16px}.tiles-links .pair-tile{width:100%;height:100%;box-shadow:0 2px 0 #b4a97e}.tiles-links .pair-tile span{font-size:clamp(15px,4.5vw,33px)}.pair-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.pair-route polyline{stroke:#19638c;stroke-width:.09;stroke-linejoin:round;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 1px #fff)}@media(prefers-reduced-motion:no-preference){.pair-tile{transition:background-color .15s,filter .15s}}@media(max-width:420px){.tiles-board{padding:0}.tiles-links{gap:2px;padding:2px}.pair-tile{border-width:1px!important;border-radius:4px!important}}
.tiles-stack,.tiles-links{min-width:320px}.pair-tile:hover{transform:none}
.tiles-level{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tiles-level select{padding:9px;border:1px solid #9eb3a6;border-radius:9px;background:#fffdf6;color:#203e35;max-width:100%}